-->

تقنية ، إنترنت ، برامج ، إسلامية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الخميس، 6 فبراير 2014

طريقة إضافة قائمة رأسية بالـ SideBar الخاص بمدونات Blogger

طريقة إضافة قائمة رأسية بالـ SideBar الخاص بمدونات Blogger

لكي نضيف كود إضافة قائمة رأسية بالـ SideBar الخاص بمدونات Blogger يتم إتباع الخطوات التالية ، مع ضرورة أخذ نسخة إحتياطية من القالب قبل عمل أي تغير :

شرح تفصيلي لطريقة التركيب  بالنسبة لمحرر بلوجر  الحديث

1- ندخل الى لوحة تحكم المدونة .  

 2- نضغط على كلمة  قالب  من القائمة الجانبية   مثل الصورة التالية :





بعد الضغط على كلمة قالب سوف تظهر لنا شاشة مثل الصورة التالية:




 ومن  تلك الصورة السابقة نضغط على تحرير   HTML    ، لكي يظهر لنا الصورة التالية:  




 
3- نبحث عن الكود التالي (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):

</b:skin>
 
4 - بعد أن نجد الكود السابق  نضيف الكود التالي قبله مباشرة :

5- نضغط على زر حفظ التغيرات   لكي يتم حفظ القالب .

6- وحتى نضيف القائمة الرأسية في الجانب الأيمن أو الأيسر (حسب رغبتك)  يتم  تنفيذ الخطوات التالية على النحو الآتي :
(مع ضرورة أخذ نسخة إحتياطية من القالب قبل عمل أي تغير )
*- إذهب إلى لوحة التحكم .
*- نضغط على كلمة تخطيط من القائمة الجانبية  ثم يتم الضغط على إضافة أداة  ، ثم نختار الأداة Html/Java Script كما هو موضح  في الصورة التالية :


 
 
 *- ثم نضيف الكود التالي داخل هذه الأداة :
 

*- ثم نضغط على زر حفظ  الموجود مع شاشة الأداة .
 

وبعد ذلك تظهر لك القائمة المنسدلة كما تريد بالسايد بار الجانبي في الناحية اليمنى أو اليسرى على حسب إختيارك.

 
مع ملاحظة  الآتي :

- يتم تغير كلمة Edit إلى بنود القائمة التي تريدها ، والرمز ( #  ) يتم تغيره إلى روابط تلك البنود التي بالقائمة .
- يمكن تغير لون خلفية القائمة من خلال البحث عن الكود التالي  في الكود الموجود بخطوة رقم 4 بالأعلى وتغير رمز اللون الذي تريد :


background-color: #f6ffd5;
 
- وتغير لون القائمة عند المرور عليها بزر الماوس من خلال البحث عن الكود التالي  في الكود الموجود بخطوة رقم 4 بالأعلى  وتغير رمز اللون الذي تريد  :


background-color: #DBFF6C;

- وتغير لون النص من  خلال البحث عن الكود التالي  في الكود الموجود بخطوة رقم 4 بالأعلى  وتغير رمز اللون الذي تريد  :
 
color: black;
 
 
جزى الله خيرا كل من ساهم فيه

ليست هناك تعليقات:

إرسال تعليق