Jika anda tidak terlalu percaya dengan apa kata saya diatas, perhatikan
sekarang dengan apa yang terjadi pada blog saya ini. Lihat pada widget
Statistik Blog dan perhatikan aplikasi Histat saya yang menunjukkan
counter Visitor dan Page View. Jika dihitung perbandingan antara
keduanya adalah 1:4. sehingga dapat disimpulkan, pengunjung blog saya
ini rata – rata membuka 4 halaman artikel setiap berkunjung. Tentunya
selain artikel terkait yang saya pasang,.
Jika anda tertarik ingin meningkatkan page view seperti saya tersebut,
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/>,
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
Author : coxelgokil | ACI BUDAYA
Anda telah membaca
artikel tentang : Cara Membuat Artikel Terkait Di Bawah Posting Blog. Oleh Admin, Anda diperbolehkan mengcopy-paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terimakasih...
