8 أغسطس 2014

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

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

تريد أن تجلب الذهول إلى اضافة اداة التسمية؟ تخصيص واجهة التسميات و جعلها ملونة اضافات بلوجر

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

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


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


تريد أن تجلب الذهول إلى اضافة اداة التسمية؟ تخصيص واجهة التسميات و جعلها ملونة اضافات بلوجر


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

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}


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


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


في امان الله
مدونة مدون محترف

مواضيع ذات صلة
اضافة سحابة التسميات الملونة
4 / 5
بواسطة

هناك 6 تعليقات :

  1. شغاله تمام بس لازم اعمل سحابة بدلاً من القائمة وحضرتك مشاور علي الاثنين =f

    ردحذف
    الردود
    1. لا اخي الكريم معنى الصورة انه يجب استبدال من قائمة إلى سحابة حتى تعمل الإضافة
      و من الممكن انا لم اوضح اكثر =r
      بالتوفيق

      حذف
  2. غير معرف19 مارس, 2015

    أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. لم افهم التعليق يا غالي
      فأنت قمت بنسخ الموضوع و وضعته في تعليق

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r