تغيير شكل الاقسام فى بلوجر

 

لتغيير طريقة عرض الاقسام فى بلوجر لتصبح بطريقة اكثر احترافية وجميلة جدا لكى تصبح مثل الصورة التى فى الاعلى اليك الطريقة:
1- اذهب الى تخطيط ثم اضغط على الاقسام او كما تسميها فى مدونتك .
2- اختر طريقة العرض لكى تصبح سحابة بدلا من قائمة كما فى الصورة .
 
3- احفط الاداة بعد ان قمت باختيار العرض على شكل سحابة .
4- اذهب الى قالب ثم اضغط على تحرير HTML .
5- ابحث عن هذا الكود

]]></b:skin>

6- ثم فوقه مباشرة ضع هذا الكود

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

 7- اضغط على معاينة اولا وشاهد الاضافة اذا كانت مناسبة اضغط على حفظ النموذج

هل أعجبك هذا الموضوع..؟

ضع إيميلك هنا وإحصل على كل ماهو جديد!	كن من متابعينا!