Cara Menciptakan Artikel Terkait Yang Menarik Di Blogspot

Jumat, 20 Juli 2018

Bagikan :

Tweet

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

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

Masih resah nih, contohnya mana woi ? baiklah ini pola 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 dikala 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, dikala pengunjung membuka Artikel 1 mereka akan dimasukankan oleh Artikel Terkait untuk membaca Artikel 2 dan begitu sebaliknya

Sudah terperinci atau Tambah resah ? lupakan artikel diatas kalau justru membuat Anda bingung, alasannya ialah 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 ? alasannya ialah Ringan !

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

So, saya putuskan untuk menuliskan Tutorial ini.

Baik, alasannya ialah 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 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 saya 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 biar nanti setiap artikelnya masuk dalam Unordered List ( ul ) jadi nanti kita sanggup mengeditnya dengan praktis melalui css.

5. Selanjutnya cari juga kode <data:post.body/> dengan memakai CTRL + F kemudian letakkan script dibawah sempurna setelah 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 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 ialah 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.

Tag : Blogger Tips