4 يونيو 2016

تغيير شكل التسميات الى شكل اكتر اناقة واحترافية للبلوجر 2016

إضافة التسميات من أهم أساسيات بلوجر لكونها تحدد نوع التدوينة وفي أي تصنيف يتجه محتوى التدوينة  طبعا فهي متوفرة بالتخطيط بقسم الأدوات ولا يكون لها شكل جميل 🎃 إلا بإضافته للقالب ثمة العديد منها وسأتطرق لأفضل شكل في هذه التدوينة، بسيطة، ذات ألوان متعددة، وتناسب كافة القوالب فلنتابع طريقة تركيبها ويبقى لكم الإختيار في الشكل.

شرح طريقة التركيب :
  1. ادهب الى لوحة التحكم ثم تحرير "HTML"  
  2. ابحث عن كلمة  <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;}
  1. توجه إلى التخطيط وحرر أداة التسميات تم عرض "سحابة".
  2. ان واجهت اي مشاكل فباب التعليقات مفتوح . . . بالتوفيق.
تغيير شكل التسميات الى شكل اكتر اناقة واحترافية للبلوجر 2016

إضافة التسميات من أهم أساسيات بلوجر لكونها تحدد نوع التدوينة وفي أي تصنيف يتجه محتوى التدوينة  طبعا فهي متوفرة بالتخطيط بقسم الأدوات ولا يكون لها شكل جميل 🎃 إلا بإضافته للقالب ثمة العديد منها وسأتطرق لأفضل شكل في هذه التدوينة، بسيطة، ذات ألوان متعددة، وتناسب كافة القوالب فلنتابع طريقة تركيبها ويبقى لكم الإختيار في الشكل.

شرح طريقة التركيب :
  1. ادهب الى لوحة التحكم ثم تحرير "HTML"  
  2. ابحث عن كلمة  <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;}
  1. توجه إلى التخطيط وحرر أداة التسميات تم عرض "سحابة".
  2. ان واجهت اي مشاكل فباب التعليقات مفتوح . . . بالتوفيق.
1 Blogger تعليقات
Disqus
1 تعليق
المشرف
avatar

جزاك الله خيرا على الإضافة الجميلة

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة