Label Cloud

Search This Blog

06 March 2010

online counter Text ReadMore Kepada Image

Assalamualaikum , MSue ingin berkongsi ngan korang bagaimana hendak menukar Text Read More Kepada Image . Pastikan korang dah memasang read more . Jika belum memasangnya korang klik kat sini READ MORE

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada kotak Expand widget) .

3. Cari kod di bawah .


<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>


4. Gantikan kod yang di highlight merah dengan kod di bawah ini


<img src="http://3.bp.blogspot.com/_znjmv4LDwck/StXNws3VCWI/AAAAAAAABMU/UtD9fJs9J60/s400/New-Read-More.png" />


CONTOH


<span class='rmlink' style='float:left'><a expr:href='data:post.url'><img src="http://3.bp.blogspot.com/_znjmv4LDwck/StXNws3VCWI/AAAAAAAABMU/UtD9fJs9J60/s400/New-Read-More.png" /></a></span>


5. Preview dan Save template jika tida erroryahoo:okay:


Note : Pada highlight biru korang gantikan ngan url image yang korang suka .


Dibawah ini ada contoh - contoh url image yang boleh korang gunakan .





http://1.bp.blogspot.com/_hhvKRfZDO9k/Sxc7AA8rdTI/AAAAAAAAAfs/D8odtuOzjaQ/s400/readmore+1.jpg






http://2.bp.blogspot.com/_hhvKRfZDO9k/Sxc7Elb2wEI/AAAAAAAAAf0/X7kAukaFM0A/s400/readmore+2.jpg






http://3.bp.blogspot.com/_hhvKRfZDO9k/Sxc7JEWBUII/AAAAAAAAAf8/Ef8R0JiLX4E/s400/readmore+3.jpg






http://1.bp.blogspot.com/_hhvKRfZDO9k/Sxc7OUUmEDI/AAAAAAAAAgE/l3ZBUc3t20E/s400/readmore+4.jpg






http://4.bp.blogspot.com/_hhvKRfZDO9k/Sxc7Z4vzDuI/AAAAAAAAAgM/0tnd8QZqRZY/s400/readmore+5.jpg






http://3.bp.blogspot.com/_hhvKRfZDO9k/Sxc7jvYznWI/AAAAAAAAAgU/kGa7JODHdGY/s400/readmore+6.jpg






http://1.bp.blogspot.com/_hhvKRfZDO9k/Sxc7orpptfI/AAAAAAAAAgc/N-6qjN_x12w/s400/readmore+7.jpg






http://3.bp.blogspot.com/_znjmv4LDwck/StXNws3VCWI/AAAAAAAABMU/UtD9fJs9J60/s400/New-Read-More.png





Tinggalkan Komen Anda Disini