Selasa, 12 Oktober 2010

Membuat readmore otomatis

Pada postingan sebelumnya sudah pernah saya bahas tentang cara membuat read more atau baca selengkapnya. Hampir sama dengan postingan saya kali ini, namun read more otomatis memiliki kelebihan yaitu postingan akan terbagi menjadi 2 bagian secara otomatis.postingan ini saya dapat kan dari berbagi sumber, dan mungkin saya praktekan langsung pada blog saya ini 

Untuk read more otomatis ini, dibutuhkan kode javascript yang sebenarnya bisa sobat simpan sendiri di tempat biasa sobat menyimpan file secara online. Namun kali ini script read more diletakkan langsung di template tanpa menggunakan hosting untuk mencegah errror saat hosting yang kita gunakan untuk menyimpan kode script-nya sedang down.  

Buat blogger baru, seperti saya ini saya sarankan menggunakan 
read more otomatis saja ketimbang read more yang biasa. Karena tentunya sobat tidak akan repot membagi 2 postingan sobat dengan kode manual.,yang sebelumnya saya lakukan memang agak ribet pada saat posting artkel atau pun tulisan...saat ini saya menggunakan read more otomatis...

Berikut langkah – langkah dalam membuat read more otomatis :
  1. Silahkan login ke blogger terlebih dahulu. 
  2. Klik Tata Letak
  3. Kemudian klik Edit HTML
  4. Centang Expand Template Widget
  5. Letakkan kode berikut ini tepat diatas kode
   

    6. Untuk yang sudah pernah menggunakan read more versi lama (manual), sebaiknya sobat kembalikan dulu kodenya seperti semula. Hapus kode yang saya tandai dengan warna biru di bawah ini, sesuaikan dengan template sobat, karena setiap template berbeda - beda : 









Readmore


      


sehingga sekarang hanya ada satu 


7.   Kemudian hapus kode :


atau
 




  1. Ganti kode tersebut dengan kode berikut ini : 



    Read More â�¦



  2. Kemudian Simpan Template.
Keterangan :

  • summary_noimg = 450 –-> untuk tinggi postingan tanpa gambar.
  • summary_img = 360 –-> untuk tinggi postingan dengan gambar.
  • img_thumb_height = 120 –> tinggi gambar.
  • img_thumb_width = 150 –> lebar gambar.
  • Read More… –> bisa sobat ganti dengan tulisan Baca Selengkapnya / Baca Selanjutnya / atau apa saja yang sobat inginkan.
Silahkan sobat atur sesuai template sobat. Selamat berkreasiHappy

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 komentar: on "Membuat readmore otomatis"

Posting Komentar

Buat siapa saja yang suka dengan artikel saya, silahkan anda share di mana saja anda suka (blog, facebook, twitter dll). Namun, bila berkenan mohon cantumkan link sumber dari artikel yang sobat blogger share (copy/paste). Mari bangun Indonesia lebih baik lagi, dengan berbagi informasi yang bermanfaat. Terima kasih,,^o^
======================================================

Next Prev home