Jumat, 15 Agustus 2014

Membikin Artikel terkait atau related post tanpa gambar

     Related post atau artikel terkait sebenarnya memiliki bagian yang penting dalam membuat sebuah blog, hal ini di sebabkan karena artikel terkait bisa membuat blog kita menjadi semakin eksis di dunia maya dan pengunjung dapat memilah dengan mudah bagian yang ingin mereka ketahui lagi. jika seorang blogger dapat membagi – bagi kategori dalam blognya serapi mungkin maka akan banyak pengunjung yang menyukainya karena mereka merasa artikel yang di bacanya benar-benar berhubungan dengan artikel terkait yang di buat di bagian bawah blog. baiklah sekarang saya aka sharekan ilmunya kepada sobat semua tentang cara membuat artikel terkait vertikal tanpa gambar, let’s check it!!!
Membikin Artikel terkait atau related post tanpa gambar1. Login ke Blogger untuk membuka blog anda (just login to your blog and open it).
2. Buka Menu Template pada bagian dashboard blog sobat
3. Lalu pilih Edit Html
4. Setelah itu silakan sobat cari kode berikut kode dengan cara Ctrl+F dan kopikan kode ini </head>, lalu kopikan kode di bawah ini di atas 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>
6. And next, sobat cari kode berikut : <data:post.body/> dan kopi pastekan kode berikut tepat di bawah kode <data:post.body/> biasanya ada dua kode ini, silakan sobat cobakan dulu pada kode 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&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>
8. Klik Save and than you may look its result!!!!

Catatan/note :
Jika artikel terkait muncul juga di halaman utama (homepage) blog sobat, maka sobat dapat menambahkan kode ini diatasnya ( Langkah 6) :
<b:if cond='data:blog.pageType == "item"'>dan tambahkan juga kode </b:if> pada paling akhir.
Angka merah adalah jumlah artikel terkait yang ingin sobat munculkan di blog sobat

Tidak ada komentar:

Posting Komentar