0
طريقة تغيير شريط التمرير الجانبي لمدونات بلوجر.

تغيير شريط التمرير الجانبي هي إضافة مميزة لتحسين صورة قالبك للزوار حيث تقوم بتغيير شكل الScrollbar التقليدي وتحوله إلى Scrollbar جميل متناسق مع قالبك :)
{لمعاينة المثال يمكنك النظر لشريط التمرير الجانبي الخاص بالمدونة}
  • اذا اعجبتك الإضافة إتبع الخطوات التالية من اجل إضافتها لقالبك :
  1. ادخل للوحة تحكم بلوجر من هنا.
  2. ثم إدخل إلى القالب.
  3. اعمل نسخة احتياطية للقالب لتفاذي المشاكل.
  4.  وإضغط تحرير HTM.
  • بعد ذلك إبحث عن الكلمات التالية :
]]></b:skin>


  • ثم اضف بعده مباشرة الكود التالي :

/* --- Scrollbar Abter.blogspot.com --- */
::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #01B8C0 10%, #01B8C0 51%);
}
::-webkit-scrollbar-thumb:hover {
background:#363636;
}



  •  يمكنك تغيير لون شريط التمرير من خلال استبدال #01b8c0 مع رمز اللون الذي تريده ويمكنك الحصول عليه من هنا.
  • يمكنك تغيير العرض والارتفاع من التمرير عن طريق استبدال 14px و 8px .

  • إرسال تعليق Blogger