طريقة تغيير شكل شريط تمرير الإفتراضي إلى شكل جميل وإحترافي لبلوجر

السلام عليكم ورحمه الله وبركاته متابعيني الكرام أسعد الله أوقاتكم بكل خير أحبابي في الله وأهلا ومرحبا بكم زوار و متتبعي شروحات محمد الافندي .

 سنتعرف اليوم على طريقة تغيير شكل شريط تمرير الإفتراضي وما يسمى بـ scrollbar إلى شكل جميل وإحترافي وطريقة تنسيقه ليتناسب مع شكل وألوان مدونتك كما هو في مدونتي الأن.

شريط تمرير الإفتراضي وما يسمى بـ scrollbar يكون على هذا الشكل

سوف نستبدل الشكل الأول بهذا الشكل

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

تابع معي ...

أولا توجه الى لوحة التحكم مدونتك  من هنا 
2 - قالب (المظهر) >> تحرير Html >>

3 - إبحث عن الوسم التالي بالضغط على Ctrl+f

</head>

4 - أضف الكود التالي قبله (فوق)

<style>
::-webkit-scrollbar{width:7px;height:7px;background:#fff;}
::-webkit-scrollbar-thumb{background:#f74646;}
</style>

ثم قم بحفظ المظهر

لتغير لون شريط التمرير
إستبدل كود اللون #f74646 بما يناسبك .

اكواد اللاوان من هنا 

تم بحمد الله ... 

أي أسئلة أو إستفسار حول الموضوع لا تتردد في طرحها بالتعليقات