Tuesday, April 16, 2013

Cara Simple Menambahkan Read More pada Blog


Langkah-langkah cara membuat Read More Otomatis di Blogspot
  • Login ke Blog anda
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head>
gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah

  • <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
    • Selanjutnya cari kode <data:post.body/> atau   ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian). Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama. atau jika tidak bisa
    Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
    <b:if cond='data:blog.pageType != "item"'>
        <div expr:id='"summary" + data:post.id'><data:post.body/></div>
        <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
        </script>
        <span class='rmlink' style='float:right;padding-top:20px;'>
        <a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
     Finish simpan template dan lihat hasilnya.

    Keterangan :
    1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
    2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
    3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
    4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
    5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode menjadi tulisan >> Read More atau Baca selengkapnya dll. kalian bisa ganti sesuai icon anda inginkan. ada beberapa icon lucu disini http://www.glitter-graphics.com/gallery.php?categoryID=136
     Selamat Mencoba Guys :)

    No comments :

    Post a Comment

    Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.

    Follower

    Google+ Followers

    Translator

    English French German Japanese Korean Chinese Russian Spanish
    India Saudi Arabia Netherland Portugal Italian Philippines Ukraina Norwegia
    Powered by
    Widget translator