Membuat Read More Untuk Template Klasik

Membuat Read More Untuk Template Klasik

mungkin kalian pernah melihat artikel-artikel saya ataupun orang lain terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan artikel harus meng klik link yang bertuliskan >> Selengkapnya...", Bagi sobat yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel sobat, namun jika nanti artikel sobat sudah banyak, maka mungkin saja ada yang ingin membuat menu ini. read more ini berguna untuk menambah jumlah pengunjung dan sangat penting untuk blog kalian.

• 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 
• Langkah selanjutnya adalah klik menu Setting
• Klik menu Formatting
• Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotakkosong tersebut dengan kode di bawah ini :

<div class="fullpost"> 
</div> 

• kemudian jangan lupa klik tombol Save Settings

Cara Posting Artikel 

Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya. 

• Klik menu Posting
• klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :

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