Automatic Read More V3 (Read More + Thumbnail)

Read more otomatis (Automatic Read more ) adalah read more atau baca selengkapnya dengan secara otomatis mengambil ringkasan dari blog kita di tambah lagi read more otomatis ini juga dapat menampilkan gambar dengan ukuran yang kita inginkan selain itu kita dapat menentukan jumlah  karakter yang akan kita tampilkan.
Berikut caranya : 
1. Login di Blogger > pada Dasboard pilih Layout > Edit HTML
2. Centang / Check List dulu "expand widget templates"
3. Cari kode </head> kemudian copy - paste kode di bawah ini sebelum kode tersebut
<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://forbiden-403.googlecode.com/files/ReadMorev3.js.txt' type='text/javascript'/> 
4. Sekarang cari kode<data:post.body/> dan 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'> Read More </a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
5. Klik "simpan template"

Keterangan :
summary_noimg = 430; Menentukan jumlah ringkasan tanpa gambar
summary_img = 340; Menentukan umlah ringkasan dengan gambar
img_thumb_height = 100; kode ini untuk tinggi gambar thumbnailnya
img_thumb_width = 120; kode ini untuk lebar gambar thumbnailnya
Apa perbedaan Template Versi sebelumnya ?
perbedaan dengan ReadMore Versi Sebelumnya terletak pada gambar, jika versi sebelumnya tidak ada Thumbnail gambarnya, sedangkan versi yang saya berikan memiliki Thumbnail gambar.
Jika kamu sebelumnya telah menggunakan readmore versi lama silahkan kembalikan dulu kodenya caranya perhatikan kode dibawah ini, ini kode readmore versi lama:

   
<div class='post-header-line-1'/>

    <div class='post-body entry-conten'>

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

    <style>.fullpost{display:inline;}</style>

    <p><data:post.body/></p>

    <b:else/>

    <style>.fullpost{display:none;}</style>
    <p><data:post.body/></p>

    <a expr:href='data:post.url'>Read More......</a>

    </b:if>


Hapuslah kode yang dicetak tebal kemudian simpan template.
Selamat Mencoba ^_^
Insyaallah Artikel ini bermanfaat

eNBe* : Hapus tulisan Sumber : http://forbiden-403.blogspot.com/2011/12/automatic-read-more-v3-read-more.html#ixzz1eVaeYuzF di bagian belakang script yang telah di copas.

4 ... Skip ke Kotak Komentar

24 Desember 2011 18.51

http://forbiden-403.googlecode.com/files/ReadMorev3.js.txt
Ganti masbro jadi js

26 Desember 2011 15.21

keren deh kk :)
komen balik di http://yhonezz-programmer.blogspot.com/2011/12/fakta-unik-tentang-ic.html

27 Desember 2011 07.10

Thanks visiting kk .. Yhonnezz

27 Desember 2011 08.45

sama2 kawan , slalu up to date mengunjungi blog agan :)

Tambahkan Komentar Anda

Peraturan :
1. Dilarang berkomentar dengan kata-kata yang kotor, Pornografi, SARA
2. Dilarang Poskan Spam
3. Dilarang poskan URL yang tidak perlu
Sekian Pemberitahuan Dari Saya
Hati-hati dengan Komentar Anda, anda Komentar Bukan Spam, Saya Pasti akan Follow anda, This Blog Dofollow

 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook
Original Template By Belajar SEO Blogspot - Himajiesized By Dayz Hidayat - Converted By [./Forbiden-403]