Cara Menciptakan Artikel Terkait Yang Menarik Di Blogspot

Cara Membuat Artikel Terkait atau sering juga disebut Related Post, sanggup dibilang bukan hal yang susah apalagi buatnya di Blogspot, semakin gampang !

Mungkin ada yang belum tahu apa itu Artikel Terkait, ok ok tidak masalah, akan aku jelaskan. sesuai namanya Artikel Terkait yaitu artikel perhiasan yang kita sajikan ke pengunjung menurut apa yang sedang pengunjung baca dengan memanfaatkan label atau tag.

Masih galau nih, contohnya mana woi ? baiklah ini pola sederhananya, misal ada seorang pengunjung yang sedang membaca Artikel kita dengan judul Cara Cepat Kaya Tanpa Kerja ! nah disini kita wajib memberi nama label pada artikel tersebut, contohnya lebelnya kita kasih nama 'Kerja'

Selanjutnya dikala kita buat artikel gres dengan judul, contohnya Tanpa Kerja Bisa Kaya ? Ngimpi ! pada artikel kedua kita  juga harus memberinya sebuah label yang sama dengan label yang ada di artikel pertama tadi yaitu 'Kerja'

Selanjutnya mereka akan saling terkait, dikala pengunjung membuka Artikel 1 mereka akan disarankan oleh Artikel Terkait untuk membaca Artikel 2 dan begitu sebaliknya

Sudah terperinci atau Tambah galau ? lupakan artikel diatas kalau justru menciptakan Anda bingung, sebab sejujurnya goresan pena aku diatas itu hanya untuk menciptakan artikel ini terlihat banyak dan sukur sukur sanggup masuk pejawan dan sanggup duduk di peringkat satu

Kembali ke Topik, disini kita akan menciptakan Artikel Terkait Sederhana tapi tetap Menarik atau lezat dipandang mata, tanpa Thumnail, ingat ya, disini aku akan mejelaskan Cara Membuat Artikel Terkait tanpa Thumnbail. Kenapa tanpa Thumnail ? sebab Ringan !

Yap, artikel terkait polosan atau tanpa Thumnail tidak akan terlalu membebani pengunjung dikala mengakses situs atau artikel kita.

So, aku putuskan untuk menuliskan Tutorial ini.

Baik, sebab Tangan aku sudah pegel itu artinya kita siap masuk pada pembahasan utama kita.

Cara Membuat Artikel Terkait

Agar pembuatan atau cara menciptakan artikel terkait ini sukses diharapkan ketelitian yang matang, jadi pastikan Anda melaksanakan step by step dengan benar.

1. Klik Menu Template dan Pilih Edit HTML

2. Backup Template kalau dirasa perlu (tapi aku rasa tidak perlu)

3. Tekan CTRL + F dan ketikkan </head>

4. Jika sudah menemukan isyarat diatas, letakkan isyarat dibawah ini sempurna diatas </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>

Script atau isyarat diatas fungsinya untuk mengatur Artikel Terkait kita semoga nanti setiap artikelnya masuk dalam Unordered List ( ul ) jadi nanti kita sanggup mengeditnya dengan gampang melalui css.

5. Selanjutnya cari juga kode <data:post.body/> dengan memakai CTRL + F kemudian letakkan script dibawah sempurna sesudah isyarat <data:post.body/> (dibawahnya) namun disini biasanya banyak terjadi kesalahan, karena <data:post.body/> terkadang ada lebih dari satu buah (tergantung template) kalau template standar dari blogspot akan ada 4 <data:post.body/> jadi letakkan letakkan pada isyarat ke 3, untuk template yang lain yang mempunya 2 <data:post.body/> solusinya letakkan pada isyarat kedua atau terakhir, template lain silahkan dicoba coba sendiri. Kode yang harus diletakkan dibawah <data:post.body/> adalah sebagai berikut.

<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&amp;callback=related_results_labels&amp;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>

6. Simpan, dan lihat hasilnya

Jike berhasil, penampakan Artikel Terkait akan menyerupai punya aku dibawah ini :

Penentu kesuksesan lain dari pembuat Artikel Terkait yaitu penamaan pada Label, contohnya dalam 1 Artikel terdapat dua Label, contohnya 'Kerja' dan 'Online' nah kalau ingin Artikel Terkait dimuncul dalam salah satu artikel tentu kedua artikel tersebut juga harus diberi kedua label tersebut, Tidak sanggup Satu !

Sampai disini dulu tutotial cupu mengenai Cara Membuat Artikel Terkait Yang Menarik di Blogspot yang sanggup aku bagikan ke Anda, selamat mencoba dan semoga berhasil.