Jumat, 04 Maret 2011
Cara Membuat Read More 1
Kali ini saya akan memberikan tip untuk temen-temen blogger sekalian tentang cara membuat readmore. Setiap postingan baru pasti akan ditampilkan pada halaman utama atau home dari blog kita. Tapi jika postingan itu terlalu panjang maka akan membuat penuh halaman utama karena hanya satu postingan, dan itu sangat tidak efisien Maka sebaiknya kita hanya menampilkan abstraksi atau pembuka dari postingan tersebut. Lalu gimana cara mengatasinya? Mudah sekali, kita cukup membuat link read more atau baca selengkapnya. Mau tau caranya?
Berikut Cara Membuat Read More:
1. Login ke akun Blogger anda
2. Pilih Layout > Edit HTML, lalu centang Expand Widget Templates. (Jangan lupa backup template sebelum mengeditnya)
3. Cari kode ]]></b:skin>, paste kode berikut dibawahnya:
Bila langkah 2 – 3 tidak menghasilkan apa-apa, itu karena perbedaan karakteristik setiap template.
Solusinya:
1. Login ke akun Blogger anda
2. Pilih Layout > Edit HTML, lalu centang Expand Widget Templates. (Jangan lupa backup template sebelum mengeditnya)
3. Cari kode ]]></b:skin>, paste kode berikut dibawahnya:
<style>4. Selanjutnya cari kode <p><data:post.body/></p>, paste kode berikut dibawahnya:
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<b:if cond='data:blog.pageType != "item"'>Tulisan Read More… bisa anda ganti dengan sesuai keinginan.
<a expr:href='data:post.url'> Read More..</a>
</b:if>
Bila langkah 2 – 3 tidak menghasilkan apa-apa, itu karena perbedaan karakteristik setiap template.
Solusinya:
* Cari kode <div class='post-header-line-1'/> <div class='post-body'>, paste kode berikut dibawahnya:
<b:if cond='data:blog.pageType == "item"'>* Selanjutnya, cari kode <<p><data:post.body/></p>, paste kode berikut dibawahnya:
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<a expr:href='data:post.url'>Readmore..</a>5. Klik Save Template
</b:if>
6. Sekarang pilih menu Setting > Formatting
7. Scroll ke bawah dan temukan kotak Post Template, lalu paste kode berikut kedalamnya:
<span class="fullpost">8. Klik Save Settings
</span>
9. Ketika membuat postingan kan ada 2 tab, yaitu Compose dan Edit HTML. Klik tab Edit HTML maka akan langsung tampak kode yang telah kita masukkan di Post Template tadi.
10. Letakkan pembuka atau prolog postingan anda sebelum kode <span class="fullpost">, dan sisanya letakkan di antara <span class="fullpost"> dan </span>. Ini tahap yang paling penting.
Itu tadi adalah tutorial pembuatan readmore versi 1. Untuk versi berikutnya tunggu dulu ya....
Label:
tutorial blog