Membuat Baca Selanjutnya Versi Blogspot

Dahulu penulis ada memberitahu bahawa blogspot telah memperkenalkan baca selanjutnya yang lebih mudah digunakan tanpa memasukkan kod yang rumit. Akan tetapi, ramai bloggers tidak dapat menggunakannya kerana mereka memakai template yang telah diubahsuai dan bukannya template asal dari blogspot. Justeru, mari kita cari jalan penyelesaian untuk masalah itu kerana penulis sudah pun memasang baca selanjutnya versi blogspot untuk blog ini.


Jika anda pernah meletakkan baca selanjutnya ke dalam blog, sila buang kesemua kod²nya yang lama.

1. Login ke Blogspot.

2. Pilih Layout - Edit HTML (Tanda kotak Expand Widget).

3. Download Full Template sebelum mengedit blog.

4. Cari <data:post.body/> dan tampal kod ini di bawahnya.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
5. Save.

6. Seterusnya, penulis ingin memberitahu cara² untuk mencantikkan lagi baca selanjutnya tadi seperti meletakkan latarbelakang, imej dan berada di sebelah kanan. Cari semula kod tadi dan tambahkan kod yang berwarna merah.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<div id='more'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</div>
</b:if>
7. Cari ]]></b:skin> dan letakkan kod ini di atasnya.

#more {
border: 1px solid #333333;
background: #999999;
font-size: 12px;
float: right;
padding:3px;
}
8. Untuk menukar ayat baca selanjutnya kepada imej, tukarkan <data:post.jumpText/> dengan imej anda seperti <img src='http://eriyzas.googlepages.com/readmore01.jpg'/>.

Okey, itu sahaja. Selamat mencuba.

Via : Blogger Help
Via : Muncet