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

السلام عليكم .. بعد موضوعنا السابق عن هاك وضع فقاعة بعدد التعليقات في راس الموضوع

موضوعنا اليوم عن :

جعل تسميات او اقسام المدونة تبدو مثل العلامات تحت راس الموضوع

 تجدها في الصورة كلمه tags و بجوارها الاقسام ويمكنك تغيرها من tags الى اي شيئ اخر

نذهب الى الطريقة :

ابحث عن :

]]>

اضف قبلها مباشرة الكود التالي :

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

/*for more hacks : http://raykcool.blogspot.com/ */ .post-tag{font-family:Georgia, "Times New Roman", 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;'>الأقسام</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>

 border  : تمثل الحدود بين الاقسام سواء right اليمين او left  الشمال و بعدها لون الخط وحجم الخط

 الأقسام : يمكنك تغييرها الى ما شئت ( تسميات , label ,  tag ) و هو الاسم الذي سوف يظهر مكان tag في الصورة

ملاحظة : هذا الكود يعمل بشكل افضل مع المدونات الانجليزية التي يكون فيها الخط من الشمال الى اليمين

و الان اضغط معاينة .... لو ظبطت معاك احفظ و مبروك عليك القالب