القائمة الرئيسية

الصفحات

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


تغيير شكل التسميات في بلوجر الي شكل احترافي وجذاب ، الكل يريد ان تكون مدونته أو موقعه ذات أدوات جميلة وجذابة لتبهر الزوار والمتابعين ، ولكن الكثير لا يملكون القدرة علي تصميم اضافات ، ولا يملكون معرفة بـ لغة التصميم للمواقع ، اليوم أقدم لكم كود يجعل شكل التسميات في بلوجر جذاب ورائع.

اولا طريقة تركيب الكود:

  • أنسخ الكود الموجود أسفل التدوينة.
  •  أذهب الى " لوحة التحكم " في المدونة.
  • أنقر فوق "قالب".
  • ثم أختر "تحرير 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>
لا تنسى الإشتراك في المدونة من هنا ليصلك كل جديد