no-style

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

السلام عليكم ورحمة الله تعالى وبركاته


أسعد الله أوقاتكم بكل خير أحبابي في الله وأهلا ومرحبا بكم زوار و متتبعي شروحات العربي ويب.
 سنتعرف اليوم على طريقة تغيير شكل شريط تمرير الإفتراضي وما يسمى بـ 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 بما يناسبك .

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

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

تعليق

أحدث أقدم