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

[بلوجر] تغير شكل التسميات الى شكل مميز ( بتقنية 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/---------------- */
.

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

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

شاهد أيضاً

0 تعليق: