Membuat read more (1)

hi..pagi ini kita ketemu lagi..sorry ya kmren lama ga mosting soalnya lagentang i ujian T_T, oke kita langsung aja, hari ini saya akan membahas tentang readmore.. Ingat ini hanya berlaku untuk template klasik, kalo buat template baru ada di readmore (2).

Apa itu readmore? readmore ini kalo diartikan ya kira2 seperti baca selengkapnya , biasa bisa teman2 temukan di website2..namun untuk gampangnya saya sertakan contoh :



Nah udah tahukan apa itu readmore teman2...heheh, oke sekarang anda bertanya gimana ya cara membuat supaya bisa seperti itu...^_^, oke kita mulai saja ...

1. Masuklah ke account blogger teman2

2. Sign in dan klick menu template/layout lalu pilih edit Html

3. Supaya aman saya beri saran untuk copy paste isi dari html teman2 ke Ms word or notepad..jadi kalo teman2 ada yg salah jadi bisa ada backup datanya..

4. Copy kode2 dibawah ini, dan paste di atas kode <style> ( untuk menemukan <style> didalam edit html saya sarankan anda menggunakan mozila dan tahan control lalu tekan f dan ketikkan <style> )

<MainOrArchivePage>

div.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

div.fullpost {display:inline;}

</ItemPage>


5. Setelah itu copy kode dibawah ini dibawah atau setelah kode <$BlogItemBody$>

<MainOrArchivePage><br/>

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

</MainOrArchivePage>

6. Setelah itu klick save setting and abis itu klick menu setting lalu klick formating

7. Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :

<div class="fullpost">


</div>


Oke sekarang kita ke posting artikelnya :

1. klick menu posting

2. klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni

<div class="fullpost">

</div>

lalu simpan artikel teman2 yang ingin di tampilkan sebelum kode <div class="fullpost">, kemudian simpan sisa keseluruhan artikel setelah kode &lt;div class="fullpost"&gt; dan sebelum kode </div>

oke, saya kasih contoh aza, misal artikelnya begini :

Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.
<div class="fullpost">
dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more.
</div>

Hasilnya yang akan tampak pada blog kita adalah seperti ini :

Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.

Read more!

Oke, saya rasa cukup mudah kan? silahkan dicoba teman2...^_^