Cara Membuat Artikel Terkait Related Post - Artikel Terkait atau Related Post adalah sebuah widget yang menampilkan postingan-postingan yang masih ada kaitannya dengan postingan yang sedang di baca pengunjung, biasanya terletak di bawah postingan dan sifatnya masih dalam 1 label yang sama. Sobat bisa melihat contohnya di blog ini. Dengan memasang artikel terkait atau related post di blog memang menjadikan nilai bagus terhadap blog kita, terlebih bagi blog yang masih baru. Kenapa demikian mas? Iya, karena dengan memasang Artikel Terkait atau Related Post di blog, memungkinkan pengunjung akan melihat postingan-postingan lainnya yang masih ada kaitannya dengan yang di bacanya dalam satu label. Dan otomatis pageview blog akan ikut meningkat pula yang berdampak bagus terhadap blog kita. Artikel terkait fungsinya baik seperti halnya breadcrumb.
Sementara itu dengan memasang Artikel Terkait atau Related Post membuat Rank Alexa blog kita mengecil, karena apa? Karena banyaknya pageview atau halaman yang di lihat oleh pengunjung. Sudah jelas kan pentingnya memasang Artikel Terkait atau Related Post di blog. Jika sobat tertarik untuk memasangnya di blog sobat, maka berikut ini langkah-langkah untuk memasangnya.
Cara memasang Artikel Terkait atau Related Post di blog:
1. Login ke akun Blogger
2. Pilih opsi Template kemudian Cadangkan/Pulihkan dahulu template blog sobat. Ini buat jaga-jaga jika terjadi kesalahan. Maka sobat bisa mengembalikan template seperti semula
3. Pilih Edit HTML kemudian beri tanda centang pada expand template widget
4. Cari kode berikut <data:post.body/> tekan ctrl+f di keyboard untuk mempermudah pencarian, Jika sobat menemukan lebih dari 1 kode, maka gunakan kode yang ke 2
5. Lalu taruh kode di bawah ini di bawah kode no 4
<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>
6. Selanjutnya cari lagi kode berikut ]]></b:skin>
7. Kemudian taruh kode di bawah ini di atas kode no 6
.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;}
8. Simpan Template dan lihat hasilnya
Sekian tips blog dari Terunggah mengenai Cara Membuat Artikel Terkait Related Post semoga bisa bermanfaat yah sobat. Jangan lupa untuk membaca juga cara membuat halaman facebook melayang.
0 comments:
Post a Comment