تغيير وتنسيق شكل التسميات أو أقسام مدونتك بشكل رائع

تغيير شكل التسميات في مدونتي ,تغير شكل الصفحات على مدونتي , تنسيق أقسام المدونة بشكل مميز ,تغيير تصنيفات مدونتك أو موقع بطريقة رائعة لمدونات بلوجر ,تغيير شكل قائمة التصنيفات ,تعديل قائمة الصفحات على مدونة بلوجر , طريقة التعديل على شكل صفحات المدونة أو الموقع ,بلوجر,التصنيفات,التسميات,شكل,الصفحات,أقسام المدونة ,اقسام المدونة ,احترافي,مميز.

أولا : أدخل على حسابك على بلوجر ثم القالب بعد ذلك اذهب الى تحرير HTML

ابحث عن الكود الآتي         ]]></b:skin>  وانسخ فوقه هذا الكود   :

شكل اقسام المدونة الأول :

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#0dd7b4; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:14px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#333333; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }

بعد نسخ الكود اذهب الى التخطيط ثم اضافة أداة ثم التسميات

ثم اختر سحابة واضغط حفظ      مبروك عليك الشكل الجديد للتسميات

وهذه صورة عن شكل وحجم الأدة رائعة أليس كذلك اكن انتظر هناك ماهو أروع.

شكل التسميات الثاني  :

اليكم صورة توضح التنسيق الثاني 

الكود الخاص بالشكل 2

/* cloud label by www.netprofitkings.com.com */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { border-radius:30px; background:#FA0830; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { border-radius:30px; background:#333333; } .label-count { white-space:nowrap; border-radius:30px; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; } .label-size { line-height:1.2 }

شكل التسميات الثالث :

اليكم صورة توضح التنسيق الثالث

الكود الخاص بالشكل 3

/* cloud label by www.netprofitkings.com */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { background:#08A2FA; border-radius: 30px; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#000000; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#000000; color:#fff !important; } .label-size { line-height:1.2 }

شكل التسميات الرابع :

اليكم صورة توضح التنسيق الرابع

الكود الخاص بالشكل 4

/* cloud label by www.netprofitkings.com */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { border: 8px inset #0572F8; background:#0572F8; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; } .label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; } .label-size:hover { background:#000000; } .label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#000000; color:#fff !important; } .label-size { line-height:1.2 }