Mungkin kamu2 udah pernah baca postingan tentang cara pasang Read More sebelumnya. Nah, yg udah pernah coba pasti ngerasa "ah engga asik nih, masa' 'Read More' nya muncul terus.. padahal kan gue ga masukin span='fullpost' nya!!" *ketahuan pengalaman pribadi nih :p
Nah, kali ini akan saya jabarin, bagaimana caranya masang 'Read More' yg beda. Dengan menggunakan scipt (cara yg sebelumnya engga pake), 'Read More' ini engga akan muncul kalo kamu engga masukin span='fullpost' ke postingan kamu.
begini langkah2 nya:
1. backup template kamu dulu.. jadi jangan salahkan saya kalo template kamu nantinya jadi error.
2. masuk ke sini. Ini adalah script kepunyaanya Ramani yg memang dipakai untuk hack 'Read More'. Copy semua scipt ini.
3. Paste scipt tadi sebelum </head>. save template
4. di sini bagian yg butuh sedikit ketelitian. Jangan lupa centang pada Expand Widget Templates. gunakan fitur search, biasanya menggunakan shortcut CTRL+F, cari <p><data:post.body/></p>.
5. kemudian modifikasi hingga menjadi seperti di bawah ini. Kadang2 memang tidak selalu sama. Tag DIV dgn class="post-body" biasanya terletak tidak jauh dari <p><data:post.body/></p>. Jadi tinggal disesuaikan saja.
<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
6. save template.
Nah sekarang, tiap kali kamu mau ngebuat postingan baru, kamu harus masukin <span id="fullpost"> setelah bagian pembuka artikel kamu tersebut. Dan di akhir artikel, harus diakhiri dengan </span>.
Sebagai contoh:
Bagian Pembuka. saya potong di sini <span id="fullpost"> Bagian Isi. Ini adalah bagian yg hanya muncul jika link 'Read More' diklik. </span>
Hasilnya akan terlihat seperti ini:
Bagian Pembuka. saya potong di sini
Read More..
Oiya, bagian yg berwarna cokelat itu bisa diubah kalimatnya sesuka hati lho.
Sebenernya banyak banget metode 'Read More' ini, kalo pengen tahu kayak apa yg laennya.. kunjungi aja blog nya Jacky Supit ini.
selamat mencoba dan semoga berhasil.
Cara Lain Pasang Read More
2.12.08
in
Tutorial
|
22
comments
Subscribe to:
Post Comments (Atom)
sipppp
ReplyDeleteaku juga nyari cara ini tapi baru ketemu ini
nice share :)
Bagus juga ^_^ Salam kenal
ReplyDeleteAyo dapatkan domain gratis...
ReplyDeleteasik nih. tapi ntar dulu deh tunggu aku ganti tamplate. belum ada waktu. mana besok mau pulkan.
ReplyDeletesalam kenal ya.
tukaran link yuk.
AGUNG PRASETYA HARDIKA JAYA
kl cara yg ini emg lbh enteng g perlu loading
ReplyDeletewow mantap, jadi klo punya posting pendek readmore ga muncul
ReplyDeleteSeeep di om jack emang banyak banget hack blogspot ini, nice info mas, thanks :)
ReplyDeletebtw, dukung saya ya... :D
hiks,disini gak ada template html buatan Isnaini -_-
ReplyDeletewah... posting yang berguna nih....
ReplyDeleteWaduh.. mesti baca berulang2 nih.
ReplyDeleteMaklum, ttg coding ginian, nilai sy jeblok bgt.
he..he..
Thanks banget infox mas Fariz sangat berguna loh, oh ya salam kenal...Namaku Alvin blogger pemula. Mohon dikunjungi di blog pertamaku (lgi bljar) di kolom-blogger.blogspot.com. Mohon komentx jg ya dr kakak2 yg lain. Trims
ReplyDeleteuhhh....kenapa template q g ada post bodynya....??????
ReplyDelete@ normadevi: masa' ga ada sih..?? coba pake CTRL + F cari data:post.body
ReplyDeleteMakasih kang fariz tutorialnya..Lebih pendek nih scriptnya daripada reedmore model yg aku pakai.
ReplyDeleteEh bos sekarang read more sudah ada yang otomatis lho di blogspot..:)
ReplyDeletekerennnn.. thanks info nya bro
ReplyDeletecara pasang domain gratis gmn.,
ReplyDelete@Ikhsan Site's: ok.nanti bakalan saya bahas di post2 selanjutnya :)
ReplyDeletenice
ReplyDeletebos . mau tanya kok saya gak nemuin kode yang no 4 iya .
ReplyDeletetolong di bantu bos .
harap di maklumi masih pemula .
@8227700507679191447.0
ReplyDeletekalo ga nemu, coba cari data:post.body -nya aja..
yg penting itunya koq..
sip banget artikelnya mas....
ReplyDelete