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

[rss]

هذه هي شكل التسميات قبل التعديل عليها وتنظيمها

http://1.bp.blogspot.com/-oxm6Mapy5ug/VJXqhdjU0FI/AAAAAAAAB6M/WhzjjbnNAyw/s1600/image10.png (http://1.bp.blogspot.com/-oxm6Mapy5ug/VJXqhdjU0FI/AAAAAAAAB6M/WhzjjbnNAyw/s1600/image10.png)
وهذا هو الشكل الذي سيصبح عليه بعد تطبيق الشرح باذن الله

http://2.bp.blogspot.com/-y6ugCWyPoJI/VJXq0H1olHI/AAAAAAAAB6U/yYAz6zXJzCY/s1600/image%5B12%5D.png (http://2.bp.blogspot.com/-y6ugCWyPoJI/VJXq0H1olHI/AAAAAAAAB6U/yYAz6zXJzCY/s1600/image%5B12%5D.png)
يمكن تخصيص رمز أدناه في عدة طرق لخلق تصاميم تسمية مثيرة. يمكنك أيضا إضافة صور الخلفية لها.


اتبع هذه الخطوات السهلة:

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

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

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

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

5.بعد الانتهاء من إضافة التسمية اذهب إلى إعدادات >القالب
6.قم بأخد نسخة احتياطية للقالب
7.اذهب الى تحرير HTML ثم متابعة
8.ابحث على
]]>9.وضع فوقها مباشرة هذا الكود

.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;
}10.احفظ القالب ومبروك عليك
في حالة إذا كنت ترغب في أن تكون تسمية المربعات ذات أحجام عشوائية ببساطة احذف font-size:10px؛ من الكود اعلاه.