Berikut adalah langkah-langkah untuk membuat tombol "selengkapnya atau read more" pada postingan yang panjang :
1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog anda :
(caranya : tekan ctrl+F dan akan muncul menu Find, kemudian masukkan kode yang akan anda cari)
<div class='post-body entry-content'>
<p><data:post.body/></p>
4. Kalau sudah ketemu, Ganti kode tersebut menjadi seperti ini :
<div class='post-body entry-content'>
<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>
Tulisan "Read More....." itu bisa anda ubah, misalnya jadi "Baca Selengkapnya...", atau lainnya.
5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">
</span>
8. Kemudian Simpan.
9. Ketika memposting, klik EDIT HTML. Maka, secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">
</span>
10. Letakkan abstrak posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore...") di atas kode ini :
<span class="fullpost">
sementara sisanya yaitu keseluruhan posting letakkan di antara kode :
<span class="fullpost">
dan
</span>
11. Selesai
Selamat Mencoba...
cara lain
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  Lanjutin Yuk...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
0 komentar:
:a: :b: :c: :d: :e: :f: :g:
:h: :i: :j: :k: :l: :m: :n: :o: :p: :q: :r: :s: :t: :u: :v: :w: :x: :z: :aa: :ab: :ac: :ad: :ae: :af: :ag: :ah: :ai: :aj:
Posting Komentar
Berikan Kritik dan Saran Anda