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

[salima]

http://lh4.ggpht.com/-_Se8PPXPuqA/UBgl5ZNC5iI/AAAAAAAAHLg/ehJvlNG1fU8/image%255B12%255D.png?imgmax=800 (http://lh4.ggpht.com/-_Se8PPXPuqA/UBgl5ZNC5iI/AAAAAAAAHLg/ehJvlNG1fU8/image%255B12%255D.png?imgmax=800)
في العام 2014 حين بدأ موقع Blogger.comالدي كان يمر بالعديد من التحديث updateات,كما أن العديد من مطوري الطرف الثالث الدين هم بدورهم أخدوا الفرصة الذهبية ليقوموا بتطوير إضافات لمدونات بلوجر ولكن بمجرد ان أدخلت جوجل GOOGLE العديد من التغييرات الهائلة لخدماتها عبر الإنترنت،برزت العديد من الإضافات الرسمية التي تعد سريعة التحميل ودات أداء جيدا بسبب قوة سير فرات بلوجر .




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


http://lh6.ggpht.com/-jdFJbHQ8hDs/UBgl7I-N_AI/AAAAAAAAHLo/edeUI6kxbPY/image10.png?imgmax=800

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


http://lh4.ggpht.com/-_Se8PPXPuqA/UBgl5ZNC5iI/AAAAAAAAHLg/ehJvlNG1fU8/image%255B12%255D.png?imgmax=800
يمكن تخصيص رمز أدناه في عدة طرق لخلق تصاميم تسمية مثيرة. يمكنك أيضا إضافة صور الخلفية لها.
اتبع هذه الخطوات السهلة:

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

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


http://hh7.an3m1.com/Sep/an3m1.com_13463704561.png
3.تم اختر تسميات

http://hh7.an3m1.com/Sep/an3m1.com_13463704572.png
4.بعدها يجب عليك اختيار في عرض سحابة

http://hh7.an3m1.com/Sep/an3m1.com_13463704573.png
ملحوظة ادا كنت تملك أكتر من 25تسمية



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


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





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

/*-----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.احفض القالب template ومبروك عليك

في حالة إذا كنت ترغب في أن تكون تسمية المربعات ذات أحجام عشوائية اعتمادا على ما بعد حساب ماعليك الا ببساطة حذف
font-size:10px
؛ من الكود code اعلاه.

المصدر
كيفية تغيير شكل التسميات في مدونات بلوجر(Blogger) (http://www.arab-teck.com/2014/08/How-To-create-label-cloud-widget-for-blogger.html)

مدونة blog التقنية العربية (http://www.arab-teck.com)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©