Cara Membuat Related Post Artikel Terkait

Home » Visitor Tips » Widget Blog » Cara Membuat Related Post Artikel Terkait

Cara Membuat Related Post Artikel Terkait

Posted by Unknown 9 Feb 2013 0 comments

Cara Membuat Related Post Artikel Terkait - mengikuti jejak para master blogger dengan menerapkan / menambahkan artikel terkait diblog guna mengurangi pentalan (bouncerate) dan dapat meningkatkan pageview, related post bisa sebagai tambahan navigasi untuk mempermudah pengunjung menjelajah kehalaman lain.

Cara Membuat Related Post atau Artikel Terkait

Banyak sekali artikel cara pasang artikel terkait, yang dapat dengan mudah kita cari, dan temui saat mengetikan keyword "cara membuat related post atau artikel terkait", di mesin pencari seperti google, yahoo dan bing, yang dikemas pada categori / label tutorial blog.

Apa manfaat pemilik blog memasang artikel terkait dan menaruhnya di situs blog-nya ?, begitu juga apa manfaat related post ada di situs blog ?

Manfaat Memasang Related Post

Manfaat menambahkan widget related post artikel terkait, dan meletakkannya dibawah halaman posting, diklaim dapat mengurangi tingginya bouncerate blog, dapat meningkatkan kunjungan halaman situs blog, manfaat untuk pengguna (pencari artikel) dapat dengan mudah mencari artikel posting yang hendak dicari, tanpa harus keluar dari situs yang dikunjungi, untuk mencari kesitus lain.

Cara buat atau bikin related post diblogspot.

Langkah Pertama
Login kedasbor blogger sobat,

Langkah Kedua
Kemudian Masuk kerancangan, Pilih Edit HTML kemudian Centang Expand Widget

Nb. Sebelum melakukan perubahan sebaiknya backup terlebih dahulu template anda, untuk antisipasi jika terjadi kesalahan saat pengeditan kode html.

Langkah Ketiga
Pada edit HTML cari kode Ini : <div class='post-footer'>

Nb. Gunakan tombol pencarian sama seperti cara diatas guna mempercepat proses pencarian.Setelah kode tadi ditemukan kemudian paste script dibawah ini tepat diatasnya.

Copy kode dibawah ini, dan tepatkan diatas kode <div class='post-footer'>

<br />

<b:if cond='data:blog.pageType == "item"'>
    <h2 style=' font-size:19px; color:#CC333B; font-family:verdana; font-weight:normal;'>
Artikel Terkait:</H2>
<div class='rbbox' style='background:#fff;margin-top:10px;margin-bottom:10px;'>
  <div style='margin:0px; font-size:14px; line-height:25px;padding:5px;height:180px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 8;
var maxNumberOfLabels = 4;
maxNumberOfPostsPerLabel = 8;
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>

Setelah selesai silahkan simpan template sobat, dan lihat hasil-nya.

Tutorial pasang artikel terkait atau related post ini sebenarnya sudah sangat banyak sekali, demi melengkapi artikel seputar tutorial blog, saya coba tuliskan ulang, artikel related post umumnya digunakan untuk memberikan, menambahkan navigasi kehalaman lain,

sobat bisa baca juga cara membuat navigasi breadcrumbs yang saya beri judul pasang menu navigasi breadcrumbs diblog, semakin lengkap navigasi yang terpasang akan membantu para visitor atau pengunjung melihat artikel lain.

Tips dari para pakar-pakar SEO dengan Pasang Artikel Terkait atau Related Post akan meningkatkan trafik pageview.

Site Basic