إضافة مواضيع ذات صلة أسفل كل تدوينة

 

السلام عليكم ورحمة الله وبركاته في إطار دورة البلوجر دائما في هاته التدوينة الجديدة سوف نضع شرح إضافة أسفل كل موضوع مواضيع دات صلة ، *ولتطبيق هاته الإضافة على مدونتك ، تذهب مباشرة إلى  تذهب إلى لوحة تحكم مدونتك وتضغط على قالب ثم تحرير html وتضع العلامة على  مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على ctrl+f وتبحث  عن هذا الكود 

                                                               </head>

قم بوضع فوقه مباشرة هذا الكود 

<!-- www.monte-escalier-prix.org Related Posts with thumbnails -->
<!-- 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/AVvXsEh2q-7RYSnvKAHxrVDUAFIyg5oHx90wQZdkgQn9NYUtsRiMnjb4aERDBURNLbC_kaPDtyZKddIGlYsty_9EOYqvZCpfR1k9u7rFA__fP55j6DIUCoP_LrTe2YYT0TIPt3IRHPENhHxJXDs/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>

<!--www.pergola-bois-terrasse.org Related Posts with thumbnails -->

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

كخطوة ثانية  إبحث مرة أخرى عن هذا الكود 

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

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

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

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

<!-- www.monte-escalier.org 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='www.monte-escalier-prix.org' ><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-->

قم بحفظ التغييرات ومبروك عليك الإضافة 

للأمانة الموضوع منقول من مدونة أبو إياد.

• غرد
• مشاركة
• إضافة