[بلوجر] تغير شكل التسميات الى شكل احترافي و مميز ( بتقنية flat )

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

اليكم اليوم طريقة مميزة لتغير شكل التسميات في البلوجر الى شكل فلاتي احترافي 2015 ,  حيث يمكنك الان تغير الشكل التقليدي للتسميات الموجود في اغلب القوالب الحالية فالشكل الجديد بالوان مميزة وبالوان فلاتية بتقنية التصميم المسطح الاحترافي المميز , الاضافة تعمل عن طريق css , حيث تعمل الاضافة على تغير لون التسميات من الشكل العادي الى الشكل الجديد كما تظهر بالصورة فهي ازراربتقنية flat التصميم المسطح , الاضافة بتقنية css فقط قهي تعمل على تغير اللون وهي لاثؤثر على سرعة تحميل القالب فهي خفيفة جدأ بدون اطالة اترككم مع المعاينة

• تحميل الاكواد

طريقة تركيب الاضافة

لتركيب الاضافة قم بالذهاب الى لوحة تحكم بلوجر
ثم الذهاب الى قالب
ثم الظغط على تحرير html
بعد ذلك قم بالبحث عن

 ... </b:skin> ... 

وقم بوضع فوقة الكود الاتي

 ./* By http://www.almtwr.net/ ---------------- */
@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
.sidebar .label-size {
position:relative;
text-transform: uppercase;
text-decoration:none;
font-size:13px;
font-family:Droid Arabic Kufi;
color:#fff!important;
}
.sidebar .label-size a {
color:#fff!important;
padding:8px 10px;
margin:0 6px 6px 0;
float:right;
display:block;
-moz-transition: all 0.4s ;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s ;
-ms-transition: all 0.4s ;
transition: all 0.4s ;
}
.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#8e44ad}
.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#c0392b}
/*  By http://www.almtwr.net/---------------- */
. 

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