تخصيص اضافة التسميات في البلوجر عبر Css

 

السلام عليكم اليوم انشاء الله سوف اقدم لكم اضافة جميلة على اضافة التسميات في البلوجر حيث أن هذه الاضافة تدخل امكانية جديدة في منصة البلوجر وهي التحكم الكامل في اضافة التسميات, التخصيص عبارة عن تلوين الأزرار أو أزار الأقسام بألوان فلات عشوائية يعني لكل زر لون و يتم هذا عبر كود css بسيط,

 

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

1 . ادخل لقالب البلوجر

2. تحرير HTML (لا تنسى حفض نسخة احتياطية ان حدة خطأ )

3. قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL + F)


</b:skin>

4.  ثم تقوم بوضع الكود التالي فوقه


/* Flat UI Labels Cloud By Www.dzprofessionale.Com ---------------- */
@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}
/* Flat UI Labels Cloud By Www.proamine.Com ---------------- */

 

 بعد ذالك و الخطوة الأخير قم بالذهاب الى الى قسم "  تخطيط "  و قم بالضغط على  تعديل في أداة التسميات و قم بالتغيير كما بالصورة