02 October 2009

Membuat fitur "Read More" di Blogger

Kalau dulu kita ingin menambah fitur ini ke dalam Blogger, kita harus menambah kode-kode rumit yang kadang-kadang tidak berhasil. Tapi sekarang Blogger telah menambahkan fitur ini dengan Google Sidewiki. Anda bisa menambah tombol "Read More" setelah kode <!-- more -->



Berikut caranya
1. Login dalam akun anda di Blogger.com
2. Klik "Setting" lalu pilih "Basic"
3. Scroll ke bawah cari pilihan "Global Setting" check button "Update Setting" lalu klik "Save Setting". Selesai.

4.Sekarang menuju Layout. Klik "Post Body" dalam template.
5.Ada pilihan untuk menambah "stars rating", "adsense codes" dll. Anda seharusnya bisa melihat opsi "Read More" atau "Baca Lebih Lanjut". Pilih lalu simpan pilihan anda.

Jika anda menggunakan template blogger dari pihak ketiga anda harus melakukan ini:
Catatan : kalau anda memakai template yang disediakan Blogger, lewati langkah ini.
1. Setelah langkah no 5 di atas. Klik "Edit HTML".
2. Back up template anda untuk berjaga-jaga klik "Download Full Template" button.
3. Setelah itu klik "Expand Widget Template"
4. Cari Kode berikut dalam HTML template :

<data:post.body/>
5. Setelah ketemu, salin kode di bawah tepat setelah kode itu:
<b:if cond=’data:post.hasJumpLink’>
<div class=’jump-link’>
<a expr:href=’data:post.url + "#more"’><data:post.jumpText/></a>
</div>
</b:if >


6.Setelah itu klik "Save Changes".
Cara Posting :
Sekarang, mari coba fitur baru ini. Anda bisa mencoba memposting artikel baru atau mengedit artikel lama anda.
1. Sekarang masuk ke Post Editor. Ketik artikel yang anda inginkan.
2. Maksud saya, bagi dua artikel anda : bagian pertama adalah tulisan yang ingin anda tampilkan. Sementara bagian lain adalah bagian yang tersembunyi dan hanya bisa dilihat bila pembaca mengklik tombol "Read More"
Sebagai contoh, pilihlah empat kalimat pertama untuk ditampilkan sementara sisanya adalah bagian tersembunyi yang akan bisa dilihat bila pembaca mengklik tombol "Read More"

4. Setelah itu, ubah mode post editor anda dalam mode "COMPOSE" bila anda masih memakai mode ’EDIT HTML"
5. Sekarang coba temukan tab ’Inset Jump Break" dalam post editor. Biasanya ada di sisi kanan.
. Karena contoh tadi kita memilih menaruh "Read more" setelah kalimat keempat. Taruh kursor mouse anda setelah kalimat keempat. Lalu klik "Insert Jump Break" tadi. Anda seharusnya bisa melihat sebuah garis hijau di titik kursor anda. Memisahkan empat kalimat pertama dan bagian lain. (Pilihan 4 kalimat pertama hanya contoh. Anda bisa mengatur berapa kalimat yang ingin anda tampilkan semau anda).

6. Sekarang klik "Edit HTML" di the post editor, anda akan melihat kode ini : <!-- more -->
7. Selesai. Klik "publish" dan lihat posting anda. Anda seharusnya bisa melihat "Read More" pada posting anda.
Kurang jelas ? Lihat di here atau here

2 comments:

 

Blogroll

About

Copyright © Wedangan Kita Design by BTDesigner | Blogger Theme by BTDesigner | Powered by Blogger