Senin, 01 Agustus 2011

membuat tulisan Read More Pada Blog

Membuat Read More di Blogspot
dibawah ini adalah tutoril / cara untuk membuat tulisan Read More pada sebuah tulisan atau Postingan,,
- Login ke akun blogger anda, pilih blog yang ingin anda edit, klik link Layout kemudian masuk ke Edit HTML
- Jangan lupa centang/tandai/aktifkan Expand Widget Templates Untuk bisa mengedit template secara keseluruhan.
- Masukkan kode berikut sebelum tag </head> atau tepat sesudah kode } ]]></b:skin>seperti dibawah ini:      <style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template anda dan tambahkan kode berikut tepat dibawahnya: 
 
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

Nah supaya terpotong, setiap kali anda menulis artikel posting, klik pada bagian artikel dimana anda  pengen tulisan Read More.. muncul, lalu  ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel  sampai selesai, akhiri dengan mengetik  </span>.  Untuk menambahkan kode ini, ketika menulis artikel, anda harus dalam mode Edit HTML bukan Compose
untuk memudahkan lihatlah gambar di bawa ini


klik pada tanda panah berwarna hitam pada gambar,, sesudah di klik akan ada tanda garis lurus  berarti yang akan ditampilkan  anya yang ada di atas garis lurus saja dan sesudanya akan ada tulisan read more...

Tulisan Read More.. seperti yang berwarna merah pada kode diatas, bisa anda ganti dengan tulisan lain seperti Baca Selengkapnya.. atau Lanjut Baca..

semoga pembaca dapat mengerti kata kata penulis dalam tulisan ini. terimakasih. hehehehhhh

0 komentar:

Template by : kendhin x-template.blogspot.com