membuat read more

Banyak blogger yang tidak ingin seluruh posting artikelnya katanya sih supaya lebih terlihat lebih bagus.lalu bagai mana ya cara posting artikelnya tidak semua tampil?
saya akan coba bantu sedikit,mudah-mudahan bisa membantu anda semua.

1. MEMBUAT READ MORE DI BLOGGER KLASIK

1. Login terlebih dahulu ke blog anda.
2. Klik menu Template
3. Lalu klik Edit HTML
4. Copy dan Paste seluruh kode template anda pada word ataupun notpad takut terjadi hal-hal yang tidak di inginkan.
5. Copy kode HTML di bawah.

<MainOrArchivePage>
div.fullpost {display:none;}

</MainOrArchivePage>
<ItemPage>
div.fullpost {display:inline;}
</ItemPage>

6. paste kan di bawah kode <style/>
7. copy kode di bawah dan paste di bawah <$BlogItemBody$> :

<MainOrArchivePage><br/>
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>

8. Klik SAVE SETTINGS, Selesai.
9. Langkah selanjutnya, klik menu Setting / pengaturan
10. Lalu klik Formatting
11. Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, isi kotak kosong tersebut dengan kode di bawah ini :

<div class="fullpost">
</div>

12. kemudian klik tombol Save Settings, Selesai.

2. MEMBUAT READ MORE DI BLOGGER MODEREN
cara di atas adalah cara untuk template klasik sedangkan untuk yang moderen adalah:

1. masuk ke blog anda.
2. Setting
3. Formatting
4. isi kotak kosong Post Template dengan kode di bawah ini :

<div class="fullpost">

</div>

5. kemudian Save Settings, Selesai.
6. Langkah selanjutnya klik Dasboard
7. Layout
8. Edit HTML
9. Copy dan Paste seluruh kode template anda pada word ataupun notpad takut terjadi hal-hal yang tidak di inginkan.
10. Beri tanda centang pada kotak di samping tulisan Expand Widget Template.
11. tunggu beberapa saat.
12. cari kode di bawah:

<div class='post-body'>

13. Copy kode HTML di bawah ini,dan paste di bawah kode tadi.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


14. lihat di bawah kode tadi ada kode:

<p><data:post.body/></p>

15. Copy kode di bawah ini kemudian paste di bawah kode tadi

<a expr:href='data:post.url'>Read More...</a>

</b:if>
16. klik Save Template, selesai.

3. CARA POSTING ARTIKEL DENGAN READ MORE
Klik Posting, lalu klik Edit HTML. Disitu akan terlihat kode HTML yang kita simpan. tapi di edit html bukan di tulis:

<div class="fullpost">

</div>

simpan artikel anda yang akan di tampilkan di atas kode <div class="fullpost">,
simpan sisanya di dalam kode lalu tutup dengan </div>.
contoh: artikel yang akan di tampilkan <div class="fullpost">sisa artikel </div>

itulah sedikit ilmu yang saya bisa sharing:
semoga sukses...hehehe