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

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

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

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

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

ابحث عن :

]]>

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

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://bloggersos.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 في الصورة
ملاحظة : هذا الكود يعمل بشكل افضل مع المدونات الانجليزية التي يكون فيها الخط من الشمال الى اليمين

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