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

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

فان هذا الكود يعتبر من اهم اكواد بلوجر فان يساعد في علي قراء المواضيع عن طريقة اضافة تظهر اسفل الموضوع وتساعد علي البقاء في المدونة مدة اكثر

شكل اخر من مواضيع ذت صلة من هناااا

الشرح

اولأ اذهب الي لوحة التحكم ثم الي قالب ثم تحرير html
ثم 
 ابحث عن الكود التالى 
</head>
ضع الكود التالى مباشرة قبل الكود السابق

<!--Related Posts with thumbnails Scripts Start-->
<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: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
vardefaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHFV8Vo7IMHkYSnSbMZVLuPr1EiZkIdW4pICfGbZkXEojqCQYIDzbSDeLwAfRjwFUgVJMW2ydafaxO5RRnVbKJx0CN1jUnn3Q8A4MM-0PFYfAtcFQVSTpkivvySfy4k0fSp2yhS27dr5Y/s400/noimage.png";
var maxresults=5;
var splittercolor="#DDDDDD";
var relatedpoststitle="Related Posts";
</script><a href="http://netoopsblog.blogspot.com" style="font-size:0pt">Blogger Widgets</a>
<script src='http://netoopscodes.googlecode.com/svn/netoops-related-posts-with-thumbnails-blogger.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Script End-->

maxresults=5 غير 5 بالعدد المواضيع التي تريد ان تظهر

ثم
الخطوة الثانية لوضع الكود HTML بالمكان الذى تظهر بة الاداة  :ابحث عن الكود التالى 
<div class='post-footer'>
ضع كود HTML التالى مباشرة اسفل الكود السابق 

<br/><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>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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=5&quot;' type='text/javascript'/></b:if></b:loop>

<h3 style='border-bottom: 3px #5D7D91 solid;padding-bottom:10px!important'><b>ربما تفيد من هذه المواضيع كذلك :</b></h3>

<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=10;

var relatedpoststitle=&quot;&quot;;

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script></marquee>

</div>

</b:if>

</b:if

ربما تفيد من هذه المواضيع كذلك غير بالكلأم الذي ان يظهر
ثم احفظ القالب وكدة مبروك عليك 
واي استفسار ضعة في تعليق وانا موجود

منشورة في: دروس بلوجلر