أضافة التسميات في مدونة بلوجر بـ 3 أشكال رائعة

بسم الله والصلاة والسلام على رسول الله ،
كل عام والأمة الأسلامية بألف خير بمناسبة شهر رمضان الكريم..

في كل مدونة تحتاج الى أن تكون مدونتك ذات أدوات جميلة وجذابة لتبهر متابعي مدونتك ، ولكن الاغلب لا يملكون القدرة على تصميم الأضافات حسب رغبتهم ، ولا يملكون معرفة بِ لغة تصميم المواقع ، أقدم لكم 3 أشكال جذابة لأضافة التسميات الى مدونتك ، نبداً على بركة الله ، 

- لِـ معاينة التسميات بأشكالها ال 3  من_هنا

طريقة الاضافة :

1- إذهب الى لوحة التحكم .

2- ثم الى التخطيط .

- ثم أختر أضافة أداة .

- ثم أنقر على اداة التسميات .

لا تغير الاعدادات وأضغط حفظ .

*الشكل الاول*

- الشكل قبل مرور الماوس  :

- الشكل بعد مرور الماوس  :

الكود :

#Label1 li{ float: right; background-color: #434343; border-radius: 5px; overflow: hidden; margin-bottom: 7px; margin-right: 5px; } #Label1 li a{color:#fff; padding: 9px 15px;} #Label1 li a:hover{background:#25B9D3}





*الشكل الثاني*

- الشكل قبل مرور الماوس :

- الشكل بعد مرور الماوس :

- الكود :

#Label1 li{ text-align: center; overflow: hidden; background-color: #ccc; padding-top: 3px; padding-bottom: 3px; margin-bottom: 5px; width: 157px;transition: 2s; } #Label1 li:hover{ width: 180px; background-color: #059EFF;transition: 2s; }





*الشكل الثالث*

- الشكل قبل مرور الماوس :

- الشكل بعد مرور الماوس :

- الكود :

#Label1 li{ margin-bottom: 7px; width: 145px; border-left: 3px solid#009CFF; text-align: center; transition: 2s; } #Label1 li a{ color:#555 } #Label1 li:hover{ border-right: 3px solid#009CFF; width: 110px; transition: 2s; }


**********

طريقة التركيب :

- أنسخ كود الشكل الذي تريده وضعه في مدونتك .
- أذهب الى " لوحة التحكم " في المدونة .
- أنقر فوق " قالب " .
- ثم أختر " تحرير HTML " .
- أضغط " Ctrl + F " لأظهار اداة البحث .
- قم بالبحث عن " ]]></b:skin> " .
- قم بوضع الكود " فوقها مباشرة " . 
- ثم أضغط فوق " حفظ النموذج "

*******

- شرح بالفيديو "

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