اضافة مواضيع ذات صلة

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

طريقة تفعيل الاضافة :

ندخل على لوحة التحكم الرئيسية ونختار تصميم ثم تحرير html , قبل اى شىء نقوم بحفظ نسخة من القالب للرجوع اليها عند الضرورة ثم نضع علامة فى خانة توسيع القالب

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (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/AVvXsEhMqnhHPNEGBiOrGCAk4GY5l2i0yPbLaNcnNOW60rHwr0hlgnnxpq1pKdXAAFS3KWzALe_YqhZ5YViv_AVDnDDX5WrFvwrB93_nHSPz1RspIoXiV8SYJytzyFnpR1vv6H5vztczBxpi9zw/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة ";
</script>
<script src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' 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://abu-iyad.blogspot.com/2010/07/related-postssimilar-posts-widget-for.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://abu-iyad.blogspot.com/' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

تم نقل الكود من مدونة أبو إياد http://www.abu-iyad.com