تابعنا على الشبكات الاجتماعية

الأحد، 26 يناير 2014

TRUCS INFORMATIQUES

TRUCS INFORMATIQUES

اضافة اخر المشاركات على شكل سلايد شو لمدونات بلوجر

Posted: 26 Jan 2014 07:11 AM PST

بسم الله الرحمن الرحيم
الصلاة والسلام على خير خلق الله سيدنا محمد عليه افضل الصلاة والسلام.

اهلا وسهلآ بكم في موضوع جديد على موقع Trucsinformatique.com  اليوم جايبلكم اضافة رائعة لمدونات بلوجر .اضافة اخر المشاركات على شكل سلايد شو لمدونات بلوجر يتم وضعها في القائمة الجانبية لعرض آخر المشاركات بشكل أنيق


اضافة اخر المشاركات على شكل سلايد شو لمدونات بلوجر

صورة من الأداة :



إضافة اخر المشاركات في القائمة الجانبيه لمدونة بلوجر


طبعأ الاداة علا شكل سلايد شو لاكنها اداة اخر المشاركات وتوضع في القائمة الجانبية

طريقة تركيب الأداة :


1-ادخل لوحة تحكم مدونتك
2-اتجه الى التخطيط
3-اضف اداة html/javascript
4-انسخ الكود التالي والصقه بداخل الاداة

<style>.slider-rotator h4{text-align:right !important;}.slider-rotator p{text-align:right !important;}.slider-rotator-nav{background:#DDD !important;border:1px solid #CCC !important;border-radius:5px !important;margin:2px 12px !important;}.slider-rotator-nav a{background-color:#FFF !important;color:#777 !important;border:1px solid #CCC !important;border-radius:4px !important;}.slider-rotator-nav a:hover{background-color:#FFFDD8 !important;}.slider-rotator-nav a.current{background-color:#BDB6AA !important;border:1px solid #999 !important;color:#FFF !important;}.slider-rotator{border-radius:5px !important;}</style>
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "trucsinformatique.com" // Add your blog URL
});
</script>

ملاحظة هامة:
غير ما كتب بالأصفر ألى رابط مدونتك
إحدف ما كتب بالأحمر أذا سبق لك إدراج كود مكتبة jquery في قالب مدونتك.

5-قم بحفظ الأداة و مبروك عليك

أتمنى أن يكون الدرس في متناول الجميع,في حال كان هنالك أي إستفسار لا تترددوا في وضع  إستفساراتكم في تعليق.

المرجو دعم الموقع من خلال الإشتراك على صفحاتنا على المواقع الإجتماعية و مشاركة الدروس مع أصدقاءكم.

إسمح لزوار مدونتك بلوجر بإختيار لون خلفية المدونه حسب رغبتهم

Posted: 26 Jan 2014 06:14 AM PST



السلام عليكم و رحمة الله.
درس اليوم هو عن الإضافة التي يبحث عنها أغلب أصحاب المدونات، و هي الإضافة التي تتيح لرواد و زوار مدونتك بلوجر تغيير خلفية المدونة إلى اللون الذي يرونه مناسبا.
الإضافة تم تخصيصها لتكون سهلة الإستعمال و جعلها تضاهي مثيلاتها المستعملة في المواقع الإحترافية.كما ثم إرفاقها بألوان زاهية و جذابة إرضاءا لمختلف الأذواق.

نمر لتطبيق الإضافة:

1-اذهب للوحة التحكم.

2-تخطيط.

3-أضف اداة.

4-إختار  Html/Javascript.

5-ثم قم بلصق الكود التالي :
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>



6-ثم قم بالحفظ .

أتمنى أن يكون الدرس في متناول الجميع,في حال كان هنالك أي إستفسار لا تترددوا في وضع  إستفساراتكم في تعليق.

المرجو دعم الموقع من خلال الإشتراك على صفحاتنا على المواقع الإجتماعية و مشاركة الدروس مع أصدقاءكم.
مرسلة بواسطة في

ليست هناك تعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)