U3F1ZWV6ZTM5ODcyMTQzOTA5X0FjdGl2YXRpb240NTE2OTYzNzg1NzM=
recent
أخبار ساخنة

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

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




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



شرح التركيب



  • قم بالبحث عن اولا عن الوسم هذا</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>


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


<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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=5&quot;' type='text/javascript'/>
</b:if>
</b:loop>
<script type='text/javascript'>
var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); 
</script>
</div>


  • الأن قم بحفظ القالب ومبروك عليك الإضافة 
  • ويمكنك تغيير عدد المواضيع التى تريد ظهورها 
  • بتغيير الوسم هذا .length&&i<20 الى ما تريد فى اكود الأول المحدد بالأحمر غير الرقم فقط


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


لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


الاسمبريد إلكترونيرسالة