Duit Blog Cara Memasang Artikel Terkait Di Dalam Postingan Blog

Cara Memasang Artikel Terkait di Dalam Postingan adalah salah satu cara untuk menampilkan artikel yang berkaitan dengan label yang sama atau artikel yang di rekomendasikan kepada pembaca blog di dalam postingan atau artikel yang sedang di baca oleh pengunjung. Dan dalam artikel kali ini aku akan menunjukkan cara untuk teman semua mengenai cara pemasangan artikel terkait di dalam postingan blog sobat.

Artikel terkait di dalam postingan blog

Tujuan memasang artikel terkait ini yaitu untuk menunjukkan rekomendasi artikel kepada pembaca atau pengunjung blog sobat. Karena adanya artikel terkait di dalam postingan blog maka pembaca akan tertarik untuk terus membaca artikel lain yang ada di blog teman dan tentunya artikel terkait ini juga dapat meningkatkan kualitas internal link di blog sobat. Kaprikornus teman tidak perlu ragu untuk memasang artikel terkait di blog teman karna teman tidak perlu menyertakan link di setiap kata dalam artikel sobat, alasannya yaitu dengan adanya ini maka secara otomatis blog teman akan menampilkan beberapa artikel terkait dengan label atau kategori yang sama.

Nah, untuk teman semua yang sudah tidak sabar ingin memasang artikel terkait di dalam postingan blog. Langsung saja simak panduan berikut ini.

Cara Memasang Artikel Terkait di Dalam Postingan Blog

● Masuk dulu ke blogger sobat.

● Masuk ke 'TEMPLATE' kemudian pilih 'Edit HTML'

● Selanjutnya Cari tag </head> dan Copy instruksi berikut ini, lalu Paste sebelum atau diatas tag </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script type='text/javascript'> //<![CDATA[ var relatedSimply = new Array(); var relatedSimplyNum = 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]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; 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] = relatedSimply[i];}} relatedSimply = 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((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} //]]> </script> </b:if>

● Cari instruksi ]]></b:skin> atau </style> kemudian Copy kode berikut ini lalu Paste tepat  sebelum atau diatas instruksi ]]></b:skin>  atau </style>

/* Related Post Style 1 */ .related-simplify{position:relative;padding:0;margin:15px auto;width:100%;} .related-simplify h4{background:#3498db;padding:8px 12px;margin:0;font-size:15px;font-weight:400;color:#fff;border:1px solid #2e88c5} .related-simplify ul{margin:0;padding:0} .related-simplify ul li{background:#f6f6f6;position:relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;border:1px solid rgba(0,0,0,0.1);border-bottom:0;transition:all .3s} .related-simplify ul li:nth-child(odd){background:#fefefe} .related-simplify ul li:last-child{border-bottom:1px solid rgba(0,0,0,0.1)} .related-simplify ul li:before{content:'\f138';font-family:fontawesome;position:absolute;margin:0 9px 0 4px;color:#2ecc71;overflow:hidden;transition:all .3s} .related-simplify ul li:hover:before{content:'\f138';font-family:fontawesome;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite} .related-simplify a{color:#0383d9;font-size:13px;margin:0 0 0 30px;} .related-simplify a:hover{color:#0383d9;text-decoration:underline} .related-simplify ul li:nth-child(n+4) {display:none;} @-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}} @keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}

● Selanjutnya cari instruksi <data:post.body/> kemudian ganti instruksi tersebut dengan instruksi berikut ini dan lalu Save

 <div expr:id='&quot;post1&quot; + data:post.id'/> <div class='related-simplify'> <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'><p><data:post.body/></p></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/2); 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>

Setelah teman memasang artikel terkait ini di blog sobat, maka teman harus lebih baik dalam menciptakan label atau kategori pada postingan blog sobat. Karena artikel terkait akan menampilkan isi dari label tersebut dan kalau label di blog teman tidak sesuai dengan postingan maka artikel terkait akan menampilkan hasil yang tidak sesuai juga. Maka mulailah untuk menyusun label yang baik di blog teman biar artikel terkait dapat menyesuaikan label postingan yang tepat.