تخصيص اضافة التسميات في البلوجر (لون فلات عشوائي لكل زر) عبر css

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

لذالك أول شيئ ستدخل الى: لوحة تحكم مدونتك ->  قالب  -> HTML تحرير 

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

</b:skin>

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

/* 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.dzprofessionale.Com ---------------- */

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