مدونة الحريفة

"من هنا لوحة كود الألوان"

بعد عدت محاولات تمكنت من الوصول لطريقة

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

يشرفني منتديات موج الغلا أول موقع

يطرح هذا الدرس بسم الله نبدا:

اولا السكرول بار هو شريط التمرير الي بالمتصفح

طبعا لا يظهر على الفاير فوكس:

الكود يجب ان يكون بمنطقة البودي

body {

اوكى اعطيكم مكان محدد

أولا ابحثو عن كلمة:

a:link {

"البحث عن طريق ctrl+F

تلقو الكود بالشكل هذا:

a:link {

color:$linkcolor;

text-decoration:none;

}

نضع فوقه الكود التالي:

html

{

scrollbar-base-color: #F5F6CE;

scrollbar-arrow-color: #F6CEF5;

scrollbar-track-color: #F6CEF5;

}

اعملو معاينة اذا ظهر اللون بالسكرول بار يصير اعملو حفظ

التغيير الي تغيرونو بالكود

اللون الاول من الكود وهو خاص بشريط التمرير المتحرك

اللون الثاني والثالث خاص بالسكرول بار الثابت

والسهم الصغير

التسميات: تطوير بلوجر |

طريقة عمل شريط أخباري لمدونتك

2:44 م |

هذا الشريط الأخبار هو شريط متحرك به أحدث مواضيع مدونتك فيستطيع الزائر مشاهدة عدد كبير من عناوين تدويناتك دون البحث الطويل عن موضوع معين وبذلك تكون المواضيع التي نسيت في مدونتك نصيب في القراءة مره أخرى

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

وطريقة وضع هذا الشريط في مدونتك أتبع المسار المعتاد : لوحة التحكم الرئيسية – تخطيط – إضافة عنصر –Html/Javascript

وألصق بها الكود التالي :

مع استبدال أسم مدونتي al7arifa بالون الأزرق باسم مدونتك

وكلمة right باللون الأحمر تعني تحرك الشريط من اليسار إلى اليمين ويمكنك تغيير اتجاه الشريط ليتحرك من اليمين إلى اليسار بتغيير كلمة right إلى كلمة left

MaxPosts = 15 وكلمة تعني 15 مواضيع سوف يظهر في الشريط ويمكنك التعديل عليها بما يناسبك وأعتقد انه لا يقبل أن يزيد عن 25 موضوع

وأرجو أن يكون الموضوع أرضى إعجابكم وأرجو أن تتقبلوا تحياتي

التسميات: تطوير بلوجر |

طريقة حذف شريط المدونة Navbar

1:03 م |

حذف الشريط العلوي Navbar لمدونتك تعتبر خطوة مهمة جدا لجعل مدونتك كأنها موقع مستقل بذاته (كما ترى في أعلى المدونة لا يوجد شريط Navbar) ، وطريقة حذف هذا الشريط سهله جدا ولا تحتاج إلى جهد منك فقط أتبع الخطوات الآتية :

1. أذهب إلى هذا المسار : لوحة التحكم الرئيسية لمدونتك > تخطيط > تحرير HTML

2. أبحث عن هذا الكود :

/* Variable definitions

3. ضع أعلى الكود السابق الكود الأتي :

#navbar-iframe { display: none !important; }

4. ثم أضغط حفظ القالب

وهكذا تكون أنهيت حذف شريط المدونة Navbar وأذهب لمدونتك لترى التغيير

وسيكون كالأتي :

قبل الخطوات السابقة

بعد الخطوات السابقة

التسميات: تطوير بلوجر |

إضافة زر " إلى الاعلى " للمدونة

12:10 م |

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

وتظهر اهمية هذه الايقونة بالخصوص عندما تكون التدوينة طويلة ، بحيث تساعد الزائر على اختصار الوقت الذي سيععيده على على الصفحة من جديد .

لتركيب الاضافة ما عليك الى نسخ الكود ووضعه في المكان الذي تريد ظهورها فيه

وكود هذه الإضافة هو كما يلي

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/_ppHQQFJTm3Y/SsiE54WRHEI/AAAAAAAAAU4/5fk_OwC6AJI/s320/back+to+top.png"/></a>

وهذا كود آخر :

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>

التسميات: تطوير بلوجر |

برنامج ارتيستير 2.3 لتصميم قوالب المجلات والبلوغر بسهولة

12:02 م |