CARA PASANG READ MORE (bag 1)

Fungsi utama dari Read More adalah memotong bagian dari artikel postingan. Teknik ini banyak disukai oleh para pengguna blog juga saya, karena tampilan akan lebih professional dengan tidak menampilkan seluruh artikel. Jika anda melihat suatu blog dengan beberapa posting artikel tampil semua dalam satu layar, mungkin kita akan capek merpotkan jika kita terus menscroll halaman tersebut. Disini fungsi Read More berperan, pengunjung akan dengan mudah memilih artikel mana yang ingin dibaca, dengan hanya meng klik judul posting atau atau kata link Read More… atau Selanjutnya … (terserah kita yang memodifikasinya ) yang ada dibawah artikel posting.

Untuk membuat fungsi Read More,

Login ke blog anda, silakan menuju pada Tata Letak, pilih Edit HTML, Beri tanda centang/contreng pada kotak kecil ‘Expand Widget Templates’

Silahkan cari kode ]]></b:skin> di dalam template anda, Ctrl + F untuk memudahkannya. Persis setelah kode tersebut, letakkan kode berwarna hijau dibawah ini, tepat dibawah kode ]]></b:skin>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Berikutnya, cari kode <p><data:post.body/></p> atau kalau tidak ketemu cari kode <data:post.body/> di dalam template anda

Persis setelah kode tersebut, Letak kode script berwarna hijau dibawah ini di bawah kode <data:post.body/> atau kode <p><data:post.body/></p>

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

Simpan Template

Sekarang silahkan anda masuk ke postingan anda, dan pastikan anda berada dalam mode Edit HTML, jangan dalam mode Tulis/Compose.

Selanjutnya agar postingan anda terpotong, maka sisipkan kode ini di tempat anda ingin memotong tulisan anda. Dan di paling akhir tulisan anda tambahkan dengan kode .

SELAMAT MENCOBA...
SEMOGA SUKSES...