cara membuat Artikel Terkait atau biasa disebut "Related Post", "artikel yang bertautan", "postingan terkait" atau apa pun namanya, dan ini salah satu penunjang SEO Blogspot karena dengan adanya artikel terkait atau related post bisa bikin blog sobat lebih memudahkan mesin pencari dalam mengindeks postingan-postingan sobat lainnya yang berkaitan sesuai dengan label. dan dengan memasang artikel terkait atau related post yang berkaitan akan lebih mempermudah pengunjung blog kita untuk menemukan artikel terkait tanpa harus menuju dan membuka satu persatu halaman dalam link label.
Sobat Pasti dah ngerti maksudnya. OK langsung aja ke TKP :
Langkah I :
Masuk pada Template >> Edit HTML >> kemudian masukan kode javascript dibawah ini di atas kode </head>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
Langkah II :
Masih di Edit HTML jangan lupa beri tanda centang pada Expand Widget Template kemudian cari kode dibawah ini.
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
Jika sudah ketemu, selipkan kode berwarna biru dibawah diantara kode diatas
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:if>
Pengeditan pada kode HTML sudah selesai, Jangan lupa disimpan
Langkah III :
Masuk pada Template -> Elemen halaman -> kemudian buat elemet baru -> copy-paste kode dibawah ini dan jangan lupa memberikan nama judul misal, "Artikel Terkait" atau terserah anda --> kemudian jangan lupa disimpan.
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
Langkah IV :
Agar Artikel Terkait atau Related Post ini tidak tampil pada halaman utama dan hanya tampil pada halaman posting, maka kita perlu penambahan beberapa kode, caranya:
Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada Expand Widget Template -> cari kode dibawah ini, sebisanya cari sesuai dengan judul yang kita masukan tadi, sebagai contoh, tadi saya memberi mana dengan Artikel Terkait, jika sudah ditemukan masukan ke dua kode berwarna Biru dibawah. lihat contoh
Catatan: dibawah ini ada kode HTML 13 ini jangan dijadikan patokan pencarian, sebaiknya abaikan saja karena setiap elemen pasti berbeda-beda, cukup cari judul saja. (yang berwarna merah) sesuaikan nama judul sobat tadi.
<b:widget id='HTML13' locked='false' title='Artikel Terkait' type='HTML'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:widget>
selesai ...!!! simpan template, bila masih bingung isi kolom komentar dibawah ini, nanti bisa di bantu, ok
HAPPY BLOGING - Belajar SEO
Selengkapnya → Cara Bikin Artikel Terkait
Sobat Pasti dah ngerti maksudnya. OK langsung aja ke TKP :
Langkah I :
Masuk pada Template >> Edit HTML >> kemudian masukan kode javascript dibawah ini di atas kode </head>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
Langkah II :
Masih di Edit HTML jangan lupa beri tanda centang pada Expand Widget Template kemudian cari kode dibawah ini.
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
Jika sudah ketemu, selipkan kode berwarna biru dibawah diantara kode diatas
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop></b:if>
Pengeditan pada kode HTML sudah selesai, Jangan lupa disimpan
Langkah III :
Masuk pada Template -> Elemen halaman -> kemudian buat elemet baru -> copy-paste kode dibawah ini dan jangan lupa memberikan nama judul misal, "Artikel Terkait" atau terserah anda --> kemudian jangan lupa disimpan.
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
Langkah IV :
Agar Artikel Terkait atau Related Post ini tidak tampil pada halaman utama dan hanya tampil pada halaman posting, maka kita perlu penambahan beberapa kode, caranya:
Masuk pada Template -> Edit HTML -> jangan lupa beri tanda centang pada Expand Widget Template -> cari kode dibawah ini, sebisanya cari sesuai dengan judul yang kita masukan tadi, sebagai contoh, tadi saya memberi mana dengan Artikel Terkait, jika sudah ditemukan masukan ke dua kode berwarna Biru dibawah. lihat contoh
Catatan: dibawah ini ada kode HTML 13 ini jangan dijadikan patokan pencarian, sebaiknya abaikan saja karena setiap elemen pasti berbeda-beda, cukup cari judul saja. (yang berwarna merah) sesuaikan nama judul sobat tadi.
<b:widget id='HTML13' locked='false' title='Artikel Terkait' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty --><b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable></b:widget>
selesai ...!!! simpan template, bila masih bingung isi kolom komentar dibawah ini, nanti bisa di bantu, ok
HAPPY BLOGING - Belajar SEO
