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


  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 الى ما تريد


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

المصدر عالم المدون

إرسال تعليق

  1. سلام عليكم اخي ممكن عمل باك لينك لموقعي www.gjoobs.com

    ردحذف

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).

 
Top