Cara Menambahkan Read More di Blog

Yo, all...

Konbanwa... :D

Malem sabtu, neh.. Pada ke mana ya? He.. he.. he.. ^^

Kali ini saya akan berbagi informasi tentang cara membuat baca selengkapnya atau read more otomatis di blog, sekaligus mengganti ikon read more.

Ini dia caranya    :

a. Baca selengkapnya >>

    1. Buat atau buka sebuah entri.

    2. Jangan dipublikasikan dulu.

    3. Taruh kursor di kata/bagian entri yang akan dipotong dan akan diberi tulisan baca selengkapnya >>.

    4. Cari tool jump break.

    5. Klik tool jump break tersebut.

    6. Simpan/publikasikan entrimu.

    7. Dan.... Tarra! Entrimu sudah mendapat tulisan baca selengkapnya >>. :D

b. Read more otomatis

    1. Buka dasbor blogger

    2. Langsung ke template

    3. Klik Edit HTML

    4. Jangan lupa klik kotak di depan tulisan Expand Template Widget

    5. Cari kode </head>   ( kalau susah, pakai fungsi Ctrl+F, yaitu 'pencarian'. isikan kata/kode yang akan dicari di kotak pencarian, dan kata/kode yang kamu cari akan langsung muncul)

    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 = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

    7. Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>    ( kalau susah, pakai fungsi Ctrl+F lagi. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama. )

    8. Jika sudah ketemu 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. Simpan template dan lihat hasilnya... :D

   10. Cara membuat Read More otomatis ini bisa dirubah sebagian. Yang bisa dirubah adalah berwarna hijau saja dan ini keterangannya :

summary_noimg = 430; jika artikel kalian tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf

summary_img = 340; jika artikel kalian berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar

img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan

img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.

c. Ganti Ikon Read More

   Ada beberapa cara untuk mengganti ikon read more

    1. Buka situs  http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif 

Caranya mudah. Silahkan diganti URL icon yang kalian inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal 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.

    2. Cari :     <a expr:href='data:post.url'>Read More</a></span>    ( untuk lebih mudahnya, pakai fungsi Ctrl+F )

Hapus tulisan Read More dengan    :    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN7mVf3I5If_g3VYJd8kQaScNe_NXemqpdwXAa8bf9-OtiAsL5C91IhYMLGfVCRovhZIrj3pZgQ9QEFmhm2rSx06YF00fGSTL7V3mOophcCMPvgd3Y_rN_9M6y8mpwzeu91JHc0Dd4A_WL/s1600/bacaselengkapnya.gif"/>

atau <img src='http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif'/>

Sekiranya hanya itu yang bisa saya sampaikan. Semoga bermanfaat..

Selamat malem sabtuan, ya...!

Sayonara...! See you next time.....! ^^