اضافة شريط آخر الأخبار المتحرك لمدونات بلوجر ، هي اضافة ممتازة أنصح بها كل من يملك موقعا ذو محتوى كثيف و متجدد باستمرار . اذ بمساعدة هذه الاضافة يمكنك بسهولة عرض عناوين آخر المقالات المنشورة على مدونتك في شريط واحد . و أظن أنها طريقة ذكية لجذب انتباه الزوار فحركة عناوين المقالات داخل شريط الاضافة أمر من الصعب تجاهله مما سيزيد اقبال زوار موقعك على النقر و التجول داخل مدونتك .
قبل
أن نبدأ في شرح الطريقة الجديدة و الفعالة لتنصيب هذه الاضافة على مدونتك
يمكنك معاينة الشريط و تجربته من خلال النقر على زر المعاينة أدناه :
كيف يمكنك بسهولة اضافة اداة آخر المواضيع لمدونتك :
- لا تنسى تحميل نسخة لقالبك و حفظها في مكان آمن تحسبا لأي خطأ في تطبيق الشرح.
- أولا : ان كان قالب مدونتك لا يدعم الـ jQuery قم باضافة الكود التالي بعد مباشرة :
*يمكنك تعديل الكود وفق رغباتك كما يلي :
_تغيير عنوان الاضافة بتغيير : آخر المواضيع
_تغيير عدد المقالات التي تظهر بتغيير : max-result=10
_تغيير المدة التي يظهر فيها العنوان قبل أن يختفي بتغيير : interval:2000
- رابعا : ابحث عن : ]]
، ثم قم بلصق الكود التالي قبلها مباشرة :
.tickerwrapper{ position:relative; }
.tickhead{
background:#dd4c39 url(https://lh4.googleusercontent.com/S2yrb7GoLLN7s1-NmlkE_nS9Svzr5DQNM3dcCCp2Occ=s50-no) no-repeat;
background-position:125px 10px;
background-size:20px;
float:right;
line-height:28px !important;
height:29px;
width:130px;
padding:6px 11px 0 15px;
text-align:left;
color:#fff;
font:400 22px 'pt sans',sans-serif;
text-transform:uppercase;
z-index:1;
top:0;
left:0;
}
.ticker2{
padding-left:155px;
height:35px !important;
overflow:hidden;
background:#333;
line-height:35px !important;
}
.ticker2 ul{
margin:12px;
list-style:none;
}
.ticker2 ul li a{
color:#fff;
font:400 15px 'pt sans',sans-serif;
text-decoration:none; }
.tickhead{
background:#dd4c39 url(https://lh4.googleusercontent.com/S2yrb7GoLLN7s1-NmlkE_nS9Svzr5DQNM3dcCCp2Occ=s50-no) no-repeat;
background-position:125px 10px;
background-size:20px;
float:right;
line-height:28px !important;
height:29px;
width:130px;
padding:6px 11px 0 15px;
text-align:left;
color:#fff;
font:400 22px 'pt sans',sans-serif;
text-transform:uppercase;
z-index:1;
top:0;
left:0;
}
.ticker2{
padding-left:155px;
height:35px !important;
overflow:hidden;
background:#333;
line-height:35px !important;
}
.ticker2 ul{
margin:12px;
list-style:none;
}
.ticker2 ul li a{
color:#fff;
font:400 15px 'pt sans',sans-serif;
text-decoration:none; }
*يمكنك تعديل الكود ليتوافق مع ألوان مدونتك كما يلي :
_تغيير لون خلفية عنوان الاضافة بتغيير : #dd4c39
_تغيير لون عنوان الاضافة بتغيير : fff#
_تغيير لون خلفية المقالات بتغيير : 333#
_تغيير لون عنوان المقالات بتغيير: fff#
مواضيع ستساعدك لتجد أكواد الألوان المناسبة : مكتبة أكواد الألوان الخاصة بكل مدون محترف
- خامسا : اضغط على حفظ التعديلات
- سادسا : اذهب الى التخطيط >> اختر المكان المناسب ثم اضغط على "اضافة أداة" >>اختر HTML/javascript >> ثم قم بلصق الكود التالي في الخانة المخصصة لذلك ثم اضغط على حفظ التعديلات :
*لا
تنسى تعويض رابط مدونتي برابط مدونتك : و كما تلاحظ رابط مدونتي ليس
مسبوقا بأي شيء لذلك قم بحذف كل شيء قبل رابط مدونتك (مثل : http://www. )
كما لا تنسى حذف أي شيء بعد رابط مدونتك (مثل : / ) أو أي شيء من ذلك
القبيل .
أتمنى أن تكون أفادتكم تدوينة نهار اليوم ،
ان واجهتك أي مشكلة مع الاضافة لا تتردد في استعمال صندوق التعليقات لطرح مشكلتك و سأجيبك في أقرب الآجال ،
لا تنسى أن تشارك هذه التدوينة مع معارفك من المدونين ان وجدتها مفيدة عن طريق أزرار المشاركة أسفل التدوينة.
لم يبقى لي الا أن أقول لكم بالتوفيق للجميع و تجربة ممتعة ،
أتمنى أن تكون أفادتكم تدوينة نهار اليوم ،
ان واجهتك أي مشكلة مع الاضافة لا تتردد في استعمال صندوق التعليقات لطرح مشكلتك و سأجيبك في أقرب الآجال ،
لا تنسى أن تشارك هذه التدوينة مع معارفك من المدونين ان وجدتها مفيدة عن طريق أزرار المشاركة أسفل التدوينة.
لم يبقى لي الا أن أقول لكم بالتوفيق للجميع و تجربة ممتعة ،
0 التعليقات:
إرسال تعليق
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.