Membuat Auto Read More

Diposkan oleh Madie Zha on 28 November 2011 at 1:46 PM

Membuat Auto Read More | Tutorial Blog

Membuat Auto Read More | Tutorial Blog

Auto Read More adalah opsi yang otomatis memotong artikel Sobat saat di tampilkan pada home page blog Anda. Auto Read More ini dilengkapi dengan pengaturan jumlah karakter, Ada 2 pengaturan jumlah karakter yaitu jumlah karakter Read More tanpa gambar dan jumlah karakter Read More dengan gambar.
Berikut cara membuat auto read more :
  1. Login ke akun Blogger Sobat, klik Design / Rancangan  > Edit HTML.
    Penting!!! Biasakan men-Download / membackup template blog Anda sebelum mengedit template.
  2. Beri tanda centang pada Expand widget template, kemudian letakkan kode berikut ini di atas kode </head> (tekan Ctrl+F untuk mempermudah dalam pencarian kode)
    <script type="text/javascript">
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 250;
    summary_img = 220;
    img_thumb_height = 120;
    img_thumb_width = 220;
    </script>
    <script type="text/javascript">
    //<![CDATA[
    function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf("
    ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>
    "+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
    //]]>
    </script>
    Anda juga dapat merubah kode berikut:
    var thumbnail_mode = "float";
    summary_noimg = 250;
    summary_img = 250;
    img_thumb_height = 120;
    img_thumb_width = 120;
    Ganti angka pada summary_noimg untuk mengatur jumlah karakter yang tampil pada kutipan artikel tanpa gambar.
    Ganti angka pada summary_img untuk mengatur jumlah karakter yang tampil pada kutipan artikel dengan gambar.
    Ganti angka pada img_thumb_height untuk mengatur tinggi gambar yang tampil pada kutipan artikel.
    Ganti angka pada img_thumb_width untuk mengatur lebar gambar yang tampil pada kutipan artikel.
  3. Selanjutnya cari kode <data:post.body> lalu ganti dengan kode ini;
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:left'><a expr:href='data:post.url'><b>More about</b> &#8594;</a></span>
    </b:if>
  4. Ganti kata left dengan right untuk menampilkan link readmore di bagian kanan.
    Ganti kata More about dengan kata yang Anda inginkan. Misalnya Read More,Baca Selengkapnya, Selanjutnya atau Seterusnya.
  5. Terakhir klik Pratinjau / Preview untuk melihat hasilnya. Jika Anda rasa sudah sesuai, klik tombol Simpan / Save Template.
Catatan : Jika Sobat menggunakan opsi ini, Artikel pada halaman juga akan terpotong.
Semoga tutorial ini bisa berguna buat sobat yang ingin Membuat Auto Read More.

.:. 24 komentar .:.Post a Comment

  1. nice info gan...tapi sayang w pake wordpress ehehehe

    ReplyDelete
  2. thanks gan udah ane coba...follow back ya gan,udh ane follow tuh

    ReplyDelete
  3. Mantap sekali Gan, tapi kalau mau menyisipkan kode adsense agar iklan muncul setelah Read More diklik bagaimana, Gan? Tolong bikinin panduannya juga, Gan.
    Terimakasih.!

    ReplyDelete
  4. sangat membantu buat ane yg gi belajar...izin gan

    ReplyDelete
  5. Kebetulan sedang belajar buat blog tentang Toko Furniture Jakarta, dmn postingan di halaman terlalu panjang. Solusinya dengan readmore... Oke deh thx info pencerahannya, mau coba langsung di praktekin.

    My, Place: Furniture Jakarta

    ReplyDelete
  6. informasinya luar biasa sangat bermanfaat sekali...
    Banyak sekali ilmu pengetahuan yang saya dapatkan
    Terimakasih banyak atas informasinya ...
    Semoga semakin sukses

    ReplyDelete

  7. sukses terus gan ditunggu artikel selanjutnya

    ReplyDelete
  8. gimana gan kalo buat blogger yg baru, kan artikel ini buat blogger lama kan. soal'a saya di blogger baru, gk bisa gan

    ReplyDelete
  9. sangat menarik sekali infonya :)

    ReplyDelete
  10. Pembelian obat denature bisa invite pin bbm kami : 7968ab6b

    ReplyDelete
  11. Makasih ya sob, Artikel ini sangat membantu.

    Follback ya sob

    ReplyDelete
  12. gan, kalau readmore di blog saya nggk begini kodenya gan. bukan tergantung karakter melainkan kata, setiap 28 kata di potong. cara merubahnya gemana ya gan. mau dijadikan 40 kata. ane bingung. mohon bantuanya gan.

    ReplyDelete

 
Alexa Certified Traffic Ranking for http://wadahtutorial.blogspot.com
Follow
back to top
Home
back to bottom