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

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


معاينة الاضافة : من هنا

 طريقة التركيب: 

اولا عليك القيام بتحرير القالب ثم ctrl+f ثم ابحث عن وسم </head> او /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%}#related-posts p{text-align: right;font-weight: 500;font-size: 16px;padding-bottom: 10px;border-bottom: 2px solid #ccc;line-height: 24px;position: relative;color: #f78c21;margin-bottom: 20px;}#related-posts p::before {content: &quot;&quot;;position: absolute;height: 2px;width: 32px;background-color: #f78c21;bottom: -2px;left: initial!important;right: 0;}#related-posts p:after {content: &quot;\f021&quot;;display: block;background-color: #f78c21;font-family: FontAwesome;height: 28px;width: 32px;line-height: 28px;font-size: 14px;text-align: center;border-radius: 2px;float: right;margin-right: 0;margin-left: 10px;color: #FFF;}</style>

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<p> مواضيع ذات صله بهذه الموضوع </p>
<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>
</b:if>

ومبروك عليك الاضافة . 

التسميات:

فيسبوك تويتر جوجل + لينكدن واتساب

عسلي علي

مدونة تقنية تحتوى على مجموعة دروس ودورات فى مجالات تقنية مختلفة مثل دروس انظمة التشغيل والبرامج والالعاب وبلوجر وفوتوشوب وتطبيقات اندوريد والربح من الانترنت وغيره من الشروحات المميزة تاست مدونة تقنيتك عام 2017 وبفضل الله نالت اعجاب الكثير مؤسس المدونة عسلي علي مدون جزائري يبلغ من العمر 18 سنة شاب شغوف بالمعلوماتية والتدوين ومهتم بكل ما هو جديد وحصري في عالم التقنية اتمنى ان تنال اعجابكم