Cara Menciptakan Artikel Terkait Yang Menarik Di Blogspot

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

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

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

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

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

Sudah terang atau Tambah gundah ? lupakan artikel diatas kalau justru membuat Anda bingung, sebab sejujurnya goresan pena saya diatas itu spesialuntuk untuk membuat artikel ini terlihat banyak dan sukur sukur sanggup masuk pejawan dan sanggup duduk di peringkat satu

Kembali ke Topik, disini kita akan membuat Artikel Terkait Sederhana tapi tetap Menarik atau yummy dipandang mata, tanpa Thumnail, ingat ya, disini saya akan mejelaskan Teknik Membuat Artikel Terkait tanpa Thumnbail. Kenapa tanpa Thumnail ? sebab Ringan !

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

So, saya putuskan untuk menuliskan Tutorial ini.

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

Teknik Membuat Artikel Terkait

Agar pembuatan atau cara membuat artikel terkait ini sukses dibutuhkan 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 saya rasa tidak perlu)

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

4. Jika sudah menemukan arahan diatas, letakkan arahan 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 arahan diatas fungsinya untuk mengatur Artikel Terkait kita biar nanti setiap artikelnya masuk dalam Unordered List ( ul ) jadi nanti kita sanggup mengeditnya dengan simpel melalui css.

5. Selanjutnya cari juga kode <data:post.body/> dengan memakai CTRL + F kemudian letakkan script dibawah sempurna setelah arahan <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 arahan ke 3, untuk template yang lain yang mempunya 2 <data:post.body/> solusinya letakkan pada arahan kedua atau terakhir, template lain silahkan dicoba coba sendiri. Kode yang harus diletakkan dibawah <data:post.body/> adalah sebagai diberikut.

<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 saya 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 didiberi kedua label tersebut, Tidak sanggup Satu !

Sampai disini doloe tutotial cupu terkena Teknik Membuat Artikel Terkait Yang Menarik di Blogspot yang sanggup saya bagikan ke Anda, selamat mencoba dan semoga berhasil.