Cara Membuat Related Post / Artikel Terkait Di Blog

Cara Membuat Related Post / Artikel Terkait Di Blog - Bertemu lagi dengan saya, Fahmi Fanirius Blog yang membahas tutorial blogger pemula. Master juga bisa ikut. =)) Sore ini, saya akan bahas tutorial lagi yang banyak dipakai oleh setiap blog, bahkan hampir semua blog maupun web menggunkan tutorial ini. Tutorial tersebut sering disebut dengan Cara Membuat Related Post / Artikel Terkait Di Bawah Postingan Blog

Bahkan, banyak juga kalangan blogger mengatakan bahwa sebuah artikel terkait atau related post itu wajib. Kemungkinan sebab nya adalah untuk menaikkan trafik blog tersebut. Logika nya begini, ketika pengunjung sobat selesai membaca artikel sobat yang super menarik untuk dibaca, maka sengaja atau pun tidak sengaja pengunjung tersebut akan membaca artikel terkait / related post di bawah postingan blog tersebut. Artikel terkait yang dimaksudkan disini adalah artikel atau post mempunyai tag yang sama

Dengen tutorial artikel terkait atau related post, pengunjung sobat dapat menjelajahi semua artikel blog sobat jika artikel tersebut saling terkait atau mengaitkan. Dengan ini, pageview atau penayangan blog sobat akan naik. Maka dari itu, sebuah related post atau artikel terkait di bawah postingan blog sangat penting. Karena salah satu cara untuk menaikkan trafik blog sobat.

Dan disini, saya akan beri tutorial tersebut. Namun, sebelum saya akan jelaskan, disini saya mempunyai 2 cara yang berbeda dan tampilan yang berbeda juga. Maaf, disini saya tidak mempunyai demo nya. Tetapi, tutorial ini 100% work jika sobat membaca nya dengan teliti dan seksama.

Cara Membuat Artikel Terkait Di Bawah Postingan Blog

1. Login Blogger
2. Klik template/rancangan
3. Edit HMTL
4. Cari kode

 <data:post.body/> 

(agar lebih memudahkan untuk mencari, klik kolom edit HTML, kemudian tekan secara bersamaan pada keyboard Ctrl+F)
5. Setelah ketemu, copast kode dibawah ini. Letakkan kode dibawah ini tepat DIBAWAH kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

6. Simpan

Cara Membuat Artikel Terkait Menggunakan Linkwithin

Contoh tampilan related posts dari Linkwithin

1. Kunjungi dulu situs linkwithin. Klik disini www.linkwithin.com

2. Isi dulu form yang tersedia.
*Keterangan:
Email: Isi dengan email sobat. Jika sobat masih belum punya email, buat dulu email nya. (Baca juga: Cara Membuat Email Baru Gmail Mudah Di Google Terbaru 2015)
Blog link: Isi dengan nama URL blog sobat yang akan diberi related post.
Platform: Pilih blogger. Jika sobat menggunakan wordpress, ya pilih wordpress.
Width: Pilih jumlah artikel terkait thumbnail yang akan ditampilkan (max 5 post).
Jika sobat ingin related post yang terang, centang tulisan: My blog has light text on a dark background. Jika ingin gelap, jangan dicentang.
3. Klik Get Widget!
4. Tunggu beberapa saat.
5. Setelah itu, akan muncul script HTML/JavaScript, kemudian copy script tersebut.
6. Login Blogger
7. Template/rancangan
8. Edit HTML
9. Cari kode

</body> 

(agar mempermudah pencarian, klik kolom Edit HTML, kemudian tekan Ctrl+F secara bersamaan pada keyboard)
10. Copy kemudian paste dan letakkan kode dibawah ini tepat DIATAS kode </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>Paste kan script related post linkwithin disini</b:if>

11. Simpan
*Keterangan: Ganti tulisan Paste kan script related post linkwithin disini dengan kode script related post tadi.
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ

Tutorial Blogger

Judul	Cara Membuat Related Post / Artikel Terkait Di Blog
Deskripsi	Cara membuat related post / artikel terkait di blog menggunakan 2 cara yang akan membuat pengunjung Anda menjangkau semua laman web/blog Anda.
Author	Google
Author Rating	95%/ 100% Suara Dari 2964 votes