23 April 2010

Membuat Read More untuk Template klasik

Untuk membuat menu Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini, saya khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan tunggu pada postingan yang akan datang.

Silahkan ikuti langkah-langkah berikut :
Pertama-tama sobat login ke blognya tentu di Blogger.com dengan menggunakan Id nya,
kemudian klik menu Template, Klik menu Edit Template, jangan lupa Copy semua code templatenya
lalu paste di notepad, kemudian simpan, ini dilakukan untuk menjaga-jaga jika senandainya terjadi kesalahan
kita bisa mengembalikan data sebelumnya. Silahkan copy kode HTML di bawah, kemudian paste persis di atas kode </style> :

<MainOrArchivePage>

div.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

div.fullpost {display:inline;}

</ItemPage>

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

<MainOrArchivePage><br/>

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

</MainOrArchivePage>

Kemudian klik tombol yang bertuliskan SAVE SETTINGS
Langkah selanjutnya adalah klik menu Setting, lalu 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>

Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut, kemudian jangan lupa klik tombol Save Settings
Selesai.


Selanjutnya cara penulisan posting
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>
Semoga dengan penjelasan tersebut sobat bisa dimengerti dan bisa mencobanya,...

Wassalam...