🎨 تغيير لون شريط التمرير في بلوجر | تخصيص Scrollbar باحترافية

أهلاً بكم يا غوالي في Wowolabs 🚀

إذا كنت تريد إضافة لمسة فخمة لمدونتك في بلوجر، فتخصيص شريط التمرير Scrollbar من أسهل الطرق لجعل موقعك يبدو مختلفًا واحترافيًا.

شريط التمرير هو المؤشر الجانبي أو السفلي الذي يظهر عند تصفح الصفحة. يمكنك تغيير لونه، حجمه، الخلفية، والحواف حتى يتناسب مع ألوان موقعك.

ما هي أداة Scrollbar Style Maker؟

Scrollbar Style Maker هي أداة تساعدك على إنشاء كود CSS جاهز لتغيير شكل شريط التمرير في الموقع. تختار الألوان، تشاهد المعاينة، ثم تنسخ الكود وتضعه في بلوجر.

لماذا تغير شكل شريط التمرير؟

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

طريقة استخدام الأداة

افتح الأداة، ثم اختر لون الخلفية ولون شريط التمرير والحجم المناسب. بعد ذلك انسخ كود CSS الناتج وضعه داخل قالب بلوجر قبل وسم:

]]></b:skin>

رابط الأداة

فتح أداة Scrollbar Style Maker

مثال كود Scrollbar جاهز

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #0b061a;
}

::-webkit-scrollbar-thumb {
    background: #9d4edd;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffd700;
}

أسئلة شائعة

هل يعمل الكود على بلوجر؟

نعم، يعمل على أغلب قوالب بلوجر عند إضافته داخل CSS القالب.

هل يؤثر على سرعة المدونة؟

لا، كود Scrollbar بسيط جدًا ولا يسبب بطء في تحميل الصفحة.

هل يظهر في كل المتصفحات؟

يظهر بشكل أفضل في المتصفحات التي تدعم WebKit مثل Chrome وEdge.

الخلاصة

تغيير لون شريط التمرير في بلوجر خطوة بسيطة لكنها تعطي مدونتك شكلًا أجمل وأكثر تميزًا. استخدم الأداة، انسخ الكود، وعدّل الألوان بما يناسب تصميم موقعك.