Cara memasang read more atau mempersingkat postingan pada blog

Meskipun sudah banyak yang membahas cara memasang Read More (Baca Selengkapnya) untuk mempersingkat Postingan Blog, tapi tidak ada salahnya saya bahas di sini karena baru saja saya pasang fasiltas read more ini di blog saya. Memang secara default fasiltas read more ini tidak disediakan oleh blogger tapi bisa kita siasati dengan menambahkan sedikit kode HTML ke dalam template kita.

Fungsi Read More juga mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. bisa disebut dengan fasilitas image thumbnail bisa diliat di blog ini.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image.

Ok mudah-mudah di mengerti. untuk lebih jelasnya kita langsung praktikan saja.

Pertama : Login ke blogger.com, pilih blog yang pengen kamu edit, klik link Layout kemudian masuk ke Edit HTML

Kedua    : Untuk bisa ngedit template secara keseluruhan, kamu harus centang/tandai/aktifkan Expand Widget Template

Ketiga   : Pada halaman EDIT HTML, Cari kode kemudian letakan script dibawah ini di atas kode Kalo sudah, jangan lupa di simpan terlebih dahulu

Kempat : Langsung tulis kode dibawah ini:

Kelima : Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah



Kalau sudah, ganti kode di atas dengan kode di bawah ini.

Silahkan disimpan dan lihat hasilnya :D

Keterangan:

var thumbnail_mode = "float";  (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak        silahkan ganti dengan (no-float)
summary_noimg     = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img         = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height  = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width   = 120; (Thumbnail 'lebar dalam piksel)

Semoga bermanfaat......



sumber : o-om.com

2 comments:

  • Mr. Ono says:
    09 Desember, 2010

    mksh ya....ak copy dulu

  • Rizky2009 says:
    03 Februari, 2011

    dulu pernah tak pasang juga sob, tp tak lepas lagi sekarang laman utama blog q cuma tk kasih judul postingannya saja

Posting Komentar

Terima kasih atas komentar atau sarannya.

Makasih ya udah komentar | Kembali ke atas