كيفية اضافة قائمه التسميات بشكل مميز

السلام عليكم ورحمة الله وبركاته

اليوم سوف اقدم لكم واحدة من اجمل الاضافات على الاطلاق 

صورة من الاضافة 

تركيبها سهل ^_^

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

1. ادهب الى 
2.  لوحة التحكم
3.  التخطيط
4.  إضافة أداة
5. Html/javascript
6. الصق الكود التالي 

<style>.category { width: 182px; float: left; border-top: 8px solid #CCC; display:block margin: 0px; padding: 6px 10px 15px 10px; background: #FFF; font-size: 1.2em; font-family: georgia, times new roman, verdana; font-weight: bold; cursor: pointer; text-shadow: 0 0 2px #CCC; letter-spacing: inherit; } .category p { margin: 0px; font-family: Tahoma, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; font-weight: normal; color: #444; letter-spacing: .03em; } #middle { margin: 0 auto; background: #FAFAFA; width: 1010px; border-left: 1px solid #F8F8F8; border-right: 1px solid #F8F8F8; } #cat-4 {border-top: 8px solid #FF95F9;} #cat-4:hover {background: #FF95F9;} #cat-5 {border-top: 8px solid #9CFFB1;} #cat-5:hover {background: #9CFFB1;} #cat-6 {border-top: 8px solid #FF6767;} #cat-6:hover {background: #FF6767;} #cat-8 {border-top: 8px solid #9CDBFF;} #cat-8:hover {background: #9CDBFF;} #cat-9 {border-top: 8px solid #FFD29C;} #cat-9:hover {background: #FFD29C;} .category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3 { text-transform: lowercase;margin: 0;} </style><div class='clearfloat' id='middle'><div class='category' id='cat-4' onclick='window.location.href='https://meftahbloger.blogspot.com/';'><span class='cat_title'>اسم-الموضوع</span><p>وصف-الموضوع</p></div><div class='category' id='cat-5' onclick='window.location.href='https://meftahbloger.blogspot.com/';'><span class='cat_title'>اسم-الموضوع</span><p>وصف-الموضوع</p></div><div class='category' id='cat-6' onclick='window.location.href='https://meftahbloger.blogspot.com/';'><span class='cat_title'>اسم-الموضوع</span><p>وصف-الموضوع</p></div><div class='category' id='cat-8' onclick='window.location.href='https://meftahbloger.blogspot.com';'><span class='cat_title'>اسم-الموضوع</span><p>وصف-الموضوع</p></div><div class='category' id='cat-9' onclick='window.location.href='https://meftahbloger.blogspot.com/';'><span class='cat_title'>اسم-الموضوع</span><p>وصف-الموضوع</p></div></div>

عدل على :

رابط كل قسم بدل من https://meftahbloger.blogspot.com

'اسم الموضوع' وضع بدله عنوان القسم

'وصف الموضوع' ضع فقرة صغيرة تصف بها القسم 

اتمنى انكم استمتعتم بالاضافة 

انتهى بفضل الله