اضافة أداة مواضيع ذات صلة لمدونات بلوجر.

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

اذهب الي قالب ثم تخصيص


ثم متابعة

ثم تأكد ان الخيار"توسيع قوالب عناصر واجهة المتسخدم" مفعل



ثم قم بالبحث عن الكود التالي بالإستعانة بالضغط علي  (CTRL+F)

</head>

ثم ضع الكود التالي فوقه

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><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 type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIQJP0C7b_csm0XJ0jYyujsi1h8is8kY9eVGDHl3d3L1j7sEvVf4An9bhKy6zcHan7_Zv2kIq-jd07ulFKsAVPYj9tQHzTw8VGoLmTAEZcljNlLZoV_ZYS8DM754pfzkXkSH_QMRJ2r0g/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

 يمكنك تغيير كلمة "مواضيع ذات صلة" بأي جملة تريد.

ثم قم بالبحث عن الكود التالي :

<div class='post-footer-line post-footer-line-1'>

فإن لم تجده إبحث عن هذا الكود:

<p class='post-footer-line post-footer-line-1'>

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

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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>
<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:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

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