Jika Ada Link Dalam Blog Ini Yang Tidak Berfungsi Atau Broken, Dengan Segala Kerendahan Hati Kami Berharap Pengunjung Sekalian Meng-Infokan Kepada Kami Agar Se-segera Mungkin Kami Memperbaikinya,TERIMA KASIH..!!BLOG ANAK BIMA mengucapkan "SELAMAT HARI RAYA IDUL ADHA 1437H MOHON MAAF LAHIR DAN BATIN" @Admin [by:dyenps]

Wednesday, June 20, 2012

Cara Membuat Read More

Untuk Membuat Read More sangatlah gampang nah mau tau apasih kehebatan Read More. Read More bisa membuat postingan Blog tidak menyempit karena kan jadi rumit bacanya mau tau tampilanya gimana lihat gambar:

nah semua tau kan gimana tampilanya baguskan sekarang saya akan mengajukan bagaimana cara pasangnya

1. Log in dulu Blogger kamu
2. Lalu klik Template lihat gambar:

3. Ambil Edit HTML lihat gambar:

4. Klik lanjutkan dan Centang Expand Tempalete Widget



5. Cari kode </head> (gunakan CTRL + F untuk mempermudah pencarian)
6. Paste kode berikut tepat dibawah </head>
   
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
 

7. setelah itu cari kode <data:post.body/> atau <p><data:post.body/></p> .
    Jika terdapat 2 kode yang sama, gunakan atau ganti kode yang pertama.
8. Ganti kode tersebut dengan kode dibawah 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: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 == &quot;item&quot;'><data:post.body/></b:if>

9. Biasakan menekan Preview sebelum di SAVE/simpan. Selesai simpan template dan lihat hasilnya


      
Cara membuat Read More otomatis di Blogspot berwarna merah ini boleh anda ubah. Berikut adalah  keterangannya :
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 boleh mengganti Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif dengan URL icon yang anda inginkan. Sekiranya anda ingin mengubah Icon Read more menjadi tulisan saja seperti ini " >> Read more ", maka anda hanya perlu menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img>menjadi tulisan >> Read more atau Baca selengkapnya dll.                                                                                                                                                                                                         
  Sekian Infonya Semoga bermanfaat ya semuanya.....??                                                                               














  • Artikel Terkait:

    2 comments:

    1. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

      ReplyDelete
    2. Makasih juragan untuk tutorial cara membuat read more diatas sangat berguna banget buat ane.

      ReplyDelete

    Syarat Berkomentar:
    Tanpa Sara
    Tanpa Spam
    Jangan Membuat Link Hidup Di Tengah Komentar
    Berkomentarlah Yang Sopan Dan Bijak Agar Diharagai Oleh Orang Lain.
    Komentar Yang Mengabaikan Syarat Diatas Akan Di Hapus,Terima Kasih...!

    Followers

    Share

    Twitter Delicious Facebook Digg Stumbleupon Favorites More