Read more, baca selanjutnya di blogspot or blogger

Para blogger pemula mungkin menemukan permasalahan pada saat akan mem posting artikel yang panjang, karena tentu saja semua isi artikel akan tampil dari atas sampai ke bawah halaman, bayangkan kalo isinya 2-3 halaman …. Sedangkan banyak pemula melihat konten blog lain bisa dipenggal dengan fasilitas “read more” atau “baca selanjutnya”. Hal ini biasa akan terjadi jika membuat blog di blogspot.com atau blogger.com, karena tidak adanya fasiltas untuk memenggal artikel tersebut supaya tidak tampil seluruhnya. Berbeda halnya dengan wordpress.com yang pada fasilitas penulisan artikel menyediakan fasilitas “split post with more tag” atau kalau di blogspot.com di sebut expandable post.Saya sendiri pertama kali buat di blogspot sempat bingung, dan sempat beberapa kali googling yang ternyata isinya hanya copy paste dari beberapa website yang menurut saya struktur code sangat membuat binun. Kalo memang pengen sebaiknya langsung saja di link ini: http://help.blogger.com/bin/answer.py?answer=42215&query=expandable%20post&topic=&type=f

Atau dengan cara berikut :

  1. Login blogspot anda
  2. Klik Template
  3. Klik Edit HTML
  4. Centang/beri tanda pada Expand Widget Templates (dibagian kanan atas box Edit HTML )
  5. Tambahkan code dibawah ini sebelum <head> (dibagian atas)
    <style><b:if cond='data:blog.pageType == "item"'>  span.fullpost {display:inline;}<b:else/>
    
    span.fullpost {display:none;}
    
    </b:if> </style>
  6. Cari code berikut : <data:post.body/></p> lalu tambahkan dibawahnya code sbb:
	<b:if cond='data:blog.pageType != "item"'><br />    <a expr:href='data:post.url'>Baca selanjutnya ...</a>

</b:if>

7. Klik Save Template …

Sekarang anda coba buat posting baru, sebelum anda isi / tulis dengan artikel, sebaiknya anda klik dauhlu Edit HTML dan anda akan melihat sbb:

Deskripsi / Intro artikel anda letakan sebelum atau diatas code itu dan isi artikel lengkapnya anda letakan didalam code tersebut yang nantinya isi artikel tersebut akan di tampilkan sebagai “read more” atau baca selanjutnya”.

Selamat mencoba.

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

Connecting to %s