طريقة وضع اداة 'مواضيع داة صلة ' تحت كل تدوينة لمدونات بلوجر

شاركه على +Googleأضفه الى Deliciousشاركه على Twetter شاركه على Facebookأضفه الى StumbleUpon أضفه الى Digg

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

نأتي للكود وطريقة التركيب

لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم
2.تخطيط أوتصميم
3. ثم تحريرhtml
4.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt + 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/AVvXsEhIAbsVhLjTTxneJ9rBZjNcAYDfRkIVMHqQvEHt1MwIX9-LUKbp9G9h_wbWLXyET8phL5s3frihlVKNJM-X7lCJ3zwSKXvX3Sw1D38mkkhzN6CdIUjh8sB0fJw9ZR7C53_EkBBG1Wb-AU8/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-->

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

                                  <data:post.body/>


الان أنسخ والصق هذا  الكود  تحت الكود الذي وجدته

<!-- 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-->

ملاحضة

<data:post.body/> غالبا ما يكون هو التاني     
var maxresults=5   عدد المواضيع المراد عرضها ويمكنك تيغيرها الى العدد الذي تريد

احفض القالب .ومبروك عليك

Tweet

Social Sharing Widget bychamelcool

التصنيف : أدوات بلوجر,خاص بالمدونات