تغير شكل التسميات في بلوجر الشكل السابق :
إضافة التسميات من أهم أساسيات بلوجر لكونها تحدد نوع التدوينة وفي أي تصنيف يتجه محتوى التدوينة
طبعا فهي متوفرة بالتخطيط بقسم الأدوات ولا يكون لها شكل جميل ، بسيطة، ذات ألوان متعددة،
وتناسب كافة القوالب فلنتابع طريقة تركيبها ويبقى لكم الإختيار
- إذهب الى لوحة التحكم ثم
تحرير "HTML" - وابحث عن كلمة
<head/> والصق فوقها الكود التالي : - ملاحظة: ادا وضعت هده الاضافة من قبل,, قم بحدفها اولا
<style> /* CSS label */ .label-size {display: inline-block;} .label-size {position:relative;text-transform:none;text-decoration:none;font-size:13px;font-family:cursive;color:#fff!important;} .label-size a {width: 140px;color:#233442;font-weight:400;padding: 5px 5px; background: #FFF;border-bottom: 1px solid #eee;float:right;display:block;text-align: right;} .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5,.label-size-6{font-size:100%;} .label-size a:before {content: "\f02c";font-family: FontAwesome;font-style: normal;font-weight: normal; text-decoration: none;padding-left: 4px;color: #38424b;transition: .3s linear;float: right;} .label-size a:before:hover{color:#D64738} .label-count{font-size: 85%;display: inline-block; position: absolute; top: 5px; left: 8px; background: #FC5400; color: #fff; white-space: nowrap; padding: 0; width: 25px; height: 22px; line-height: 22px; border-radius: 4px; text-align: center; z-index: 1; transition: all .3s;} .label-size:hover .label-count{opacity:1;visibility:visible;left:5px} .label-size a:hover{color:#D64738;} </style>
No comments:
Post a Comment