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)


18 komentar
  1. aLamathuR d'hileudjapanist II 7 Januari 2010 pukul 19.25  

    Terima kasih sudah berbagi kawan... saya dah coba ini di blog saya.. dan berhasil...

    klo berminat tukeran links / banner exchange... hubungi saya di blog saya...

  2. Tips Blogging 20 Januari 2010 pukul 09.01  

    @ alamathur > selamat bro...

  3. Unknown 5 Juli 2014 pukul 06.59  

    salam kenal dan jangan lupa berkunjung ke situs kami juga yah gan yang membahas seputar obat sipilis ampuh dengan obat herbal aman dan ampuh tanpa efek samping. Informasi cara menyembuhkan sipilis secara herbal yang lengkap beserta obatnya yang tepat dan berlisensi DINKES RI.

  4. Unknown 6 Juli 2014 pukul 10.41  
  5. Unknown 7 Juli 2014 pukul 21.17  

    Salam 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

  6. Unknown 9 Juli 2014 pukul 17.36  

    selamat 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

  7. Bobby 10 Juli 2014 pukul 18.08  

    gan 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

  8. Unknown 10 Juli 2014 pukul 19.12  
  9. Hidup Sehat Alami 20 Juli 2014 pukul 19.49  
  10. Hidup Sehat Alami 22 Juli 2014 pukul 12.07  
  11. cek toko sebelah 23 Juli 2014 pukul 16.55  
  12. Hidup Sehat Alami 30 Juli 2014 pukul 20.48  
  13. Hidup Sehat Alami 31 Juli 2014 pukul 16.55  
  14. Bobby 4 Agustus 2014 pukul 16.33  

    Gan... 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

  15. Bobby 15 Agustus 2014 pukul 15.24  

    Gan 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

  16. Hidup Sehat Alami 21 Agustus 2014 pukul 11.03  
  17. Hidup Sehat Alami 30 Agustus 2014 pukul 12.30  
  18. cek toko sebelah 21 Februari 2015 pukul 02.12  

    Senang mengunjungi website anda.....Obat Sipilis

Posting Komentar