🔔 Aktifkan notifikasi. disini Google News

Cara Membuat Artikel Terkait di Tengah Postingan Blog atau related-middlepost

Cara mudah membuat artikel terkait di tengah-tengah postingan pada blogger.
Mr. Hello


Ashwamedia - Biasanya Related Post berada di sidebar atau di akhir Postingan, namun buat kami yang ingin memperkaya internal link. Dan bisa menjadi cara mempromosikan postingan kamu kepada pembaca. Kamu bisa menggunakan cara berikut ini, yaitu membuat Related Post atau related-middlepost. Related post ditengah postingan ini biasanya dikasih tulisan, Baca Artikel Terkait, Baca Juga atau bisa Juga Artikel Menarik Lainya. 

Kalau untuk Wordpress kita bisa menggunakan Plugin namun untuk Blogger kamu bisa menggunakan metode berikut ini :

Cara Membuat Artikel Terkait di Tengah Postingan Blog atau related-middlepost

Baiklah, Langsung saja ke cara untuk memasang kode-kodenya. Cara Membuat Related Post atau postingan terkait di Tengah Postingan Blog 1. Klik Tema (Theme) 2. Klik Edit HTML 3. Simpan Klik 2x atau copas kode CSS related post berikut ini di atas tepat diatas kode </head>
<b:if cond='data:view.isPost'>
<style>
.related-middlepost{background:#f1f1f1 none repeat scroll 0 0;margin:30px auto;padding:35px 15px 5px;position:relative;clear:both}
.related-middlepost h4{color:#c00;font-size:15px;font-weight:700;left:23px;margin:0;position:absolute;text-transform:uppercase;top:10px}
.related-middlepost ul{margin:0!important;padding:0!important}
.related-middlepost ul li{border-bottom:1px solid #e3e3e3;font-size:15px;font-weight:700;margin:auto;padding:10px 0 10px 10px;position:relative;transition:all 0.3s ease 0s;list-style:disc inside}
.related-middlepost a{color:#1958df}
.related-middlepost a:hover{color:#c00}
.related-middlepost ul li:nth-child(n+4){display:none}
.related-middlepost ul li:nth-child(3){border-bottom:medium none}
.related-middlepost ul li:before {display:none}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedmiddle = new Array(); var relatedmiddleNum = 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]; relatedmiddle[relatedmiddleNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedmiddleNum] = entry.link[k].href; relatedmiddleNum++; 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] = relatedmiddle[i];}} relatedmiddle = 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((relatedmiddle.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedmiddle.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedmiddle[r] + '</a></li>'); if (r < relatedmiddle.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if>

Kemudian Cari (Ctrl+F) kode <data:post.body/> dan Nonaktifkan! Jika ada dua kode, Nonaktifkan kode <data:post.body/> yang kedua. Cara menontifkan Tambahkan kode berikut <!--kode--> atau simpelnya ganti menjadi kode seperti ini :

<!--<data:post.body/>-->
<div expr:id='&quot;post1&quot; + data:post.id'/>
<b:if cond='data:view.isPost'>
<div class='related-middlepost'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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:loop>
</b:if>
<h4>Baca Juga</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div style='margin:15px 0'>
<!-- Iklan AdSense -->
</div>
</b:if>
<div expr:id='&quot;post2&quot; + data:post.id'>
<data:post.body/>
</div>
<b:if cond='data:view.isPost'>
<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/1.5);
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>
</b:if>
Kemudian silahkan Klik Simpan.Silakan cek salah satu postingan blog Kamu. Agar postingan terkait muncul di tengah artikel kamu harus memiliki minimal 5 Label pada artikel tersebut.

Cara Membuat Artikel Terkait di Tengah Postingan Blog atau related-middlepost
Cara Membuat Artikel Terkait di Tengah Postingan Blog atau related-middlepost

Harga : *Belum termasuk Ongkos kirim
Pesan via whatsapp Pesan via Email
Baca juga :

Mau donasi lewat mana?

BRI - Warsito (38940-10507-29535)

Mandiri - Warsito (1370-0182-86605)

BSI - Warsito (7153-4266-72)
Merasa terbantu dengan artikel ini? Ayo dukung dengan donasi. Klik tombol merah.

Post a Comment

Silahkan berkomentar dengan tutur bahasa yang baik!
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.