Tambah Read More di Bloger
Kamis, Agustus 12, 2010 | Author: Paijo

Bagi para sobat yang gemar menyingkat artikel dengan fasilitas Read more
atau Baca selengkapnya seperti yang telah saya terangkan pada artikel terdahulu, Sekarang ada cara membuat menu Read more yang saya sebut dengan Read more versi baru. Kenapa demikian? karena menu Read more kali ini sedikit berbeda dengan yang saya terangkan pada artikel yang telah lalu.

Fasilitas Read more kali ini di buat oleh Ramani dan Hans. Kelebihannya
yaitu ketika pembaca mengklik link Read more, maka keseluruhan artikel
bisa terbuka tanpa harus me-loading ulang yang terkadang membuat BT pembaca yang
koneksi internetnya rada lelet ( jadi malu, padahal blog saya berat banget untuk di loading), selain itu untuk artikel yang pendek, tulisan readmore nya bisa di hapus sehingga tidak mengganggu pemandangan seperti yang di keluhkan sobat yuki beberapa waktu lalu yang merasa terganggu karena tulisan readmore selalu muncul walaupun pada artikel yang pendek.

Tapi sayang kode-kode berikut ini hanya berlaku bagi sobat yang memakai template baru saja dan untuk yang memakai template klasik saya ucapkan Kaciaaaaaan deeeeehhh (padahal blog ini pun pake template klasik jadi ga bisa pake ini).

Untuk menyingkat tulisan agar tidak terlalu dipenuhi dengan intermezo yang
sedikit membuat bete and ngeselin, langsung saja untuk membuat read more versi baru ini silahkan ikuti langkah-langkah berikut ini :

  1. Sig in di blogger dengan id sobat
  2. Klik menu layout
  3. Klik menu Edit HTML
  4. Klik tulisan Download Template lengkap, silahkan save dulu template sobat, ini untuk mencegah resiko apabila terjadi kesalahan dalam melakukan kesalahan dalam proses editing template
  5. Klik kotak kecil di samping tulisan Expand Template Widget, sekali lagi jangan lupa untuk memberi tanda centang dulu yah
  6. Tunggu beberapa saat sampai proses selesai
  7. Copy kode berikut, lalu paste tepat di atas kode </head>
  8. <script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />
  9. Tambahkan kode berikut pada kode template sobat, yang berwarna hitam adalah kode asli dari kode template dan yang berwarna merah adalah kode yang harus di tambahkan :
  10. <h3 class='post-title'> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body' 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 saja...</a></p> </span> <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div> </div> .... rest of template code ....
  11. Klik tombol SIMPAN TEMPLATE

Langkah selanjutnya :
  1. Klik menu Pengaturan
  2. Klik menu Format
  3. Copy kode berikut lalu paste pada kotak kosong yang berada di samping
    tulisan Template posting
  4. <span id="fullpost"> </span>
  5. Klik tombol Simpan Setting
  6. Selesai.
Cara posting artikel :
Pada saat berada pada menu posting, pilih tombol yang Edit HTML jangan pilih yang tombol Compose, maka akan secara otomatis terlihat kode tadi di atas yaitu :

<span id="fullpost">



</span>

Simpan artikel yang mau di tampilkan di muka (ringkasannya) di atas kode <span id="fullpost">, dan sisa keseluruhan artikel di simpan sesudah kode <span id="fullpost"> dan sebelum
kode </span>.

Untuk artikel yang pendek, sobat tinggal menghapus kode tadi dan nanti
artikel muncul tanpa ada kode [+/-] Selengkapnya... dan [+/-] Ringkasan saja....

Untuk contoh nyata saya sudah membuat blog yang sudah memakai sistem ini, silahkan sobat klik tulisan [+/-] Readmore... untuk membuka keseluruhan artikel, dan klik tulisan [+/-] Summary only... Untuk melihat ringkasan artikel. Silahkan sobat klik di sini !.




| |
This entry was posted on Kamis, Agustus 12, 2010 and is filed under . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

1 komentar:

On 11/05/2011 , hoedha mengatakan...

kok ngak bisa,,,

 
Related Posts with Thumbnails
.::HEAD LINE NEWS::....Pray For Indonesia, Musibah terjadi beruntun mari bersama-sama dengan bijak menyikapinya. Mari kita renungkan dengan hati dan pikiran yang jernih, apakah itu sebuah cobaan ataukah musibah karena kita manusia telah lalai dari mengingat Alloh SWT.

Selamat Datang Di Paydjo BLOG

Selamat datang di Blog Si Pay, semoga saja bisa mendapatkan apa yang dibutuhkan di Blog Si Pay ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...

Sekilas tentang penulis

Nama saya Ahyarudin,saya seorang Guru di MAN Pacitan sebuah kota kecil di daerah Jawa Timur.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
SiPay