Tips Dan Cara Mudah Membuat Related Post

Picture by Google

Tips Dan Cara Mudah Membuat Related Post, agar tampilan blog jadi lebih rapi dan membuat pengunjung lebih tertarik - Selamat pagi sobat-sobat sekalian?? apa kabar semuanya, semoga selalu sehat. Kali ini saya ingin berbagi tips cara membuat related post. Fungsi related post sendiri adalah untuk menampilkan artikel-artikel kita  yang masih berhubungan, biasanya pada label yang sama. Ketika seorang pengunjung membaca artikel pada blog sobat, biasanya related post memancing pengguna untuk membaca artikel lainnya, hal ini tentu akan sangat besar sekali manfaatnya.

Nah kalau sobat tertarik untuk menggunakan artikel terkait, saya akan membagikan tip or tips nya di bawah ini, jadi silahkan sobat lanjut membacanya.

1. Masuk ke dashboard blog sobat, klik template lalu di pojok kanan atas klik backup/ restore kemudian download full template. Ini bertujuan untuk membackup blog sobat agar kalau terjadi kesalahan sobat dengan mudah bisa merestorenya. untuk lebih jelasnya silahkan lihat pada gambar.

2. Selanjutnya klik Edit HTML lalu beri mark pada Expand Widget Templates (jangan sampai lupa di beri mark).

3. Cari code script </head> , agar memudahkan pencarian bisa menggunakan F3 atau Ctrl + F.

4. Selanjutnya salin code script di bawah ini dan paste tepat di atas </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.lenght - 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>

5. Tips berikutnya cari code script <data:post.body/> kemudian salin code scrip di bawah ini dan paste tepat di bawah <data:post.body/> .

<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=15"' type='text/javascript'/> </b:if>

</b:loop>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<h4>Related Post <b:loop values='data:post.labels' var='label'><data:label.name/>

<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></h4>

<script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels();

</script>

</b:if>

6. Yang terakhir adalah lakukan review, apabila script telah running maka tinggal save template, apabila tidak running mohon di check ulang. Selesai.

Catatan : Untuk Mengubah nama Related Post menjadi nama yang anda ingin kan silahkan edit tulisan Related Post berwarna merah, sedangkan untuk mengubah jumlah post yang di tampilkan silahkan ubah angka yang berwarna merah. 

Tidak terlalu sulit bukan, semoga berhasil ya sob. Apabila sobat-sobat masih belum jelas atau masih bingung dan mempunyai pendapat lain, tinggalkan komentarnya di kolom komentar. Demikianlah tutorial singkat dari saya mengenai Tips dan Cara Mudah Membuat Related Post. Selain itu kalau sobat ingin mengganti favicon, sobat bisa baca Cara Mudah Mengganti Favicon Dengan Icon Favoritmu. Semoga apa yang saya share bisa bermanfaat dan selalu jaga silaturahmi. Have a nice weekend.

Like THIS :

Share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BDariku