Membuat read more pada blogspot

Saya terinspirasi menulis tentang membuat read more pada blogspot, dari blog teman saya. Dia menulis artikel panjang sekali dalam satu halaman. Kebetulan saya tau sedikit caranya agar bisa menjadi pendek lalu ada read more atau selanjutnya atau baca selengkapnya.
langakah yang pertama dan sudah menjadi barang tentu adalah log in ke blogspot.
Lalu pilih menu template, pilih edit html, Copy seluruh kode template 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.
Lalu copy paste kode HTML berikut ini sebelum tag </style>:


<MainOrArchivePage>

div.fullpost {display:none;}

</MainOrArchivePage>

<ItemPage>

div.fullpost {display:inline;}

</ItemPage>


Langkah selanjutnya copy paste kode HTML berikut setelah kode <$BlogItemBody$> :


<MainOrArchivePage><br/>

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

</MainOrArchivePage>

Lalu save template tersebut.
Langkah berikutnya adalah klik menu setting, pilih 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. Lalu jangan lupa di save.

Cara posting artikel
Klik menu posting, klik edit html, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :

<div class="fullpost">

</div>


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

contohnya seperti ini:
Tulisan ini adalah tulisan yang akan muncul sebagian di halaman awal. Jadi tidak muncul seluruhnya. Tulisan in adalah contoh penulisan read more pada blogspot <div class="fullpost"> Dan ini adalah tulisan selengkapnya dari awal sampai akhir dari artikel yang ditulis </div>

Dan hasilnya akan tampak seperti ini:
Tulisan ini adalah tulisan yang akan muncul sebagian di halaman awal. Jadi tidak muncul seluruhnya. Tulisan in adalah contoh penulisan read more pada blogspot. Read more….