تصنيفات أو تسميات لمدونات بلوجر بتصميم جميل

تصنيفات أو تسميات لمدونات بلوجر بتصميم جميل

ابراهيم زكاغ

2/26/2015

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

طريقة تغيير تصميم التصنيفات لمدونات بلوجر

لجعل التسميات أو التصنيفات على مدونتكم تبدو بهذا الشكل:

تغيير تصميم التصنيفات لمدونات بلوجر

اتبعوا معنا الخطوات التالية:
1 - من لوحة التحكم في مدونتكم تنقرون على قالب ثم تحرير HTML
2 - Ctrl+F للبحث عن الكود التالي:
]]></b:skin>
3- وفوقه مباشرة تضيفون الكود التالي بعد نسخه:

.Label li {
display: inline-block;
margin-bottom: 10px!important;
margin-right: 7px!important;
padding: 0px!important;
}

.Label a {
display: inline-block;
position: relative;
background: #353535;
color: #fff;
font-size: 13px;
padding: 6px 34px 6px 9px;
text-decoration: none;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
}
.Label span {
background: #02ab68;
color: #fff;
font-size: 13px;
font-family: 'Noto Sans', sans-serif;
font-weight: 300;
padding: 7px 9px 7px 9px;
z-index: 2;
margin-left: -3px;
}

.widget-item-control {
display: none;
}

.Label a:hover {
color: #fff;
}

.Label li:hover {
opacity: 0.8;
}

4 - لم يتبقى إلا حفظ التغييرات بعد تغيير الألوان#353535  و#02ab68 بحسب حاجتكم باستعمال اداة اكواد الالوان html color picker.

بلوجر

ابراهيم زكاغ 2/26/2015