مرحبا بكم أعزائي متابعي و محبي مدونة مدرسة المدون
اليوم معنا درس من قسم بلوجر إضافات بلوجر نقدم لكم إضافة احترافية و جميلة جدا هي إضافة مواضيع ذات صلة بشكل احترافي مثل موقع حوحو للمعلوميات كلنا نعرف حوحو و هذه الاضافة متميزة جدا تكون على شكل عناوين فقط يمكنك معاينتها و تركيبها.
معاينة الاضافة:
رابط معاينة الاضافة
صورة عن الاضافة:
طريقة التركيب:
طريقة التركيب ليست بالصعبة اول شيء ابحث عن هذا الوسم </head> و ضع هذا الكود فوقه تماما:
<script type='text/javascript'>و ثاني شيء إبحث عن هذا الوسم <data:post.body/> و ضع هذا الكود أسفله تماما:
//<![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:'\f0a8';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>
<div id='related-posts'>بعدها إحفظ القالب و مبروك عليك الاضافة.
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
<script type='text/javascript'>
var maxresults=5; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>");
</script>
</div>
الإبتساماتإخفاء