اضافة مواضيع ذات صله عناوين فقط بشكل رائع

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

1. معاينة الإضافة

معاينة 

1. شرح التركيب

1. قم بالبحث عن اولا عن الوسم هذا</head>ثم ضع فوقه الكود التالى .

<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;}
function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ul>');document.write('<a href="" target="_blank"><font size="1" color="black"></font></a>');}
//]]>
</script>
<style>
#related-posts{margin-left:0;font-weight:100;background-color:#fff;padding:12px}
#related-posts ul li{display:block;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:21px;margin-bottom:5px;line-height:2em}
#related-posts ul li:before{content:&#39;\f0a8&#39;;float:right;font-family:fontawesome;position:relative;top:9px;margin-left:8px;margin-right:8px;color:#fff;background:#465769;width:22px;text-align:center;height:22px;font-size:14px;line-height:22px;border-radius:50%}
</style>

1. الأن عليك وضع الكود التالى فوق أو أسفل أزارا المشاكات أو تعرف الكاتب
2. او يمكنك وضعه أسفل هذا الوسم<data:post.body/>وهو الوسم الثالث فى مدونتك

<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&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://add-b.blogspot.com/2013/08/related-posts-for-blogger-widget.html'>
<img style='border: 0'/></a><h2/> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script>
</div>

1. الأن قم بحفظ القالب ومبروك عليك الإضافة 
2. ويمكنك تغيير عدد المواضيع التى تريد ظهورها 
3. بتغيير الكود هذا maxresults=10 الى ما تريد

وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله