Cara Praktis Membuat Read More Di Setiap Postingan

Anda ingin menampilkan postingan anda hanya beberapa baris saja..? kemudian untuk membaca keseluruhan, anda tinggal menampilkan tulisa read more atau baca di sini.

Anda juga bisa mengganti dengan "selengkapnya di sini" atau apa saja yang menurut anda menarik untuk membuat pembaca penasaran untuk melanjutkan membaca postingan anda.

Jika anda tertarik, silahkan untuk mengikuti langkah-langkah berikut ini :

1. Masuk ke Dasbor
2. Klik Tata Letak
3. Klik Edit HTML
4. Beri tanda centang pada kotak kecil Expand Widget Templates
5. Silahkan cari kode ]]></b:skin> di dalam template anda
6. Persis setelah kode tersebut, copypastekan script di bawah ini

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

7. Berikutnya, cari kode <p><data:post.body/></p> atau kode <data:post.body/> di dalam template anda
8. Persis setelah kode tersebut, copypastekan script di bawah ini

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

9. Klik Simpan Template

Sekarang silahkan anda masuk ke postingan anda, dan pastikan anda berada dalam mode Edit HTML, jangan dalam mode Tulis/Compose.

Selanjutnya agar postingan anda terpotong, maka sisipkan kode <span class="fullpost"> ini di tempat anda ingin memotong tulisan anda. Dan di paling akhir tulisan anda tambahkan dengan kode </span>.

Coba perhatikan contoh berikut, ini adalah sedikit contohnya cara menulis postingan agar terpotong di tempat yang anda inginkan, sesuai teori di atas :

Apakah anda sedang jemu dengan tumpukkan pekerjaan yang ada di hadapan anda..?
Mungkin saya ada sedikit solusinya.
<span class="fullpost">
Coba luangkan sebentar waktu dengan menonton TV dari perangkat anda.
Tapi...jangan sampai ketahuan atasan anda.....hehehehehehe

Silahkan langsung saja surfing ke salah satu alamat di bawah ini :

1. Di sini [ indoweb ]
2. Di sini [ d60pc ]
3. Di sini [ imediabiz ]

Selamat mencoba, semoga bermanfaat</span>

Maka hasil dari penulisan di atas adalah :

Apakah anda sedang jemu dengan tumpukkan pekerjaan yang ada di hadapan anda..?
Mungkin saya ada sedikit solusinya.
Read More..

Nah...sekarang udah jelaskan...?

Selamat mencoba, semoga bermanfaat

Sampai Saat Ini Sudah Diterima 40 Komentar Untuk Artikel
" Cara Praktis Membuat Read More Di Setiap Postingan "

lintas mengatakan...

makasih om atas infonya, berkat tulisan om saya jadi bisa

Pingin Belajar mengatakan...

welcome bro lintas...
semoga bermanfaat...

shinichi mengatakan...

Walah Walah ilmux Ok tapi nyari templatex ruwet.............. mbo y d kasih tips2x sekalian biar g ruwet............ mtax mpe sakit liatn template............ hehehehehehe.......... tapi tang kayu very muach y pa..........qqqqqqqqqqqq

MoDin mengatakan...

Kok muncul ERROR setelah saya simpan template yaa..?

iskandaria mengatakan...

Saya udah pake tips ini bos. Taunya sih dari kang rohman. Makasih aja udah bikin tutorialnya. Semoga makin banyak yang baca ya. Sukses deh.

kurnia septa mengatakan...

oke banget, langsung praktekin ahh....

MoDin mengatakan...

Terima kasih.
Pertama saya coba, gagal--padahal sudah sesuai dengan instruksi. Kedua saya coba lagi, gagal juga. Ketiga akhirnya berhasil.

noor titan mengatakan...

Terima kasih BANYAK! Akhirnya, saya tahu caranya :)

Anna Fardiana mengatakan...

nice info,
ntar di coba deh...
makasih yaaa

LaNie mengatakan...

lagi-lagi saya belajar nih di Pingin Belajar!!!!
makasi...
makasi....

morvin mengatakan...

ni dah tak tinggalin...ngacir ah...
jgn lupa ninggalin balik...

Digital Baca : mengatakan...

Memang gampang-gampang sudah naruh kodenya...
mantbas deh infonya :)

Ibnu Mas'ud mengatakan...

wah,bener2 banyak ilmunya

gaga mengatakan...

terimakasih banyak ilmunya mas..

@c3nk mengatakan...

om di template ku gada data:post.body jadi gimana dong??

NAMA : ASSYA mengatakan...

good job! keep creating!

Nayla Quinn mengatakan...

thanks pak info nyaaa.. ^^ tutornya simple dan bermanfaatttt..

Rafki Syamsir mengatakan...

iyo bisa kiro e ... numpang baraja wak yo, mokasi yo uda ...

gusti&amp;hana mengatakan...

udah qu cb uda..., &... sukses dah... :16

:10 ya uda

NOOR ROSYID mengatakan...

Makasih untuk tips setting Read More nya, boleh tukar Link-nya http://perawatemergensi.blogspot.com

Arif BE mengatakan...

Kode script= data:post.body ini tidak ada di blogku... terus bagaimana???

Wahyu Raksaguna mengatakan...

Wah ini mah lengkap buat bloger baru...saya coba langsung jalan , padahal baca di buku dari elek sering gagal.

Terimaksih...banget,

Ada pertanyaan nih, saat pakai script "read more" berhasil membuka halaman yg menyajikan bacaan lengkap, tapi ada tanda edit (sperti gunting), mohon infonya , ada yang kurang setingnnya atau bagaimana ? trims

Mart ware mengatakan...

me dah coba bisa untuk tulisan tapi pas me coba pakai gambar tampilan web nya panjang ajaaaaaa ga ada read more nya, thanks.

aldo mengatakan...

thanks ya. Oiya aq numpang iklan ya mas.

IKUTI REFERRAL CONTEST 2009 BERHADIAH
1 BUAH FLASDISK KINGSTON '16 GIGABYTE'
PERATURAN BACA DI REFERRAL CONTEST 2009
FREE!

kunjungi : ptc-cam.blogspot.com

Bongkox mengatakan...

Wow nice info kk...sekarang saya bisa tampilin bnyk postingan pendek di halaman blog...^^

NURISLAMI JAYA SENTRA PULSA mengatakan...

uda masih bingung ma susah nih.....hahahahaha
udah ku otak atik tetep z g berhasil apanya yang salah ya uda???:41:27

NURISLAMI JAYA SENTRA PULSA mengatakan...

udaaaa akhirnya berhasil juga:13
uda minta ilmu lagi ya aq:25

GFC mengatakan...

:34

amrul hp mengatakan...

:40 uda kasih tahu caranya gunakin readmore jika postingnya lewat email dong,soalnya aku biasanya posting lewat email,kemarin aku coba kodenya malah ikut di posting aku gimana dong.

Akademi Kebidanan mengatakan...

sama kaya yg dibilang arif BE, "Kode script= data:post.body ini tidak ada di blogku"...
:31

Kuang mengatakan...

untuk arif be dan akademi kebidanan
mungkin saya bisa bantu masalah diatas
sebelumnya saya juga begitu ^^
tapi setelah surf2 di internet dpt tutorial yg lebih lengkap :15

saran saya ke edit template lalu download dolo xml sourcenya

selesai download
open file with NOTEPAD
terus nanti code data:post:body tinggal di search di file notepad
dan ganti
terus save jadi file name.xml

lalu balik lage ke edit template trus pilih browse and upload
jadi deh ^^

Mugi Fitrianto mengatakan...

:34

edensor mengatakan...

saya udah coba, tapi blum berhasil. Ada comment seperti ini dari blogger..
"We were unable to save your template
Please correct the error below, and submit your template again.
A skin cannot contain the element: style. Only text and CDATA sections are accepted."http://img249.imageshack.us/img249/9643/pinginbelajar25.gif

edensor mengatakan...

udah berhasil... trims om....http://img3.imageshack.us/img3/9077/pinginbelajar26.gif

Tip and Trick mengatakan...

oooo... tak kirain seperti ada tanda +/- gitu.... but thanks lah udah berbagi

Download aneka software-komputer dan hp mengatakan...

readmore nya udah muncul terpasang, tapi halaman belm juga terpotong, dimana salahnya ya suhu/ uda ronsi :33

[ Uda ] mengatakan...

@ Download aneka software-komputer dan hp

saya dah periksa blog anda, sepertinya sudah tidak ada masalah, dan semua postingan anda terpotong koq..

Irsan Mahendra mengatakan...

mantap bos, tapi ada g yang bisa read more nya secara otomatis terpasang sendiri setiap kali kita menulis posting..http://img19.imageshack.us/img19/8225/pinginbelajar20.gif

Taufiq mengatakan...

Bang, maaf sebelumnya,
saya tdk bisa meletakkan / mengganti " kode data:post.body" bang, di blog saya tdk yg seperti itu sepengetahuan saya. krn saya coba cari pake klik edit-> find, tdk ketemu yg seperti itu.
coba saja pada mozilla klik view->page source
Coba blog saya dilihat ya bang, www.galacticcity.co.cc
balasan/jawaban langsung di blog saya saya ya bang.
mohon bantuannya ya bang, terima kasih sekali.

Iqbal mengatakan...

thx ya bos... btw aku juga masih buat blog baru... mau di niatin sekarang

Tambahkan Emoticon Berikut Ini Ke Dalam Komentar Anda. Caranya Cukup Dengan Mengetik Kode Yang Berwarna Biru Di Samping Kanan Emoticon Tersebut

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45

Poskan Komentar