اضافة مواضيع ذات صلة وسط تدوينات بلوجر

السلام عليكم مرحبا بكم في مدونة ميريا ويب

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

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

شرح تركيب اضافة مواضيع ذات صلة

1 - ابحث عن ]]></b:skin> وضع الكود التالي فوقه



.post-terkait{display:block;position:relative;background:#fff;padding:0;margin:15px auto 20px;width:100%}
.post-terkait h4{background:#22a65a!important;padding:7px 10px!important;display:inline-block!important;font-size:12px!important;text-transform:uppercase!important;color:#fff!important;border-radius:3px!important;line-height:normal;border:0}
.post-terkait h4:before{display:none}
.post-terkait ul{margin:0;padding:0}.post-terkait ul li{list-style:none;padding:1px 0;line-height:1.5em}
.post-terkait a{color:#22a65a;font-size:13px}.post-terkait a:hover{color:#000;text-decoration:underline}

2 - ابحث عن <data:post.body/> في بعض القوالب يوجد منه 3 مرات لذا انت جرب في كل واحد إستبدله بالكود التالي حتى يضبط معك

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='post-terkait'>
<b:if cond='data:post.labels'>
<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=3&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Baca Juga</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='&quot;post2&quot; + data:post.id' class='artbody' itemprop='articleBody description'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/3);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

3 - ابحث عن </head> وضع الكود التالي فوقه

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>');}
//]]>
</script>
</b:if>

4 - احفظ القالب ومبروك عليك الإضافة 😃

نأمل ان تكون قد استفدتوا من هذه المشاركة

وشكرا لكم على الزيارة لا تنسوا مشاركة للموضوع ان نال اعجابكم .