Cara Membuat Read More Otomatis ~ Tips dan Trik Ngeblog

Assalamu'alaikum, kawan kali ini saya akan share trik cara membuat read more otomatis di blogger, jadi tanpa harus kita gunakan aplikasi read more secara manual, seperti yang telah disediakan, maka trik ini sudah secara otomatis akan membuat read more atau baca selengkapnya, trik ini bukan hasil karya saya, tapi teman, kalau mau main klik disini saja ya,

Sebelumnya , mungkin ada yang belum tahu apa si aplikasi read more itu ?, read more atau baca selengkapnya, digunakan untuk memotong atau meringkasi sebuah posting pada home page atau beranda, jadi tidak satu halaman penuh ditampilkan, dan dengan menggunakan aplikasi read more, bisa meringgankan beban blog kita, coba bayangkan bila posting pada home page kita setting ditampilkan tiga, bahkan tambah berat lagi kalau sepuluh, nah dengan read more otomatis ini, bisa menekan loading blog kita, yap sekarang kita coba bersama buat read more otomatis.

Sebelumnya bila mau melihat contohnya klik disini ya.

1. Pada dashbord kamu klik template
2. Sebelumnya backup terlebih dahulu template kamu.
3. Klik edit HTML >> Proceed.
4. Ceklist Expand Widget Templates
5. Cari kode </head>, gunakan Ctrl+F
6. Taruh kode java script ini dibawah </head>

<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://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

7. Kemudian kamu cari kode seperti ini

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

8. Bila sudah 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 alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>

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

9. Preview, bila berhasil save template kamu.

Pada trik diatas auto read more akan berupa gambar atau image, bila kamu ingin, hanya berupa text saja kamu ganti kode ini

<img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/>

dengan text [ Read More.. ]

Maka hasilnya seperti 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>

Bila sudah preview, kemudian save template kamu.

Catatan:

Kamu bisa ganti image read more, dengan yang lainnya, dengan cara kamu mengganti link image ini.

http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg

Kamu juga bisa ganti text read more dengan text kamu sendiri dengan cara mengganti text

"Read More.." menjadi "Selengkapnya.."

Yap, semoga trik cara membuat read more otomatis bermanfaat untuk kamu, bila ada kesulitan, silahkan ditanyakan.