Untuk membuat ReadMore bergambar 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
Hasilnya :
9 comments:
wew gimana tuh maksud gambarnya gan,,,
visit my blog hheheh http://satu9satu.blogspot.com/
Ganti saja tulisan "Readmore" dengan IMG SRC=....,, gambar bisa diganti2 sesuai keinginan kita dengan mengganti url gmbrnya :), smoga bermanfaat
nice info...
wkwk..bingung oom,..copas kemana kodenya..? apanya dan dimana ?? ane nubie neh..heheeh..
Maaf sebelumnya tuh sudah saya perbaiki...., ada code yang hilang :)
kebanyakan template blog tersedia code seperti diatas, tinggal ikutin langkah-langkahnya
Om, itu pic readmorenya bagus, tapi ente tau gak caranya ilangin readmore yg dari sononya. soalnya ane udah pake readmore yg dari sono, jadi aneh klo dobel2.
mohon bantuannya dan terimakasih :)
http://optimispositif.blogspot.com/
wah,, tutorialnya sangt bermanfaat ni thanks gan
trimaksih atas infonya bro. blog walking
gak bisa gan di tempat ane//
Posting Komentar