cara membuat readmore pada blog

cara mudah membuat readmore di blogspot

By Retnet, on Friday, March 26, 2010

Sudah banyak sekali tutorial membuat ReadMore yang sudah berkeliaran di dunia maya, dan yang saya tulis kali ini mungkin agak berbeda dari yang pernah anda temui, yang sebenarnya ini sudah disediakan oleh para senior blogger.

Langkah pertama yang harus dilakukan adalah aktifkan dulu post editor terbaru dari blogger dengan cara masuk ke dashboard - setting - basic.
Dan rubah settingan paling bawah Global Settings - Select Post Editor kemudian pilih Updated Editor.
(lihat posting saya sebelumnya cara upload gambar gif / animasi)


Langkah Kedua masuk pada HTML anda : Layout - Edit Html, jangan lupa beri tanda centang pada Expand Widget Templates
Kemudian cari kode yang ada dibawah ini:

<data:post.body/>

Langkah ketiga
masukkan kode berikut dibawah kode diatas

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

kemudian simpan template anda.

Oleh karena fungsi Readmore adalah memperpendek tampilan pada halaman utama blog anda, maka tentu saja anda bisa menampilkan lebih dari satu postingan pada halam utama, misalnya saja pada blog ini adalah 4 posting pada halaman utama. Untuk menentukan berapa jumlah posting yang tampil pada halaman utama lakukan langkah berikut :
masuk pada tab Settings - Formating - Show at most : ...... (masukkan berapa postingan yang akan tampil pd halaman utama).

Kemudian buatlah satu posting, ketik (jangan copas hehehehehh...) sampai dengan selesai. nah.... sekarang waktunya untuk memotong dimana tulisan readmore atau baca selengkapnya akan kita letakkan.
lihat gambar dibawah ini :

Cara buat readmore

Langkah 1 : letakkan kursor pada baris yang akan kita potong.
Langkah 2 : klik pada tombol insert jump break

selesai sudah.... postingan kita siap untuk di publish.

Untuk mengganti kata-kata readmore atau baca selengkapnya, masuk pada tab setting - layout - page element, pada gadget posting blog klik edit lihat gambar dibawah.

cara buat readmore

disitu anda juga bisa men-setting berapa posting pada halaman utama anda.
reff : http://www.google.com/support/blogger/bin/answer.py?answer=154172
contoh lain cara bikin readmore di blog secara manual :

Tweet