Terimakasih Atas Kunjungan Teman-Teman di My Blog

Selasa, 26 Mei 2009

Cara membuat Read more Di Blogspot

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 DI BAWAH 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. . .

0 komentar: