القائمة الرئيسية

الصفحات

كيفية تغيير السكرولبار لمدونات بلوجر

السلام عليكم أحبائي زوار و أعضاء المدونة، اليوم فكرت ان اشارككم طريقة لتغيير السكرولبار لمدونات بلوجر، و ذلك بعد ان فكرت لما لا اغير الخاص بمدونتي و التخلص من الشكل التقليدي، حيث يمكنك  تغييره ليصير ذو شكل جذاب و جميل (يمكنك معاينة شكل السكرولبار مباشرة في مدونتي!)، كما يمكنك التحكم في لون خلفيته و الزر المنزلق. لن أطيل عليك، ننتقل إلى الشرح..

الطريقة الأولى:
 1- انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

]]>
ثم قم بوضع الكود التالي قبله/فوقه مباشرة:

::-webkit-scrollbar {
height:12px;
width: 12px;
background:
#F778A1;}
::-webkit-scrollbar-thumb {
background-color: #FDEEF4;
-moz-border-radius: 10px;
border-radius: 10px;
}
ثم قم بحفظ القالب و إنتهى! 
الطريقة الثانية: 
 1- أنتقل إلى لوحة تحكم مدونتك، إختر "قالب" ،ثم "تخصيص"، إضغط على "متقدم" ثم إنزل إلى أسفل القائمة لتجد إضافة CSS قم بالضغط عليها ثم قم بإضافة الكود التالي، مع عدم حذف اي كود تجده هناك !

الكود: (نفس الكود في الطريقة الأولى)
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #F778A1;}
::-webkit-scrollbar-thumb {
background-color: #FDEEF4;
-moz-border-radius: 10px;
border-radius: 10px;
}
 ثم قم بالتطبيق على المدونة  و إنتهى! 

 يمكنك التحكم في ألوان السكرولبار فقط بتغيير أكواد الألوان الموجودة باللون الأحمر في الكود !

أتمنى أن يكون قد نال الموضوع إعجابكم و ان تكونوا قد إستفدتم 

هل اعجبك الموضوع :

تعليقات