Jika anda tertarik ingin meningkatkan page view dengan cara membuat Related Post Artikel Terkait, maka simak saja langkah dalam membuat artikel terkait dibawah ini karena sangat mudah dilakukan.
Cara membuat Related Post Artikel Terkait :
1. Login ke Akun Blog Anda, dalam hal ini blogger karena saya menggunakan blogspot
2. Klik Templete, lalu pilih Edit HTML
3. Kemudian anda cari kode <data:post.body/>,
Gunaka CTRL+F agar pencarian lebih Mudah dan jika menemukan kode tersebut lebih dari satu, gunakan kode yang ke-2 dari atas
4. Copy-paste kode berikut ini di bawah kode <data:post.body/> yang sudah saya jelaskan pada point nomor 2
<b:if cond='data:blog.pageType == "item"'>
<p style='font-style:bold;'>ARTIKEL TERKAIT:</p>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 15;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3; function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('albri').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
5. Selanjutnya cari kode ]]></b:skin>
6. Copy-paste semua code berikut ini tepat diatasnya kode ]]></b:skin>
.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #F2F2F2;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}
.rbbox ul li {
display : block;
background : url(http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png) no-repeat 0px 0;
margin-left : -10px;
padding-top : 0;
padding-right : 0px;
padding-bottom : 1px;
padding-left : 20px;
margin-bottom : 5px;
line-height : 1em;
border-bottom:1px dotted #cccccc;}
7. Klik Save/Simpan Templete
KETERANGAN TAMBAHAN :
*ARTIKEL TERKAIT, = bisa diganti sesuai keinginan. misal: Related Post, Baca Juga, Read more ataupun yang lain terserah
*maxNumberOfPostsPerLabel = 50; = jumlah posting atau artikel terkait yang ingin Anda tampilkan
*maxNumberOfLabels = 3; = jumlah label terkait yang ingin ditampilkan
*background-color: #F2F2F2; = warna background kotakan artikel terkait dan bisa diganti sesuai selera
*background-color: #EFFBEF; = warna background saat kursor menyorot olom tersebut
*http://i1237.photobucket.com/albums/ff469/indolaron/icon/005.png = icon didepan link
ARTIKEL TERKAIT
Lebih Unik
- Makan di Restoran ini Bayarnya Sukarela
- Wauaw...Pesawat Boeing 747 ini DISULAP Jadi Hotel Mewah
- [FOTO] Ini dia Terapi PALING BAHAYA yang ada di Indonesia
- puasakah anda? lantas beginikah?
- Gokil! Cara Makan Yang Aneh
- Keren! Spidercat
- Ini dia Liburan Ekstrem Orang Kaya di Qatar
- Aneh Gan...Salju Turun di Gurun Pasir Chili
- Inilah Dampak Negatif dari Penggunaan Senjata Kimia
- Wow! Kucing Gendut Menerobos Lubang Kecil
- Subhanallah....Masjid ini Tidak Hancur Walaupun DISERANG BOM dan GEMPA BUMI
- NGAKAK] Kumpulan karya arsitek jenius
- Astaga! Kucing Doyan DIcium
- Wow! Menurut Survei: Ternyata Kijang Lebih Enak dari Alphard
- Waoww....Wartawan Ini Punya Koleksi Kamera Sebanyak 4.425 Kamera
- Inilah Benda Museum Paling ter-KENAL di Dunia
- WOW....Starbucks Jual Cangkir Kopi Bertabur Kristal
- Jenius...Bocah 11 Tahun ini Sudah Kuliah
- Gadis Cantik plus Bening ini adalah Gadis Cantik ter-KUAT se-JAGAT
- Benarkah Kehidupan di Bumi Berasal dari Planet Mars...??
- Sejarah Ikan Mujair Masih Menjadi Misteri ?!
- Sumpah Gan...Lukisan Dinding ini Keren Banget
- Benarkah ini 3 Negara Tertua di Dunia ?!
- Pantai dan Hutan Indoor Terbesar di Dunia Gan ? Bisa Nyasar !
- Suami Istri ini Hobi KOLEKSI TANK dan KENDARAAN PERANG
Tips Blog
- Cara Membuat Gallery Gambar Pada Blog
- Download 20 Template Blog Bertema Sport Gratis
- Download Template Blog Gratis Keren
- Download 30 Template Blog Premium
- Download Template Blog Keren
- Download 30 Template Blog Premium Gratis
- Cara Mudah Memasang Iklan Melayang Di Blog
- Cara Menambahkan Efek Petir Menyambar Di Blog
- Penyebab Blog Di Banned Atau Di Hapus Google
- Cara membuat Efek Loading Blog Seperti Windows 8 Keren
- Cara Memberikan Efek Shadow / Bayangan Pada Blog
- Kumpulan Efek - Efek Gambar Di Blog
- Cara Membuat Like Fanspage Facebook Melayang Di Blog
- Memasang Kode Warna di Blog
- Cara Mudah Membuat Tulisan Berjalan Di Address Bar Blog
- Cara Membuat Scroll Di Komentar Blog
- Cara Mudah Membuat Tag Cloud Berputar Di Blog
- Cara Mudah Menghindari Komentar Spam Di Blog
- Cara Membuat Link Text Berubah Warna - Warni Saat Di Sentuh Mouse
- Cara Memberikan Efek Lipatan Kertas Pada Ujung Blog
- Cara Merubah Icon Blogger Yang Ada Pada Address Bar Dengan Gambar Sendiri
- Cara Membuat / Memasang Read More Otomatis
- Cara Memasang Tombol Home, Back To Top, Back To Bottom Dan Reload Di Blog
- Cara Membuat Backlink Otomatis Ampuh