تخصيص زر تمرير الصفحات Scrollbar الى شكل احترافي في المدونة

تخصيص زر تمرير الصفحات Scrollbar الى شكل احترافي في المدونة

السلام عليكم , درس اليوم بسيط ومفيد بحيث سنتعرف على كيفية تخصيص زر تمرير الصفحات على مدونات البلوجر او ما يسمى scrollbar الى شكل انيق ,الإضافة جميلة وتعطي طبعا طابع احترافي للموقع على عكس الشكل الافتراضي للمتصفح والدي يأخد مساحة كبيرة في جانب الموقع , طريقة التخصيص سهلة جدا فقط اتبع الخطوات التالية ,...

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

/* ---scrollbar by www.abou-nizar.com --- */ ::-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 الى ما يناسبك , 
قم بحفض القالب وتوجه الى المدونة لمعاينة الاضافة اتمنى ان تنال اعجابك لا تنسى الدعم والتشجيع ,