06 March 2010
Text ReadMore Kepada Image
hak milik
Sue
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
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 error
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
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 error
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