Cara Hara - Cara Membuat artikel terkait Simple di tengah-tengah postingan

Baca Juga

Memiliki postingan tanpa ada artikel terkait di tengah-tengah postingan sangatlah rugi . looh kenapa koq rugi, alasannya : Tahukah anda bahwa satu pengunjung atau visitor itu sangatlah berharga dan jika anda tidak menawarkan sesuatu seperti artikel terkait di dalam postingan yang sedang di baca pengunjung atau visitor anda maka rugilah blog atau postingan anda.

Dari perumpamaan diatas dapat kita pahami maksud dan tujuan kita membuat artikel terkait di tengah-tengah postingan.
Yaitu untuk menarik pengunjung atau visitor agar membaca lagi artikel-artikel terkait yang mereka baca .
Baiklah langsung saja kita mulai caranya, jangan lupa login dulu ke blogger.com

Pertama click Tema lalu click Edit Html
Taruh kursor di area code html dan ctrl+f untuk mencari lalu pastekan ini </style> Di kolom carian
Di atas </style> Pastekan code di bawah ini


.artikel-terkait {
    position: relative;
    padding: 0;
    margin: 10px 0;
    width: 100%;
}
.artikel-terkait h4{
 padding: 4px 0 !important;
    margin: 0;
    font-family: roboto,sans-serif;
    font-size: 14px !important;
    font-weight: bold;
    text-transform: uppercase;
    color: #333!important;
}
.artikel-terkait ul {margin:0;padding:0}
.artikel-terkait ul li {
 list-style: none !important;
    padding: 6px 0;
    margin: 0 6px;
    line-height: 1.9em !important;
    text-align: left !important;
}
.artikel-terkait ul li:last-child{border:none !important}
.artikel-terkait a {color:#32BEFF;font-size:14px !important}
.artikel-terkait a:hover {text-decoration:bold}

Kemudian Cari ini </head>
Di atas </head> Pastekan kode di bawah ini

<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>

Kemudian Cari <data:post.body/> Ada Lebih dari satu dan pilih yang ke dua saat di enter
Lalu hapus <data:post.body/> dan Pastekan di bawah ini

<!--artikel Terkait By:Carahara.com-->
<div expr:id='&quot;post1&quot; + data:post.id'/>


<div class='artikel-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 class='artbody' expr:id='&quot;post2&quot; + data:post.id' 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>
<!--tutup-->