Membuat Read more di pada Blogger Template Klasik

Di kesempatan yang lalu sudah kita bahas tentang membuat read more di template versi XML atau beta. Nah sekarang, kitacoba membuat read more di template klasik atau HTML. Hasilnya pun juga akan sama, namun pengeditan scriptnya mengalami perubahan. Dan berikut tutorial tentang membuat read more di template klasik

Seperti biasa, langsung saja tuju EDIT HTML template kamu, lalu mlai ikuti langkah - langkah dibawah ini :

Step 1

1. Letakkan kode berikut diatas kode </style>

<MainOrArchivePage>

div.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

div.fullpost {display:inline;}

</ItemPage>

2. Lalu pasang kode berikut setelah kode <$BlogItemBody$>

<MainOrArchivePage><br/>

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

</MainOrArchivePage> 

3. Dan simpan hasil kerja anda .... :D

Step 2

Untuk tahap penulisan juga sama dengan versi yang baru, namun kodenya sedikit dirubah . saat kamu menulis post, perhatikan kode berikut yang harus ada saat kamu posting :

<div class="fullpost">
.... teks yang disembunyikan disini .... 
</div> 

Bingung, perhatikan contoh berikut :

Teks ini akan muncul dihalamn utama post saat link read more belum dibuka ...
<div class="fullpost">
Nah, teks yang ini muncul saat link read more dikli alias pada posisi full post. OKE kan ?
</div>

Jika ada pertanyaan, silahkan berkoemntar disini. Oke, happy blogging !