طريقة اضافة مواضيع ذات صله في مدونة بلوجر

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

 الآن مع خطوات تركيب الإضافة :

1. لوحة التحكم > تصميم > تحرير HTML
2. قم بتنزيل القالب تحسبا لأي مشكل قد يحصل فيما بعد.
3. وسع قوالب عناصر الواجهة.
4. اضعط CTRL+F و ابحث عن </head>
5. ألصق فوقها الكود التالي :

<!--بداية تدوينات ذات صلة-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--نهاية تدوينات ذات صلة-->

 والآن ابحث عن أحد الأكواد التالية :

 <data:post.body/>أو<div class='post-body>أو<data:post.body/>

وأضف تحته الكود :

<!-- تدوينات ذات صلة--><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=5;var relatedpoststitle="تدوينات ذات صلة";removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script></div><div style='clear:both'/></b:if><!-- نهاية تدوينات ذات صلة-->

لتخصيص هذا الكود :

#d4eaf2 : لون الخلفية عند مرور الفأرة.

5 : العدد الأقصى للتدوينات ذات صلة.

تدوينات ذات صلة : عنوان الإضافة. 

قم الآن بحفظ القالب وهنيئا لك بالإضافة !

المصدر : مدونة مختارات