Kamis, 07 Februari 2013

Cara Membuat Artikel Terkait Didalam Post

Cara Membuat Artikel Terkait Didalam Post ini juga merupakan artikel request dari mas Imam yang telah berkomentar Disini seumpama dimasukkan dalam post gimana ya caranya?? Cara membuat artikel terkait sudah saya ulas di cara membuat artikel terkait dan memang tampilannya adalah tampilan umum yang biasa digunakan oleh setiap blog yaitu berada dibawah artikel dan sesuai permintaan dari mas Imam maka secara khusus saya buatkan artikel lanjutan ini dari artikel sebelumnya yaitu Cara Membuat Artikel Terkait Didalam Post

Berikut gambar dari hasil menerapkan cara membuat artikel terkait didalam post yang telah saya terapkan kedalam blog saya yang lain

Cara Membuat Artikel Terkait Didalam Post


Berikut Cara Membuat Artikel Terkait Didalam Post
  1. Masuk ke akun Blogger anda>/li>
  2. Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
  3. Cari kode </head>
    Tambahkan kode berikut tepat diatas atau sebelum </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>
  4. Cari kode <div class='post-header-line-1'/>
  5. Letakkan kode berikut tepat dibawah <div class='post-header-line-1'/>
    <div style='width: 640px;'> <div style='background:#DCDCDC;clear: right; float: right; margin-right: 10px;margin-left: 10px;margin-top: 15px;'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
    </b:if>
    </b:loop>
    </b:if>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <h4>Artikel Terkait</h4>
    <script type='text/javascript'>
    removeRelatedDuplicates();
    printRelatedLabels();
    </script>
    </b:if>
    </div></div>
  6. Preview blog terlebih dahulu. Jika tidak error, silahkan Simpan
  7. Selesai
Tambahan :
Ganti width: 640px; dengan lebar area postingan blog anda
Ganti float: right; jika anda ingin menampilkan widget aertikel terkait berada disebelah kiri menjadi float: left;

Terimakasih telah berkunjung dan jangan lupa untuk meninggalkan sedikit komentar untuk artikel ini, Cara Membuat Artikel Terkait Didalam Post

Cara Membuat Artikel Terkait Didalam Post Rating: 4.5 Diposkan Oleh: ana sriwahyuni

12 komentar:

  1. @Pulsa Center silahkan semoga bermnafaat, dan maaf untuk demonya sudah saya hapus karena blognya sudah saya ganti,,,

    BalasHapus
  2. Klo artikel terkaitnya disimpam dibawah pso gimana caranya mbak?

    BalasHapus
  3. Disimpan di bawah pos maksudnya mbak!
    Hehehehe.
    Mohon tutornya....

    BalasHapus
  4. mba , kata Expand Widget Template posisinya dimana ?
    bingung dari tadi ngak ketemu ketemu

    BalasHapus
    Balasan
    1. expand template sudah dihilangkan, tidak usah bingung, solusinya silahkan anda baca di panduantemplateblog.blogspot.com/2013/04/menggunakan-ctrlf-di-tampilan-baru-menu.html

      Hapus
  5. saya mau coba mba
    mampir ya
    http://era-informasi.blogspot.com

    BalasHapus
  6. Ko saya coba tidak berhasil ya mba,.. yang ada malah tidak sesuai dengan keinginan saya seperti panduan disini, mohon pencerahannya mba :)


    nb: tampilan blog mba sekarang agak berubah sedikit ya, agak lebar sedikit tuh, hehehe


    BalasHapus
    Balasan
    1. sesuaikan lebar dan jaraknya mas Saiful biar sesuai dengan tampilan di dalam artikel

      makasih atas perhatiannya, memang lebar blog ini di buat seperti ini mas :)

      Hapus
  7. wow perlu di coba nih, copas ah mbak ana... bukan orangE tapi artikelY hahahaha..... :) mampir di pilihAgama. >>> masih newbea keren hahaha...

    BalasHapus
  8. kerennn .. bro
    http://fikrismea.blogspot.com/

    BalasHapus
  9. pengen saya coba sih, tapi tulisan menjadi lebih sempit dari normalnya dan menggangu pembaca.
    Masalah Mesin dan Spare Part Mobil Blazer

    Informasi Belanja Online dan Traveling

    BalasHapus

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia