تغيير شكل التسميات الى شكل احترافي وحصري 😉 -في كل مدونة تحتاج الى أن تكون مدونتك ذات أدوات جميلة وجذابة لتبهر متابعي مدونتك ، ولكن الاغلب لا يملكون القدرة على تصميم الأضافات حسب رغبتهم ، ولا يملكون معرفة بِ لغة تصميم المواقع ، اليوم أقدم لكم شكال جذابة لأضافة التسميات الى مدونتك ، ✍ نبداً على بركة الله ..
أنسخ الكود التالي :
/* 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;}
طريقة التركيب :
أنسخ كود الموجود فوق .- أذهب الى " لوحة التحكم " في المدونة .
- أنقر فوق " قالب " .
- ثم أختر " تحرير HTML " .
- أضغط " Ctrl + F " لأظهار اداة البحث .
- قم بالبحث عن " ]]>b:skin> ".
- قم بوضع الكود " فوقها مباشرة " .
ثانيا توجه للاضافة من الخطيط واجعلها هكذا :
الى هنا تكون تدوينتنا قد انتهت لهذا اليوم
اذا كان لديك سؤال او استفسار اتركه في تعليق
في أمان الله
0 التعليقات:
إرسال تعليق