Selasa, 04 Agustus 2009
Membuat Read More Pada Blogger
Bagi para blogger yang melakukan posting pada halaman blog tentu tidak bisa dipisahkan dengan panjangnya isi tulisan kita. Jika ini kita lakukan tentu akan membuat para pembaca menjadi bosan. Oleh karena itu diperlukan penggalan posting tersebut. Dalam kali ini saya akan memberikan tips tentang membuat menu Read more.. atau menu Baca selengkapnya.., karena tutorial tersebut memang di peruntukan bagi para sobat yang menggunakan Baru.
Sengaja saya menulis ini karena permintaan sahabat di SMKN 2 Pasuruan. Nah bagi sobat yang menggunakan template baru dan ingin menggunakan menu Read more.. juga silahkan ikuti langkah-langkah berikut :
- Sign in seperti biasa di blogger dengan id milik sobat
- Klik Setting
- Klik Formatting
<div class="fullpost">
</div>
Klik tombol yang bertuliskan Save Settings
Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.
Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :
- Klik menu Dasboard
- Klik menu Layout
- Klik menu Edit HTML
- Klik tulisan Download Full Template
<div class='post-body'>
Copy kode HTML di bawah ini kemudian paste di bawah kode tadi
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :
<p><data:post.body/></p>
Copy kode HTML di bawah ini kemudian paste di bawah kode tadi
<a expr:href='data:post.url'>Read More......</a>
</b:if>
klik tombol bertuliskan Save Template
Selesai.
Cara Posting Artikel
Klik menu Posting
Klik menu Edit HTML, maka secara otomatis tampak kode yang telah kita setting tadi, yakni :
<div class="fullpost">
</div>
Tulisankan artikel yang ingin tampak pada blog sebelum kode :
<div class="fullpost">
Tulis keseluruhan sisa artikel sesudah kode di atas tadi dan sebelum kode :
</div>
Klik tombol bertuliskan PUBLISH POST
Klik tulisan Open New Window untuk melihat hasil dari postingan kita, kemudian lihat apakah hasilnya sukses atau tidak. Jika tidak, mungkin ada bagian yang terlewatkan. Coba lihat kembali langkah diatas