Membuat Read More otomatis di Blog

Kamis, April 19th, 2012

Membuat Read More otomatis di Blog sangat mudah, tetapi sebelumnya anda harus mengetahui dulu fungsi daripada Read More itu sendiri.
Read More atau dalam bahasa Indonesia Baca Selengkapnya berfungsi untuk memotong suatu artikel atau postingan blog agar bisa terlihat lebih rapi, jadi pengunjung hanya akan melihat sebagian teks dan gambar artikel di area Home atau Beranda, dan apabila pengunjung berminat untuk membaca semua isi artikel maka pengunjung cukup meng-klick tanda Read More atau tanda Baca Selengkapnya

Halaman ini telah di update silahkan lihat DISINI

Nah sekarang kalau anda tertarik untuk membuatnya, berikut langkah-langkahnya :
1. Masuk ke akun Blogger
2. Pilih Rancangan
3. Pilih edit HTML
4. Lalu centang Expand template widget
5. Terus carilah kode </head>
6. Copy kode dibawah ini dan pastekan dibawah kode </head>

<script type=’text/javascript’> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img =300; img_thumb_height = 100; img_thumb_width = 120; </script> <script src=’http://rizqi.moehamed.googlepages.com/read-moreotomatis.js&#8217; type=’text/javascript’/>

7. Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>
8. Ganti kode diatas derngan kode berikut 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://3.bp.blogspot.com/-K6tgeUTu-zI/TxwFk5ovWrI/AAAAAAAAAO0/B-L0_IdJx-k/s1600/selengkapnya.jpg’/></a></span&gt;
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/></b:if>

9.Simpan template dan lihat hasilnya.

Catatan :

1. summary_noimg = 430; (jumlah huruf artikel tanpa gambar)
2. summary_img = 300;(jumlah huruf artikel bergambar)
3. img_thumb_height = 100;(Tinggi gambar)
4. img_thumb_width = 120; (Lebar gamnbar)
5. Ubahlah link ini dengan gambar anda sendiri http://3.bp.blogspot.com/-K6tgeUTu-zI/TxwFk5ovWrI/AAAAAAAAAO0/B-L0_IdJx-k/s1600/selengkapnya.jpg

demikian dulu mudah-mudahan bermanfaat.

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: