Membuat Readmore pada Blogger
Di sini saya akan memaparkan langkah-langkah untuk membuat readmore pada blogger baru atau yang biasa di sebut dengan new blogger. Karena terus terang saya baru bisa membuat readmore pada new blogger. Saya tidak mau membohongi diri saya sendiri dengan memposting sesuatu yang saya sendiri tidak tahu.
Oke, saya rasa tidak perlu panjang lebar lagi. Kita langsung masuk ke inti permasalahannya saja… ^_^
- Login di http://www.blogger.com dengan account google anda
- Pada bagian dashbor klik menu "tata letak" (templates) à "Edit HTML"
- Untuk berjaga-jag seandainya nanti ada kesalahan, tidak ada salahnya anda download templates anda dengan cara klik link "download templates lengkap"
- Beri tanda cek atau centang pada bagian "Expand Template Widget" (gambar 1.1)
Gambar 1.1
- Letakkan kode berikut persis di atas kode "</head>"
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
Untuk lebih gampangnya saya sarankan anda untuk meng-copy script templates anda tersebut ke notepad terlebih dahulu. Untuk mencari tag "</head>", anda cukup tekan "Ctrl+F" pada key board anda lalu ketikkan tag "</head>" di dalamnya (gambar 1.2) lalu tekan Enter.
Gambar 1.2
- Cari tag berikut dengan cara seperti di atas
<p><data:post.body/></p>
Kemudian letakkan tag berikut persis di bawah tag tersebut di atas
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
- Klik "Simpan Templates"
- Klik Settings atau Pengaturan à "Formatting" atau "Format". Di bagian kotak paling bawah ketikkan tag berikut (gambar 1.3)
<span class="fullpost">
</span>
Gambar 1.3
- Jangan lupa ntuk menyimpan pengaturan tersebut.
Cara Memposting
- Secara otomatis tag akan muncul apa bila kita berada pada halaman edit HTML (gambar 1.4)
<span class="fullpost">
</span>
Gambar 1.4
- Letakan postingan yang akan di letakkan di awal atau muka sebelum tag di atas, sedangkan selebihnya di letakkan di tengah tag di atas (gambar 1.5)
Label: Tips Blogger