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

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

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

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

وطبعا بعد التعديل وجعله احترافى يكون هكذا

اتبع الخطوات لتنفيذ الموضوع

ادخل على تصميم - ثم عناصر الصفحة

واضغط على التسميات وجعلها بهذا الشكل

بعض ذلك

ادخل من لوحة التحكم على تصميم - ثم -تحرير HTML

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

وقوع اخطاء لقدر الله

 

من لوحة المفاتيح واضغط

Control + f

يفتح معك مربع البحث ضع به الاتى

]]></b:skin>

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

/*-----Custom Labels Cloud widget by www.MyBloggerTricks.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;
}

 لو اردت ان يكون المنظر طبيعى 

يمكنك ان تمسح الكود هذا من الكود السابق

font-size:10px;

 تم نقلها وترجمتها لكم من موقع

mybloggertricks.com

Special Thanks To:

Mohammad Mustafa Ahmedzai