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

في العام 2008 حين بدأ موقع Blogger.comالدي كان يمر بالعديد من التحديثات,كما أن العديد من مطوري الطرف الثالث الدين هم بدورهم أخدوا الفرصة الذهبية ليقوموا بتطوير إضافات لمدونات بلوجر ولكن بمجرد ان أدخلت جوجل العديد من التغييرات الهائلة لخدماتها عبر الإنترنت،برزت العديد من الإضافات الرسمية التي تعد سريعة التحميل ودات أداء جيدا بسبب قوة سير فرات بلوجر .




هده هي صورة سحابة الكلمات الدلالية بالصفة العادية

وهدا هو الشكل الدي سيصبح عليه بعد تطبيق الشرح بادن الله

يمكن تخصيص رمز أدناه في عدة طرق لخلق تصاميم تسمية مثيرة. يمكنك أيضا إضافة صور الخلفية لها.
اتبع هذه الخطوات السهلة:

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

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

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

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

ملحوظة ادا كنت تملك أكتر من 25تسمية 
يرجى اختيار عرض في معظم التسميات 25. الكثير من التسميات على الصفحة الرئيسية قد تبدو غريبة بعض الشيء. قم بعرض فئات الأفضل فقط.

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

كود:

]=]=></b:skin>

9.وتم فوقها مباشرة تضع هدا الكود

كود:

/*-----Custom Labels Cloud widget by www.arab-teck.com----*/
.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

؛ من الكود اعلاه.