Subscribe:

Pages

Minggu, 04 April 2010

Read More di Blogspot

Seraca default, Tulisan yang baru kita posting pada blog akan tampil paling atas pada halaman utama blog kita.
Akan tetapi, apabila tulisan yang kita posting terlalu panjang maka tulisan kita tersebeut akan memenuhi halaman utama. Tapi, apabila kita tulisan kita yang panjang hanya ingin kita tampilka hanya sebagian dari bagian tulisan kita, ada beberapa cara yang bisa kita gunakan untuk menampilkan link Read More / Baca Selengkapnya untuk menampilkan tulisan kita selengkapnya.

salah satu cara yang bisa kita gunakan yang paling simple yaitu dengan memilih template yang sudah di sertai dengan sourcu untuk hal tersebut. namun template yang demikian sangat terbatas dan agak susah untuk mencarinya.

alternatif kedua,

coba ikuti langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu tapi sebelumnya, kotak "expand widget templateny" dicentang dulu.

<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode yang ini

<p><data:post.body/></p>

menjadi seperti ini :

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

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa diubah, misalnya jadi "Baca Selanjutnya...".
5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">

</span>

8. Kemudian Simpan.
9. Ketika memposting, disana ada 2 tab pilihan, yang "Compose" dan "Edit Html", pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">

</span>

10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Read More") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

11. Yang paling penting dari tulisan ini adalah, yangan lupa pilih Selesai.

Selamat Mencoba

0 komentar: