Artikel ini saya dapat dari Mas Kendhin.
Lho? maksudnya apa? gini lho kalo read more yang lama, yang sudah pernah dibahas kita bahas dulu (udah baca belum?, kalo belum baca dulu gih), kan kalo kita ng-klik tulisan read more atau Baca Selengkapnya itu kita akan membuka halaman baru sehingga akan meloading lagi halaman web kita, ya tho?. Nha Read more yang ini, yang akan kita bahas ini nggak gitu cara kerjanya, cara kerjanya yaitu berangkat jam 08.00 pagi pulang jam 16.00 WIB (emangnya PNS) Gini lho cara kerjanya :
Di trik Read more yang baru ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya, jadi tidak perlu meload ke halaman yang lain. Piye? uenak tho? bagi yang sudah kebelet ingin menyimak trik ini silahkan langsung ikuti trik berikut ini (langsung loncat dua baris ke bawah). Dan bagi yang kebelet mo pipis silahkan ke kamar mandi dulu, he...he..
Berikut ini langkah-langkahnya:
1. Login ke Blogger
2. Pilih Setting --> Template --> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?, kalo iya kilik tulisan Download Template lalu simpan.
4. Beri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Kopi kode berikut ini dan taruh tepat diatas kode </head>
<script src='http://www.geocities.com/kendhin_x/blog/Readmore.js'
type='text/javascript'/>
6. Sudah? sudah belum? ditanya kok diam aja gimana sih ?
7. Kalo sudah cari kode dibawah ini
<div class='post-header-line-1'/>
8. Nha dibawahnya kan ada kode gini <div class='post-body entry-content'> Nha ganti kode tersebut menjadi seperti ini:
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
9.Terus dibawahnya kan kan ada kode gini <p><data:post.body/></p>
10. Tembahkan kode ini dibawahnya.
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
11. jadi seluruh kodenya akan menjadi seperti ini :
<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.
<span id="fullpost">
</span
Ohya, kalo memposting pilih yang "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span id="fullpost"> sementara sisanya letakkan di antara kode <span id="fullpost"> dan </span
Trus bagaimana bagi yang sudah pakai 'read more' yang lama dan pingin ganti dengan 'read more' yang baru ini?
gini caranya:
'Read more' yang lama kan kodenya seperti ini :
<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<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>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
hapus text yang berwarna biru, lalu ikuti langkah-langkah diatas.
oh ya jangan lupa ikuti langkah berikut ini
1. Pilih menu Setting -->> Formatting
2. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.
<span id="fullpost">
</span
bedanya apa sama read more yang dulu? perhatikan text yang berwarna merah, kalo dulu kan tulisannya "class" sekarang ganti menjadi "id".
Gimana? Sudah bisa belum?
Pinter.... anak siapa siiihhh??? duh lutunya
Sumber: Kendhin (www.trik-tips.blogspot.com)
Terima kasih sudah berbagi kawan... saya dah coba ini di blog saya.. dan berhasil...
BalasHapusklo berminat tukeran links / banner exchange... hubungi saya di blog saya...
@ alamathur > selamat bro...
BalasHapusSalam kenal gan artikelnya ok & bermanfaat Jangan lupa juga kunjungi website kami yang membahas tentang...obat sipilis pada wanitaobat herbal sipilis pada wanita yang manjurobat tradisional sipilis pada wanita yang ampuh
BalasHapusselamat sore dan salm kenal gan post agan sangat bermamfaat banget trimakaish gan obat sipilis pada pria dan wanita di apotik lapak ane gan obat sipilis pada pria dan wanita mohon izininya gan obat sipilis di apotik
BalasHapusgan salam kenal dan trimakasih masukannya artikelnya bermanfaat jos gandos...dan jangan lupa kunjugi pula situs kami yang membahas mengenai penyakit kelamin. ~ obat tradisional sipilis pada pria ~ obat alami sipilis pada pria ~ obat alami penyakit sipilis pada pria ~ obat alami penyakit sipilis pada pria ~ artikel obat penyakit sipilis pada pria
BalasHapusSalam kenal gan artikelnya ok & bermanfaat Jangan lupa juga kunjungi situs kami tentang...Obat Sipilis Pada Wanita Yang MujarabObat Sipilis Pada Wanita Yang MujarabObat Sipilis Pada Wanita Di ApotikObat Sipilis Pada Wanita Di ApotekObat Sipilis Pada Wanita Yang Alami
BalasHapusMantab Artikelnya gan tambah cinta aje nih ane ma ni blog Jangan lupa juga yee kunjungi situs kami yg ngebahas...Obat Sipilis Pada Wanita Obat Sipilis Pada Wanita di apotik obat penyakit sipilis pada wanita di apotik obat tradisional sipilis pada wanita di apotik obat untuk sipilis pada wanita di apotik obat alami penyakit sipilis pada wanita di apotik Jual obat sipilis pada wanita di apotik obat ampuh sipilis pada wanita di apotik nama obat untuk sipilis pada wanita di apotik
BalasHapusBetah rasanya baca artikel agan berulang ulang gan Jangan lupa kunjungi situs kami juga yg ngebahas tentang...Obat Sipilis Pada Wanita Obat untuk Sipilis Pada Wanita obat untuk penyakit sipilis pada wanita obat tradisional sipilis pada wanita Alami obat manjur untuk sipilis pada wanita obat penyakit sipilis pada wanita Alami Jual obat sipilis pada wanita Alami merk obat yang manjur penyakit sipilis pada wanita Alami nama obat yang manjur untuk sipilis pada wanita
BalasHapusHmmm ok artikelnya Jangan lupa juga kunjungi situs kami yg ngebahas...Obat Sipilis Pada Wanita nama Obat Sipilis Pada Wanita Yang Ampuh merk Obat Sipilis Pada Wanita Yang Manjur jual Obat Sipilis Pada Wanita Yang Mujarab cari Obat Sipilis Pada Wanita Di Apotik toko Obat Sipilis Pada Wanita Di Apotek artikel Obat Sipilis Pada Wanita Yang Alami tips Obat Sipilis Pada Wanita Alami kumpulan Obat Sipilis Pada Wanita Cara Herbal apa Obat Sipilis Pada Wanita Dan Priapesan Obat Sipilis Pada Wanita Paling Manjurkirim Obat Sipilis Pada Wanita Paling Mujarab
BalasHapusDari pada melamun malam malam meding baca baca artikel agan dah Tp Jangan lupa kunjungi situs kita juga yee gan yg ngebahas...Obat Penyakit Sipilis Pada Wanita nama Obat Alami Penyakit Sipilis Pada Wanita merk Obat Alami Penyakit Sipilis Pada Wanita jual Obat Alami Penyakit Sipilis Pada Wanita cari Obat Alami Penyakit Sipilis Pada Wanita toko Obat Alami Penyakit Sipilis Pada Wanita artikel Obat Alami Penyakit Sipilis Pada Wanita tips Obat Alami Penyakit Sipilis Pada Wanita kumpulan Obat Alami Penyakit Sipilis Pada Wanita apa Obat Obat Alami Penyakit Sipilis Pada Wanita pesan Obat Alami Penyakit Sipilis Pada Wanita beli Obat Alami Penyakit Sipilis Pada Wanita
BalasHapusHabis mandi ku buka website Sambil baca artikel agan nih Jangan lupa juga kunjungi situs kita yee gan yg ngebahas...Obat Penyakit Sipilis Pada Wanita nama Obat Penyakit Sipilis Pada Wanita Herbal merk Obat Penyakit Sipilis Pada Wanita Herbal jual Obat Penyakit Sipilis Pada Wanita Herbal cari Obat Penyakit Sipilis Pada Wanita Herbaltoko Obat Penyakit Sipilis Pada Wanita Herbal artikel Obat Penyakit Sipilis Pada Wanita Herbal tips Obat Penyakit Sipilis Pada Wanita Herbal kumpulan Obat Penyakit Sipilis Pada Wanita Herbal apa Obat Penyakit Sipilis Pada Wanita Herbal pesan Obat Penyakit Sipilis Pada Wanita Herbal beli Obat Penyakit Sipilis Pada Wanita Herbal
BalasHapusGan... Artikelnya bagus gan saya senang membacanya... salam kenal gan dan jangan lupa kunjungin situs kami yang membahas tentang penyakit kelamin...obat sipilis untuk ibu hamil ~ obat sipilis paling ampuh ~ obat sipilis
BalasHapusGan Artikelnya bagus mantaf gan ane demen... salam kenal ya gan... dan jangan lupa juga kunjungi situs kami yang membahas tentang penyakit kelamin semoga berkenan gan... ~ obat penyakit sipilis pada pria ~ kumpulan obat sipilis pada pria ~ resep o0bat sipilis pada pria
BalasHapusArtikelnya bagus bgt kunjungi juga website kami yg ngebahas...Obat Tradisional Sipilis Pada Wanita Yang Manjur Merk Obat Tradisional Sipilis Pada Wanita Apa Obat Tradisional Sipilis Pada Wanita
BalasHapussemoga artikelnya bermanffat bagi orang banyak gan seperti halnya juga artikel kami berikut ini mudah mudahan bermanfaat...Obat Sipilis Denature Obat Sipilis Obat Sipilis Untuk Wanita Obat Sipilis Untuk Wanita Denature Obat Sipilis ampuh Untuk Wanita Obat Sipilis manjur Untuk Wanita Obat Sipilis mujarab Untuk Wanita Obat Sipilis denature Untuk Wanita Obat Denature alamat Obat Sipilis Denature
BalasHapusSenang mengunjungi website anda.....Obat Sipilis
BalasHapus