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

بســـم الله الرحمن الرحيــــم

اضافة مواضيع ذات صلة لمدونات بلوجر وبشكل رائع وجميل وهذة الخاصية تجعل زائة مدونتك يصل للمواضيع التي تناسبة بسهولة ويسر ممايزيد تعلق الزائرين بمدونتك وتصل الي مرتبة جيدة ان شاء الله

اتبع التالي:

ادخل علي "قالب",ثم تحريرhtml,ثم توسيع القالب والبحث عن الكود التالي

</head>

ثم,ضع الكود التالي فوقة مباشرةً

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove -->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float: center;
text-transform: none;
height: 100%;
min-height: 100%;
padding-top: 5px;
padding-left: 5px;
font-size
}

#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: #6E6E6E;
color: #ffffff;
}
</style>
<script type='text/javascript'> var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_sSqzQQQEbfgrVwYXXZc_J2IZzxJXuXxkae_943t0qwY-1JrAz0KMglxQbOIWl4NshuJUmlwmtb35DA2lRot3fLZnHyUSRc_QqFW1tKmZErhf1PpDd0cz-Ba7264YvkRKK7dY4-5LwUU/s400/noimage.png&quot;; var maxresults=5; var splittercolor=&quot;#d4eaf2&quot;; var relatedpoststitle=&quot;&quot;; </script>
<script src='http://code.helperblogger.com/hb-related-posts.js' type='text/javascript'/>> 
<!-- remove -->
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

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

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

ثم,ضع الكود التالي فوقة مباشرة

 <!-- Related Posts with Thumbnails Code Start--><!-- remove --><b:if cond='data:blog.pageType == "item"'><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=7&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 alt='Related Posts Widget For Blogger with Thumbnails' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a><a href='http://bloggertemplates.bloggerplugins.org/'><img alt='Blogger Templates' src='http://image.bloggerplugins.org/blogger-templates.png' style='border: 0'/></a></b:if></b:if><!-- Related Posts with Thumbnails Code End-->

واحفظ القالب وشاهد الاضافة