Membuat Read More Pada template Klasik

Sobat t'net, mungkin bingung bagai mana untuk membuat sebuah Read More pada postingan blog. Atau mengkin lebih jelasnya sebagai alat petunjuk buat pengunjung blog anda pada saat ingin membaca artikel saudara.
Adapaun Yang saya jelaskan diatas adalah sebuah aplikasi untuk memotong artikel anda supaya tidak terlalu panjang untuk ditampilkan pada blog saudara. Nah untuk itu perlu ada Read More, supaya teksnya dapat dipotong.
Sekarang kita langsung saja kelangkah-langkahnya.

• Login ke blogger.com dengan id sobat
• Klik menu bertuliskan Template
• Klik menu Edit HTML
• Jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.
• Copy kode HTML di bawah, kemudian paste persis di atas kode  </style>

<MainOrArchivePage>

div.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

div.fullpost {display:inline;}

</ItemPage> 

• langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$>

<MainOrArchivePage><br/>

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

</MainOrArchivePage>

Klik tombol yang bertuliskan SAVE SETTINGS

Kemudian klik menu Setting

Klik menu Formatting

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> 

simpan artikel sobat yang ingin di tampilkan sebelum kode <div class="fullpost">, kemudian simpan sisa keseluruhan artikel setelah kode <div class="fullpost"> dan sebelum kode </div>

Agar lebih jelas, saya beri contoh, misal artikelnya begini :

Berikut 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!  

Semoga bermanfaat.

Karta Jaya Tambunan