اضافة ايقونات بجانب التسميات بشكل رائع لمدونات بلوجر

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

شرح التركيب

1. عليك اولا وضع الكود التالى فوق هذا الوسم]]></b:skin>

.AmniFrmt {position: absolute;z-index: 2;display: block;height: 35px;margin: 10px;line-height: 28px;font-size: 16px;border-radius: 4px;background: #F80;font-weight: 500;}
.AmniFrmt a {display: block;height: 100%;width: 100%;padding: 0px 10px;color: #fff;}
.AmniFrmt a i {padding-left: 8px;}

1. والكود الثانى هو الخاص بالأضافة كامله
2. الكود الأول كان فقط ستايل بسيط للأضافة
3. والكود الثانى سوف تضعها أسفل أو فوق العنوان للمواضيع
4. أول يمكنك وضع بجانب الوقت أو التاريخ الذى يظهر فى الصفحة الرئيسية

<b:loop values='data:post.labels' var='label'>
  <b:if cond='data:label.name == &quot;إضافات بلوجر&quot;'>
<span class='AmniFrmt'>
<a expr:href='data:label.url' style='color: #fff;'><i aria-hidden='true' class='fa fa-puzzle-piece'/>إضافات</a>
</span>
  </b:if>
<b:if cond='data:label.name == &quot;قوالب بلوجر&quot;'>
<span class='AmniFrmt'>
<a expr:href='data:label.url' style='color: #fff;'><i aria-hidden='true' class='fa fa-television'/>قوالب</a>
</span>
  </b:if>
<b:if cond='data:label.name == &quot;مواقع&quot;'>
<span class='AmniFrmt'>
<a expr:href='data:label.url' style='color: #fff;'><i aria-hidden='true' class='fa fa-pie-chart'/>مواقع</a>
</span>
  </b:if>
<b:if cond='data:label.name == &quot;فوتوشوب&quot;'>
<span class='AmniFrmt'>
<a expr:href='data:label.url' style='color: #fff;'><i aria-hidden='true' class='fa fa-paint-brush'/>فوتوشوب</a>
</span>
  </b:if>
<b:if cond='data:label.name == &quot;شروحات&quot;'>
<span class='AmniFrmt'>
<a expr:href='data:label.url' style='color: #fff;'><i aria-hidden='true' class='fa fa-calendar-o'/>شروحات</a>
</span>
  </b:if>
<b:if cond='data:label.name == &quot;حصريات&quot;'>
<span class='AmniFrmt'>
<a expr:href='data:label.url' style='color: #fff;'><i aria-hidden='true' class='fa fa-thumbs-o-up'/>حصريات</a>
</span>
  </b:if>
  </b:loop>

1. الأن عليك تغيير التسميات فى الكود بتسميات لك
2. وايضا يمكنك تغيير تغيير الأيقونات المحدده باللون الأخضر
3. بايقونات جديده من موقع الأيقونات هذا من هنا
4. ويمكنك حذف التسميه الثانية من الكود لظهور الأيقونة فقط اذا تريد
5. وايضا فى الكود يوجد وسم محدد بللون الأزرق
6. يمكننى تغيير اللون الأبيض #fff الى اى لون تريده
7. ويمكنك أستخدام صفحة الألوان هذا لختيار اللون
8. ويمكنك أضافة تسميه جديده للكودكما تريدها
9. بتكرار الكود التالى فوق الموسم هذا</b:loop>

<b:if cond='data:label.name == &quot;حصريات&quot;'>
<span class='AmniFrmt'>
<a expr:href='data:label.url' style='color: #fff;'><i aria-hidden='true' class='fa fa-thumbs-o-up'/>حصريات</a>
</span>
  </b:if>

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

وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله

المصدر عالم المدون