Jika Ada Link Dalam Blog Ini Yang Tidak Berfungsi Atau Broken, Dengan Segala Kerendahan Hati Kami Berharap Pengunjung Sekalian Meng-Infokan Kepada Kami Agar Se-segera Mungkin Kami Memperbaikinya,TERIMA KASIH..!!BLOG ANAK BIMA mengucapkan "SELAMAT HARI RAYA IDUL ADHA 1437H MOHON MAAF LAHIR DAN BATIN" @Admin [by:dyenps]

Saturday, June 9, 2012

Cara Membuat Read More Otomatis

Cara Membuat Read More Otomatis


Fungsi dari Read More adalah semata-mata untuk meminimalkan tampilan pada Blog kita,di samping bisa menghemat ruang dalam Blog kita juga bisa menunjang penampilan dan wajah blog kita sehingga pengunjung blog menjadi betah berlama-lama di blog kita...begitu kira-kira ya..? saya juga bingung ngejelasinya...langsung aja ah...ke tricknya...




1.Login ke Blogspot anda
2.Pilih Template > Edit HTML >(antar muka di blogger perbaharui) klik Lanjutkan > centang >  Expand template widget
3.Cari kode </head> (gunakan CTRL + F untuk mempermudah pencarian)
4.Paste kode berikut tepat dibawah </head> 



 
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 120; img_thumb_width = 100; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>


5.Seterusnyanya cari kode <data:post.body/> atau <p><data:post.body/></p> .
Jika  kodenya lebih dari satu, ambil atau ganti kode yang pertama.


6.Ganti kode tersebut dengan kode dibawah 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://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7. Klik  Pratinjau atau Preview untuk memastikan kode yang kita terapkan berfungsi dengan baik,kalau berhasil klik Simpan Template


 Ket: kode berwarna orange =430 adalah pada halaman muka akan menampilkan 430 huruf  dari artikel yang kita tulis juga dengan gambar.
Sedangkan angka =120 adalah pada halaman muka menandakan tinggi dari gambar pada artikel yang kita masukan.
Dan angka =100 adalh lebar dari gambar pada artikel kita.
 Kemudian  kode berwarna biru adalah gambar tombol dari Read More  yang bisa kita ubah dengan gambar kreasi kita sendiri atau jika kamu tidak ingin menampilkan gambar, kamu bisa ganti dengan tulisan READ MORE >> misal nya atau BACA SELENGKAPNYA >>, tingal kita hapus kode yang berwarna biru dan ganti dengan tulisan atau gambar yang di sukai...

Demikian cara membuat Read More Otomatis semoga bermanfaat.....D.
Jangan lupa komentnya ya...? 

Jika timbul masalah dari Read More di atas baca Mengatasi Masalah Pada Read More Otomatis
  











Artikel Terkait:

2 comments:

  1. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    ReplyDelete

Syarat Berkomentar:
Tanpa Sara
Tanpa Spam
Jangan Membuat Link Hidup Di Tengah Komentar
Berkomentarlah Yang Sopan Dan Bijak Agar Diharagai Oleh Orang Lain.
Komentar Yang Mengabaikan Syarat Diatas Akan Di Hapus,Terima Kasih...!

Followers

Google+ Followers

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More