Cara Memasang Read More di Blogspot pada Template Klasik

Untuk membuat menu Read more pada Postingan, kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Untuk postingan kali ini, saya khususkan bagi blogger yang memakai template klasik, bagi yang memakai template baru sabar aja dulu atau bisa nyari ke Blog Teman yang mungkin saja sudah punya.

Selanjutnya silahkan ikuti langkah berikut :
Pertama sobat login ke blog tentu di Blogger, lalu masuk ke Design
kemudian klik menu Template, Klik menu Edit Template, jangan lupa membeckup semua file Script Templatenya di notepad, ini dilakukan untuk menjaga jika seandainya terjadi kesalahankita 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 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 tidak harus 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 memudahkan kita dan tidak harus selalu mengingat kode tersebut, kemudian klik Save Settings
Selesai.

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>

Selamat Mencoba.....

by Facebook Comment untuk Anda!