تغيير شكل التسميات في مدونة بلوجر الى شكل جميل

بسم الله الرحمن الرحيم

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

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

نأتي الى الشرح ان شاء الله اتبع هذه الخطوات السهلة:

1- اذهب الى واجهة البلوجر > ثم إعدادات>عناصر الصفحة

2- اضغط اضافة اداة

3- ثم اختر تسميات

4- بعدها يجب عليك اختيار في عرض سحابة

5- بعد الانتهاء من إضافة التسمية ادهب إلى إعدادات >القالب

6- قم بأخد نسخة احتياطية للقالب
7- اذهب الى تحرير HTML ثم متابعة ثم ضع اشارة في توسيع القالب

8- ابحت عن الوسم التالي

9- ثم ضع هذا الكود فوقه مباشرة

/*-----Custom Labels Cloud widget ----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}

.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover {
text-decoration: none;
}

al3raQe

10- احفظ القالب ومبروك عليك

ملاحظة يمكن تغيير حجم الكتابة : font-size:10px;