اضافة سحابة التسميات الملونة

اضافة سحابة التسميات الملونة

تحسين مظهر المدونة من اهم العوامل . لأن هناك عدة أسباب لذلك مثل الحصول على موافقة من شركات الاعلان الكبرى مثل

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

1. اضافة اداة سحابة التسميات

الذهاب إلى المدونة > تخطيط >> إضافة أداة
اختيار " تسميات "
و قم باختيار سحابة " حفظ "

الآن تمت إضافة القطعة في بلوق ودعونا تخصيص القطعة التسمية السحابية.

2. اضافة سحابة التسميات الملونة

الذهاب إلى المدونة > قالب >> انقر فوق تحرير HTML
ابحث عن الوسم  ]]></b:skin> و اضف فوقه الكود التالي

.sidebar .label-size {
  position:relative;
  text-transform: uppercase;
  text-decoration:none;
  font-size:13px;
  font-family:Open Sans;
  color:#fff!important;
  }

.sidebar .label-size a {
  color:#fff!important;
  font-weight:bold;
  padding:8px 10px;
  margin:0 6px 6px 0;
  float:left;
  display:block;
  -moz-transition: all 0.4s ;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s ;
  -ms-transition: all 0.4s ;
  transition: all 0.4s ;
}

.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#8e44ad}
.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#c0392b}
 

الان قم بحفظ القالب و مبروك عليك سحابة التسميات الملونة و إذا كنت تواجه اي مشكلة مع الاضافة يمكنك ترك تعليق و سوف يتم الرد عليك بسرعة

يمكنك ايضا مشاهدة : شرح تنسيق قائمة و سحابة التسميات

في امان الله