26 Maret 2011

Membuat read more yang efektif di blogspot

Read more atau baca selengkapnya sering digunakan oleh blogger sebagai solusi untuk membuat ringkas postingan yang panjang. Dengan adanya fasilitas read more, postingan yang semula panjang dapat dipotong menjadi pendek dan ringkas sesuai dengan keinginan masing-masing dan alhasil pada halaman utama blog atau beranda menjadi lebih rapi. Dengan demikian blogger dapat menampilkan beberapa tutorial sekaligus pada halaman utama blognya tanpa membuat halaman blog menjadi terlalu memanjang kebawah akibat dari beberapa postingan-postingan panjang yang ditulis oleh blogger.

Pada kesempatan ini saya coba berbagi bagaimana cara membuat read more yang efektif di blogspot. Mengapa saya katakan efektif...? Karena read more bawaan asli dari blogger ini adalah read more yang bisa disesuaikan dengan keinginan dari blogger itu sendiri, dimana untuk postingan yang ingin ditampilkan dan yang disembunyikan disesuaikan sendiri oleh blogger pada saat mempostingkan tutorialnya. Read more bawaan blogger ini juga sangatlah simple, hanya dengan satu kali klik insert jump break pada bagian postingan yang akan dipotong.

Berikut langkah-langkah untuk membuatnya.

1. Login ke blogger
2. Pilih/Klik Tab Pengaturan, pilih dasar
3. Pada item Pilih editor entri, klik radio buton Editor yang dimutakhirkan (Disarankan) - Periksa fitur terbaru!

4. Simpan setelan.
5. Kembali ke tab Posting, dimana pada toolbar icon insert jump break sudah muncul

 
6. Tulis tutorial seperti biasa untuk di posting dan arahkan pointer ke tempat yang mau dipotong.
7. Klik icon insert jump break dan lanjutkan dengan pratinjau untuk melihat hasilnya sebelum dipublikasikan.
8. Oya hampir lupa, supaya postingan ditampilkan sesuai dengan yang telah dipotong, kita harus mengatur feed-nya terlebih dahulu.

Caranya:
- Kembali ke tab Pengaturan, pilih feed situs.
- Pada item Izinkan Feed Blog, Pilih Sampai Lompat Baris untuk menampilkan semua konten entri sebelum lompatan Anda. Kalau sudah selesai, simpan perubahan tersebut. Coba lihat perubahan yang terjadi pada postingan anda tadi, postingan yang muncul adalah bagian atas dari garis pemisah (postingan yang ditampilkan) yang telah dibuat dengan menggunakan insert jump break.

Catatan: 
1. Jika anda masih menggunakan editor lama, pada bagian posting yang mau dipisahkan ketikkan <!--more--> sebagai pengganti icon insert jump break.
2. Tulisan Read More bisa anda ganti sesuai selera anda, misalnya di ganti dengan Baca selengkapnya.

Berikut cara menggantinya:
1. Login ke Blogger
2. Pilih Rancangan
3. Pada elemen posting blog klik edit, ganti tulisan read more sesuai selera anda



4. Klik Simpan.
5. Untuk jenis template yang berasal dari pihak ke-tiga, biasanya fasilitas ini tidak berfungsi. Tapi jangan khawatir kita bisa mengedit template tersebut dengan menambah sedikit kode HTML.

Berikut Caranya:

1. Login ke blogger
2. Pilih tab rancangan dan klik edit HTML
3. Cari kode <data:post.body/>
4. Setelah ketemu, letakkan kode di bawah ini tepat di bawahnya.
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
5. Simpan perubahan dengan klik tombol simpan, selesai.

Demikian pertemuan kali ini dan selamat mencoba, salam.

Artikel Terkait Lainnya



5 komentar:

purwanto mengatakan...

tips yang sangat mantab, sayang pakai wp klo pakai blogspot pasti di gunakan tips trik ini...

Info Kita1978 mengatakan...

@Purwanto: Kalau di WP sama aja kok, tinggal klik icon more (gbr kertas sobek) di toolbar untuk memenggal postingan yg mau ditampilkan pd modus visual atau pakai kode <!--more--> pada modus HTML. Thanks sudah berkunjung, salam.

Andrian Site mengatakan...

keren mas bro infonya.. terima kasih bgt, sangat bermanfaat buat saya..
jangan lupa kunjungi blog saya buat ngeliat hasilnya. :D

Septy si Emppink ^.^ mengatakan...

aku kok masih ga bisa kasih read more?

nan rahman mengatakan...

semuanya bisa, mas,alahnya kalau setiap posting entri baru read moore di postingan yang lama hilang, kenapa?

Posting Komentar

PrevPage NextPage home