Membuat Link "Read More" Di Blogger



Berikut ini cara membuat link "read more" atau "baca selengkapnya" pada blogger kita. Fungsinya adalah agar postinggan kita terlihat lebih rapih dan singkat pada tampilan halaman utama dengan menampilkan bagian awal saja rari setiap postinggan anda. "read more" ini akan memotong tampilan postingan dan mengarahkan ke bagian sisanya yang ada pada halaman lainnya.


1. Buka settingan template blogger, kemudian tambahkan code berikut di antara tag <style> dan </style> (pilih yang sesuai dengan jenis template yang anda gunakan)

Untuk template classic:

<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>

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


2. Tambahkan code dibawah ini kedalam template anda. Letakkan setelah tag
<$BlogItemBody$> atau <data:post.body/> (pilih yang sesuai dengan jenis template yang anda gunakan)

Untuk classic templates:

<MainOrArchivePage><br />
<a href=\"<$BlogItemPermalinkURL$>\">Read more!</a>
</MainOrArchivePage>

Untuk template baru:

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

Kata "Read more!" bisa diganti dengan kata pilihan anda misalnya "Baca lanjutannya" atau "Baca selengkapnya"

3. Buka setting postinggan anda dan rubah dari bentuk compose ke bentuk HTML. Tambahkan code berikut ini sebagai batas antara bagian postingan yang ingin anda tampilkan pada halaman awal dan postingan yang akan anda sembunyikan:

<span class=\"fullpost\"></span>

Kemudian tambahkan code dibawah ini pada bagian paling akhir postinggan anda:

</span>

4. Selesai


Sumber: http://help.blogger.com/

No comments: