Cara Membuat ‘baca selengkapnya’ di Blog
By Admin - Sabtu, 16 April 2011
Yuk kita langsung praktekan…
1. Kamu login dulu di blog kamu.
2. Kalau sudah klik layout lalu klik edit HTML
3. Nah disitu kan ada tulisan "expand widget template" centang kotak kecilnya.
4. cari kode dibawah ini di edit HTML kamu..
<div class='post-body entry-content'>
Kalau dah ketemu, dibawahnya kan ada kode yang ini
<p><data:post.body/></p>
5. kalau dah ketemu, ganti kode ini <p><data:post.body/></p> 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'>Baca selengkapnya......</a>
</b:if>
6. Lalu jangan lupa di simpan
7. Kalau udah disimpan pilih menu setting/pengaturan lalu pilih formatting/format
8. Nah pada kotak post template isikan kode dibawah ini:
<span class="fullpost">
</span>
9. Kemudian simpan
10. Nah hal yang paling penting disini kamu harus konsentrasi yah…soalnya agak ribet… ok kita mulai… ketika kita memposting, kan ada 2 tab coba dech liat…dah blm?? Klo dah aku lanjutkan nah 2 tab itu adalah ‘compose’ dan ‘edit HTML’ lalu kamu pilih yang ‘edit HTML’ kalau sudah di situ secara otomatis akan tampak kode seperti ini:
<span class="fullpost">
</span>
Letakan sebagian atikel yang akan ditampilkan di halaman utama yaitu sebelum tulisan ‘baca selengkapnya….’ Diatas kode <span class="fullpost">nah sisa artikel kamu letakan di antara kode <span class="fullpost">dan kode </span>
Kalau jarak link ‘baca selengkapnya..’ dengan artikel berjauhan, pepetin aja kode </span>di bawah persis artiekl terakhir…
Nah begitu caranya… mudah bukan…??
Kalau belum jadi, silahkan di ulangi lagi dari awal… oke..!?
Follow our blog on Twitter , become a fan on Facebook . Stay updated via RSS
0 komentar for " Cara Membuat ‘baca selengkapnya’ di Blog "