Cara Membuat Read more di Blogspot
Ikuti langkah-langkah berikut :
1. Buka template edit HTML
2. Kasih tanda tik/cek menu expand widget template
3. Cari kode berikut di TEMPLATE blog Anda:
<div class='post-header-line-1'/> <div class='post-body'>
4. Kalau sudah ketemu letakkan kode berikut dibawah kode html di atas:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5. Di Bawah kode di atas ada kode html sbb:
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
6. Nah, di antara kode <p><data:post.body/></p> dan kode <div style='clear: both;'/> <!-- clear for photos floats -->
</div>
pasang kode html ini:
<a expr:href='data:post.url'>Read More......</a>
</b:if>
7. Jadi susunan kode html di template tersebut setelah ditambah dengan kode Read more akan menjadi seperti ini :
<div class='post-header-line-1'/>
<div class='post-body'>
<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>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
8. Klik SETTINGS, terus klik FORMATTING. Di paling bawah ada kotak kosong di samping menu POST TEMPLATE. Isi kotak kosong tsb dg kode berikut:
<span class="fullpost">
</span>
Jangan lupa klik SAVE apabila sudah dipasang.
9. Klik SAVE.
10.Selesai.
CARA MEMPOSTING
Ketika memposting klik Posting, klik EDIT HTML. Maka, secara otomatis akan tampak kode
<span class="fullpost">
</span>
Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (sisa dari keseluruhan postingan), letakkan di antara kode ini:
<span class="fullpost"> dan </span>.
Catatan Penting:
Apabila Artikel yg diposting sebelum pemasangan kode Read more di atas akan tetap tampil penuh di halaman muka, Anda bisa mengeditnya dg cara berikut:
1. Klik menu EDIT POSTS
2. Klik EDIT di artikel yg akan diedit.
3. Pasang kode <span class="fullpost">
di bawah paragraf yg akan ditampilkan. Dan pasang kode </span>
di akhir artikel.
Selamat mencoba ya semoga sukses. . .
Selasa, 26 Mei 2009
Cara membuat Read more Di Blogspot
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar