»نشرت فى : الأربعاء، 1 فبراير، 2017»بواسطة : »ليست هناك تعليقات

تغيير شكل التسميات الى شكل احترافي وحصري لمدونات البلوجر


تغيير شكل التسميات الى شكل احترافي وحصري 😉 -في كل مدونة تحتاج الى أن تكون مدونتك ذات أدوات جميلة وجذابة لتبهر متابعي مدونتك ، ولكن الاغلب لا يملكون القدرة على تصميم الأضافات حسب رغبتهم ، ولا يملكون معرفة بِ لغة تصميم المواقع ، اليوم أقدم لكم شكال جذابة لأضافة التسميات الى مدونتك ، ✍ نبداً على بركة الله ..

أنسخ الكود التالي :


/* 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> ".
- قم بوضع الكود " فوقها مباشرة " . 
- ثم أضغط فوق " حفظ النموذج "

ثانيا توجه للاضافة من الخطيط واجعلها هكذا :
الى هنا تكون تدوينتنا قد انتهت لهذا اليوم 

اذا كان لديك سؤال او استفسار اتركه في تعليق 

في أمان الله

بقلم :Mohamed Jiari

محمد جياري مغربي الجنسية أحب التدوين و مهووس العاب وأبحث عن كل ما هو جديد و حصري في عالم المعلوميات

    اضف تعليقاً عبر:

  • blogger
  • disqus

الابتسامات

0102030405060708091011121314151617181920212223242526272829303132333435363738394041424344

كافة الحقوق محفوظة لمدونة Ti9niFour | تقني فور | دليلك التقني 2017