Artikel Terkait, Harus ada di Blog, Bagaimana Cara Memasangnya?
Pada templatte tertentu seperti bawaan blogger.com biasanya tidak ada widget artikel terkait sehingga ketika pengunjung membaca satu artikel blog yang menggunakan template default blogger tersebut mereka tidak akan melihat artikel lain yang sejenis atau setema dengan artikel yang dia kunjungi. Inilah arti penting jika kita bisa memasang widget artikel terkait sehingga pengunjung blog kita tidak hanya berhenti membaca pada satu artikel tetapi juga membaca artikel lainnya yang kita tawarkan dan kita tempatkan dibawah postingan blog sehingga bisa banyak artikel yang terbaca oleh satu pengunjung blog. Artinya jumlah page view blog akan semakin tinggi dan ini salah satu indikasi blog yang disukai search engine.
Dengan kata lain manfaat adanya artikel terkait memang sangat nyata untuk menambah jumlah kunjungan ke blog kita.
Cara Membuat Artikel terkait di Blog dengan Bentuk Memanjang Kebawah dibawah postingan blog.
Cara membuat related postnya cukup simple, kuncinya dalam mengcopy kode-kode HTML dibawah ini harus benar-benar tepat jangan ada yang tertinggal dan juga penempatannya tepat sesuai instruksi.
Langkah-langkah Membuat artikel terkait di blog:
Catatan Penting:
Angka 5 warna merah pada kode diatas adalah menunjukkan jumlah artikel terkait yang akan terpasang sebanyak 5 artikel anda bisa menggantinya dengan angka 3 atau yang lain sesuai keinginan jumlah artikel terkait yng mau anda tampilkan.
Anda bisa juga mengganti tulisan Artikel Terkait pada kode diatas dengan kata-kata lain sesuai keinginan anda seperti misalnya Artikel Yang Mungkin Anda Sukai dan lain-lain. Jangan lupa menyimpannya dengan menekan tombol Simpan Templatte dan silahkan refresh blog anda untuk melihat apakah artikel terkait yang dipasang sudah benar-benar berfungsi atau tidak. Selamat Mencoba!
Pada templatte tertentu seperti bawaan blogger.com biasanya tidak ada widget artikel terkait sehingga ketika pengunjung membaca satu artikel blog yang menggunakan template default blogger tersebut mereka tidak akan melihat artikel lain yang sejenis atau setema dengan artikel yang dia kunjungi. Inilah arti penting jika kita bisa memasang widget artikel terkait sehingga pengunjung blog kita tidak hanya berhenti membaca pada satu artikel tetapi juga membaca artikel lainnya yang kita tawarkan dan kita tempatkan dibawah postingan blog sehingga bisa banyak artikel yang terbaca oleh satu pengunjung blog. Artinya jumlah page view blog akan semakin tinggi dan ini salah satu indikasi blog yang disukai search engine.Dengan kata lain manfaat adanya artikel terkait memang sangat nyata untuk menambah jumlah kunjungan ke blog kita.
Cara Membuat Artikel terkait di Blog dengan Bentuk Memanjang Kebawah dibawah postingan blog.
Cara membuat related postnya cukup simple, kuncinya dalam mengcopy kode-kode HTML dibawah ini harus benar-benar tepat jangan ada yang tertinggal dan juga penempatannya tepat sesuai instruksi.
Langkah-langkah Membuat artikel terkait di blog:
- Login ke akun blogspot Anda, selanjutnya pilih menu Template > Klik pada Edit HTML.
- Cari kode ini </head>. Cara cepat mencarinya: tekan Ctrl F
- Selanjutnya copy kode dibawah ini dan paste kan tepat dibawah 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>
//<![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 berikutnya cari kode <data:post.body/>, lalu copy kembali script dibawah ini tepat dibawah kode diatas. Jika Anda menemukan ada dua <data:post.body/> letakkan script dibawah kode yang pertama terlebih dahulu dan jalankan. Jika tidak muncul artikel terkait maka anda pindahkan kode dibawah ini dibawah kode <data:post.body/> yang kedua.
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
<b:loop values='data:post.labels' var='label'>
<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=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Catatan Penting:
Angka 5 warna merah pada kode diatas adalah menunjukkan jumlah artikel terkait yang akan terpasang sebanyak 5 artikel anda bisa menggantinya dengan angka 3 atau yang lain sesuai keinginan jumlah artikel terkait yng mau anda tampilkan.
Anda bisa juga mengganti tulisan Artikel Terkait pada kode diatas dengan kata-kata lain sesuai keinginan anda seperti misalnya Artikel Yang Mungkin Anda Sukai dan lain-lain. Jangan lupa menyimpannya dengan menekan tombol Simpan Templatte dan silahkan refresh blog anda untuk melihat apakah artikel terkait yang dipasang sudah benar-benar berfungsi atau tidak. Selamat Mencoba!
