تغيير شكل التسميات في بلوجر الي شكل احترافي وجذاب ، الكل يريد ان تكون مدونته أو موقعه ذات أدوات جميلة وجذابة لتبهر الزوار والمتابعين ، ولكن الكثير لا يملكون القدرة علي تصميم اضافات ، ولا يملكون معرفة بـ لغة التصميم للمواقع ، اليوم أقدم لكم كود يجعل شكل التسميات في بلوجر جذاب ورائع.
اولا طريقة تركيب الكود:
- أنسخ الكود الموجود أسفل التدوينة.
- أذهب الى " لوحة التحكم " في المدونة.
- أنقر فوق "قالب".
- ثم أختر "تحرير HTML".
- أضغط " Ctrl + F " لأظهار مربع البحث.
- قم بالبحث عن "]]></b:skin>".
- قم بوضع الكود "فوقها مباشرة".
- ثم أضغط علي "حفظ النموذج"
ثانيا أضافة اداة التسميات بعد تركيب الكود:
- اذهب الي لوحة تحكم بلوجر
- التخطيط
- اضافة اداة "في المكان الذي تريده لاضافة التسميات"
- أضغط علي التسميات لأضافة الشكل الجديد.
واجعلها هكذا :
الكود:
/* 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: 130px; color: #233442; padding: 5px 5px; background: #F8F8F8; display: block; text-align: center; margin: 5px; border-bottom-color: #E6E6E6; border-bottom-style: dashed; border-bottom-width: 1px;}.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;color: #fff;transition: .3s linear;float: right;background: #29567D; padding: 3px;}.label-size a:after { content: ''; position: absolute; top: 10px; right: 28px; border: 10px solid transparent; border-right-color: #29567D; }.label-size a:before:hover{color:#254E71}.label-size:hover{opacity:1;visibility:visible;}.label-size a:hover{color:#F74047;}
]]></b:skin>
