Cara Membuat Readmore

Cara Membuat Readmore

Kali ini saya akan memberika info bagaimana cara membuat Readmore/ Baca selengkapnya, beberapa orang mungkin sudah tau cara membuat dan bagi yang belom tau caranya lihat sebagai berikut.

ada 2 cara yaitu:

Cara Pertama:

1. Login blogger.
2. Klik entri baru untuk membuat postingan.
3. Buat posting baru setelah selesai membuat postingan baru lalu klik icon insert jump break.
4. jadilah postingan anda terpotong, jika sudah publikasikan, dan lihat hasilnya.

Cara Kedua:

1. Login blogger.
2. Pilih template.
3. Edit html ( jangan lupa centang expand template widget)
4. Carilah kode </head> ( tekan ctrl F agar lebih cepat)
5. Lalu masukan kode dibawah ini tepat 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
6. Cari kode <data:post.body/> ganti kode tersebut dengan kode berikut:

<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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

NB: 

READMORE bisa diganti sesuai selera

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti sesuai selera
summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti sesuai selera
img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti sesuai selera
img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti sesuai selera

Sekian informasi yang saya sampaikan semoga bermanfaat, selamat mencoba ya, Don't miss it.