Untuk membuat ReadMore berwarna cukup sederhana caranya langsung saja ..
1. Login ke blogger.com
2. Klik Layout/Tata Letak ---> Edit HTML
3. Klik tulisan Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan pengeditan HTML
4. Beri tanda centang pada kotak di sebelah tulisan “Expand Template Widget”
5. Cari kode seperti ini <p><data:post.body/></p> biar cepat klik Ctrl+F
6. Kemudian ganti kode tersebut dengan kode ini :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
Keterangan :
Sebelumnya tulisan Read Morenya seperti tulisan yang berwarna biru. Tetapi pada postingan ini kita akan mengganti tulisan tersebut menjadi gambar. Caranya ganti kode “Read More” yang berwarna merah dengan kode ini
<IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/>
Jreeng...jadi dech , semoga bermanfaat
http://anjees.blogspot.com/2010/05/cara-membuat-readmore-bergambar.html
Hasilnya :
Anda sedang membaca artikel tentang Cara buat ReadMore berwarna dan anda bisa menemukan artikel Cara buat ReadMore berwarna ini dengan url http://bayangan-pembunuh.blogspot.com/2012/01/cara-buat-readmore-berwarna.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara buat ReadMore berwarna ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara buat ReadMore berwarna sebagai sumbernya.
0 komentar:
Posting Komentar