Biasanya di bagian bawah sebuah postingan terdapat tampilan Artikel terkait (Related Post), hal ini berguna untuk memudahkan pengunjung melihat artikel lain yang berhubungan dengan artikel (postingan yang aktif). Dengan adanya related post bisa meningkatkan pagehit pada blog anda.
Ada kelemahan dari link yang terdapat pada relted post, yaitu klik yang ada merupakan klik dinamis, sehingga crawl (script google) tidak menghitung klik yang terjadi pada link tersebut. Berbeda dengan link statis, setiap klik pada link statis diperhitungkan oleh google dalam menentukan pagerank sebuah halaman web.
Cara membuat Artikel Terkait sebagai berikut:
1.Login ke Dasboard
2.Pilih Layout > Edit HTML
3.Centang kotak Expand Widget Template
4.Kemudian cari kode ini <data:post.body/> (pencarian cepat, klik CTRL+F)
Letakkan script berikut ini di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
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('data2007').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>
</div>
</b:if>
5. Simpan Template
Selesai deh!
Kata "Related Post by Categories" bisa diganti sesukamu misalnya Artikel Terkait, Baca Juga, dll.
Semoga membantu!
Related Post:
- Menampilkan Judul Postingan Saja pada Halaman Pencarian
- Cara Membuat Daftar Isi
- Membuat Spoiler di Blog
- Membuat Related Post Fungsi Scroll
- Cara Memasang Widget "Sharing is Sexy"
- Menulis Kode HTML di Posting Blog
- Cara Membuat Navigasi Halaman Bernomor di Blog
- Memasang Meta Tag di Blogger
- Update PageRank April, SV Naik Kelas!?
- Mengatur Jumlah Post dan Label di Artikel Terkait
- Widget Untuk Mengetahui IP, OS, Country, dan Browser Kita
- Mengatur Jumlah Posting yang Ditampilkan pada Label
- Cara Memasang Live Traffic di Blogspot
- Memasang Badge Facebook di Blogspot
- Trik Meningkatkan Pagerank Blog Dengan Mudah Tanpa SEO
- Menambah Google Pagerank
- Tips menambah Read More. (editor baru)
0 Responses to Cara Membuat Artikel Terkait