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

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

ولتطبيق هاته الاضافة الى مدونتك تذهب الى لوحة تحكم وضغط على قالب وبعدين تضغط على تحرير وتم تضع علامة صح على مربع متل لفي صور 


                                                               شرح بالصور

                                    تم قم بالبحت عن هذا الكرد التالي بالاستعانة بالضغط على (  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/AVvXsEhgkY7Lmn1tgbIJ3Q7V2UNy-1DiXqmXyaNIKOpvfXALCZiRTQsIblAhEi7LXhywH72l8rJhSP5qrbAo3tvj8K2-QLlQQb22jphPXPJ6TDmbRP6TpQZNYj-ZdC_0ux8MNrL9tKZJXVtFHME/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 الذي باللون الاحمر بعدد المواضيع الذي تريده قم اتحفظ ومبروك عليك الاداة.

- See more at: http://www.nourddinepc.com/2013/03/blog-post.html#sthash.DZHI2F95.dpuf

تصنيف : انشاء المواقع وتطويرها