Cara Membuat ReadMore Bergambar Di Blog

Sebenarnya membuat read more di postingan blog, sudah sangat banyak tapi sekedar untuk menyegarkan kembali admin men-share untuk sahabat tutor - art. klo berminat memasang read more di blog, langsung aja ikuti langka berikut :

Contoh read more Sahabat Bloger yang akan buat seperti ini

"  "

Cara Membuatnya kayak gini nich.....

1. Login ke bloger.com
2. Klik Layout/Tata Letak ---> Edit HTML
3. Klik tulisan Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan pengeditan HTML
4. Cari kode seperti ini <p><data:post.body/></p> biar cepat klik Ctrl+F
5. Kemudian ganti kode tersebut dengan kode dibawah ini (untuk read more biasa) :

         <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>

•  Untuk read More bergambar, Sahabat Bloger ganti aja Read More diatas dengan <IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/> , Sehingga kodenya menjadi seperti 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'><IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/></a> </b:if>

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 18.37 and have 0 komentar