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

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

ان اعجبتك الاضافه قم باتباع التالي لتطبيقها في مدونتك


قم بالذهاب الي لوح تحكم مدونتك > ثم الي تصميم > ثم الي تحرير/Html >قم بالضغط علي علامة توسيع عناصر واجهه المستخدم >  ثم اضغط Ctrl+F وقم بالبحث عن الكود الموجود بالاسفل
]]></b:skin>
وضع قبله مباشرة الكود التالي

div.tag{font-size:11px; padding-top:5px; color:#999999; margin-bottom:10px;}
.profileImage{float:left; margin:3px 6px 2px 0px; background:#FFF; padding:4px;}
.post-tag{font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-size:12px; margin-bottom:10px;}
.post-tag a:link, .post-tag a:visited{color:#666; text-decoration:none; font-style:italic;}

تستطيع التعديل في خصائص الكود كما تشاء

الان قم بالبحث عن الكود التالي ووضع الكود المعلم باللون الاحمر في مكانه كما هو في الكود الذي بالاسفل

<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<!-- TAG -->
<div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>Tag</b>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ &quot;?max-results=10&quot;' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</b:if>
</div>

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

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : طريقة عرض التسميات بشكل انيق ورائع يبهر الزوار في مدونة بلوجر | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

اضافات بلوجر, تنسيق القالب, دروس بلوجر