Cara Membuat "Read more" Otomatis Tanpa Mengganggu Laman

Hai readers! Maksud dari Cara membuat read more otomatis tanpa mengganggu laman adalah agar pada tampilan laman kita tidak ada tulisan read more. Karena sering kita jumpai, dengan memakai read more, laman kita menjadi ikut-ikutan dan malah nggak bisa dibuka. Maka di sini saya akan berbagi cara membuat read more dan kode javascript yang diinginkan agar laman kita nggak ikut-ikutan nge-read more. Check it out!

1. Login ke blogger anda, jangan pake username dan password orang lain loh yaa.

2. Masuk ke Dashboard.

3. Pilih template lalu klik Edit HTML.

4. Untuk berjaga-jaga jika ada sesuatu kesalahan, Download Full Template dulu biar aman.

5. Centang Expand Template Widget.

6. Cari kode </head> trus untuk mempermudah mencarinya, tekan CTRL+F yaaa. Lalu masukin kode di bawah ini di bawah kode </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://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Keterangan :

-summary_noimg = 430 --> jumlah kata jika tidak ada gambar

-summary_img = 340 --> jumlah kata jika ada gambar

-img_thumb_height = 100 --> tinggi gambar

-img_thumb_width = 120 --> lebar gambar

7. Trus cari lagi kode <data:post.body/> lalu karena di situ ada tiga, pilih yang pertama yah. Lalu ganti kode itu dengan kode di bawah ini :

<b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <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'>« Baca Selengkapnya »</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> </b:if>

Keterangan :
-style='float:right --> mengatur letak read more

-'data:post.url'>« Baca Selengkapnya » --> dapat diganti tulisan lain yang dikehendaki

8. Simpan template anda.

Nah gitu tuh caranya. Kalo readers ngikutinya bener, insyaAllah bisa deh. Oke semoga berhasil and semoga bermanfaat, Jazakumullahu khairan katsiira. ^^