F.cher site Headline Animator

Wednesday, January 26, 2011

Menambahkan kata Readmore di postingan

TAnda Readmore biasanya digunakan ketika artikel yang kita posting terlalu penjang sehingga memakan banyak ruangan di postingan.jadi kalau da Tanda Readmore atau yang lainya artikel postingan kita bisa jadi diperpendek dan postingan yang lainpun tidak susah untuk membacanya.
Langkah –langkah untuk membuat kata Readmore / Baca selengkapnya Sebagai berikut :

1. Login ke Blogger. Klik menu Design-> Edit HTML.

2. Beri tanda centang pada "Expand Widget Templates".

3. Agar lebih aman, back-up terlebih dahulu template Anda dengan cara klik pada Download Full Template.

4. Setelah itu, cari kode
  <p><data:post.body/></p> atau <data:post.body/> pada template Anda. Supaya lebih mudah untuk mencarinya, tekan Ctrl+F lalu masukkan kode trus klik Next.


5. Jika sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:
<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>


6. Kemudian cari kode berikut
<div class='post-body'>
<p><data:post.body/></p>
atau
<div class='post-body entry-content'>
<p><data:post.body/></p>

7. Kalau sudah ketemu, hapus kode tersebut dan ganti dengan kode dibawah ini:
<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'><b>Read More...</b></a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

Catatan:

Kata Read More yang dicetak tebal diatas bisa anda ganti dengan kata lain misalnya, Baca Selengkapnya, Selanjutnya, Lanjut membaca, dan lain-lain.

8. Jika sudah, simpan template anda

Sampai disini proses pengeditan template telah berhasil. Namun fungsi read more masih belum bekerja. Untuk mengaktifkan fungsi read more pada artikel, anda harus menyelipkan dua baris kode diantara artikel yang mau disembunyikan.

1. Klik menu Posting -> Edit Post. Buka artikel yang mau dipasang read more. (Cara ini juga berlaku untuk artikel yang akan dipublikasi).
2. Pilih mode Edit HTML
3. Masukkan kode <span id="fullpost"> diatas artikel yang mau disembunyikan dan kode </span> di akhir artikel. Sehingga posisinya menjadi seperti ini

Isi artikel yang ditampilkan
<span id="fullpost">

Isi artikel yang mau disembunyikan
</span>

4. Kalau sudah, klik tombol Publish Post dan lihat hasilnya.

Selamat mencoba dan semoga berhasil


1 comment:

  1. Ada yang lebih mudah lagi , readmore otomatis , silahkan klik disini untuk info lengkapnya, http://adamcherbond.blogspot.com

    ReplyDelete

silahkan tulis komentar anda untuk kemajuan blog ini......terimakasih untuk kunjungannya.

Stop pop-up windows instantly.
Click Here
Play Online Poker
Play Online Poker
Program Affiliate Indowebmaker