اضافة زر scrollber الي مدونتك بشكل احترافي وانيق

السلام عليكم ورحمة الله وبركاته سنتتطرق اليوم الي البلوجر ودرسنا اليوم درس من دروس الاضافات وهو اضافه وتخصيص زر تمرير الصفحات scrollber بشكل احترافي وانيق علي عكس المنظر الاعتيادي الذي ياخد مساحة كبيرة من الشاشة.

الخطواط

✔ توجه الى لوحة تحكم بلوجر
✔ اختر المدونة تم القالب
✔ قم بتحرير القال بعدها ابحث عن الوسم ]]></b:skin>
✔ ثم اضف فوقه مباشرة الكود التالي

::-webkit-scrollbar {
background:#fff;
width:8px;
height:8px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #28A08E 10%, #28A08E 51%);
}
::-webkit-scrollbar-track {
}

  لتغيير لون الاضافة ابحث عن background-image  ثم غيير كود 
اللون #28A08E  الى اللون المناسب لك 
لتغير العرض ابحث عن width:8px; داخل نفس الكود ثم غيير القيمة 8 الى ما يناسبك.
قم بحفظ القالب واستمتع بالاضافة الرائعة.
هذا كان درسنا اليوم  وانتظروا المزيد من الابداع