Cara Mudah Membuat Read More Otomatis Pada Blogspot Blogger

Bagi anda yang baru saja menekuni dunia blog, tidak perlu khawatir mengenai cara membuat read more pada blog, karena ternyata sangat mudah. Langkahnya cukup praktis dan sederhana, tinggal copykan script code yang ada ke template blogspot anda.

Untuk anda para blogger yang menggunakan cara membuat read more pada blog yang lama yaitu dengan menambahkan tag <span id="fullpost"> dan </span> dalam setiap postingan dianggap terlalu ribet dengan segala keterbatasannya. Nah, pada kesempatan kali ini admin mencoba untuk membagikan cara mudah membuat read more otomatis pada blog.

Sebelum anda mulai untuk mengikuti langkah cara membuat read more pada blog, berikut beberapa hal yang harus anda lakukan:

1. Terlebih dahulu anda harus login dan masuk ke akun blog anda.
2. Langkah kedua mengenai cara membuat read more pada blog yaitu dengan klik rancangan dan klik edit HTML.
3. Kemudian centang Expand Template Widget
4. Untuk memudahkan mencari kode HTML, silahkan tekan CTRL+F.
5. Anda harus mencari kode </head> dan jika sudah ketemu kemudian tambahkan kode di bawah ini tepatnya di atas 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

 

Dalam beberapa langkah cara membuat read more pada blog, jika anda ingin mengubah ukuran read more, anda dapat lakukan dengan mengubah angka-angka pada kode di bawah ini sesuai dengan kebutuhan anda.

summary_noimg = 430; merupakan tinggi potongan artikel tanpa gambar
summary_img = 340; merupakan tinggi potongan artikel dengan gambar
img_thumb_height =100; merupakan ukuran tinggi thumbnail
img_thumb_width = 120; merupakan ukuran lebar thumbnail

Setelah itu dalam langkah cara membuat read more pada blog yang harus anda lakukan adalah mencari kode <div class='post-header-line-1'/> yang pertama. Untuk memudahkan pencarian, fokuskan pencarian pada kode post-header-line-1, lalu ganti semua kode dibawahnya sampai diatas kode <div class='post-footer'> dengan kode dibawah ini (yang ber-background abu abu)..

 

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

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

<div class='post-footer'>

Perlu anda ketahui, kata READ MORE juga dapat anda ubah sesuai dengan keinginan anda. Nah, setelah itu langkah terakhir mengenai cara membuat read more pada blog adalah dengan menyimpan template dan lihat hasilnya. 

Disekitar atas dan dibawah kode inilah kelak kita bisa menaruh kode kode lainnya seperti, tombol like dibawah judul,  share dibawah posting, comment facebook dan lainnya sesuai yang kita inginkan.

Selamat mencoba...