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

حصريات
فوتوشوب
شروحات
إضافات
قوالب

الصفحة غير موجودة ، 404

الصفحة أو الكلمة التى تبحث عنها غير موجوده على المدونة أو تم حذفها

يمكنك التبليغ عن رابط لا يعمل من هذا الصفحة التبليغ عن رابط لا يعمل

ويمكنك طلب ما تريده من هذه الصفحة الدعم الفنى

أو يمكنك العودة للصفحة الرئيسية أو البحث عن الصفحةو من جديد

العودة للرئيسية

الثلاثاء، 18 أبريل، 2017

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


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



شرح التركيب



  • عليك اولا وضع الكود التالى فوق هذا الوسم]]></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;}


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


<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>


  • الأن عليك تغيير التسميات فى الكود بتسميات لك
  • وايضا يمكنك تغيير تغيير الأيقونات المحدده باللون الأخضر
  • بايقونات جديده من موقع الأيقونات هذا من هنا
  • ويمكنك حذف التسميه الثانية من الكود لظهور الأيقونة فقط اذا تريد
  • وايضا فى الكود يوجد وسم محدد بللون الأزرق
  • يمكننى تغيير اللون الأبيض #fff الى اى لون تريده
  • ويمكنك أستخدام صفحة الألوان هذا لختيار اللون
  • ويمكنك أضافة تسميه جديده للكودكما تريدها
  • بتكرار الكود التالى فوق الموسم هذا</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>


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


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


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق




شارك الموضوع ليستفيد الجميع

مواضيع قد تهمك ايضا

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

والله انك رهيب اخي منذ ولادة مدونة عالم مدون

شكرا لك أخى الفاضل

جميل اخي ولكن توجد واحد اخرا بي java

هذه تكون أسهل لمن لا يعرف لغة الجافا

رائع اخي ممكن طريقة تشفير اكواد جافا اسكربت بجميع انواعها

بأذن الله أخى
ولكن يوجد الكثير من المواقع لفك التشفير

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

Mohon Aktifkan Javascript!Enable JavaScript


إتصل بنا

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