Membuat Read More Otomatis Dengan Gambar di Blog - Media Informasi Kita
Headlines News :
Home » » Membuat Read More Otomatis Dengan Gambar di Blog

Membuat Read More Otomatis Dengan Gambar di Blog

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' 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>
</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.
PERHATIAN :
Yang mau Copy Paste silahkan edit kata-katanya minimal 30%
Jangan lupa untuk mencantumkan sumbernya
Share this article :

2 komentar:

 
Support : Sundaboy | Chinot | Garut Kulit Center
Proudly powered by Blogger
Copyright © 2013. Media Informasi Kita - All Rights Reserved
Media Informasi Kita
Original Design by Creating Website