Cara membuat Read More dengan gambar

Kali ini tentang salah satu tutorials design blog yang berhubungan dengan area posting dengan cara membuat Read More bergambar atau menganti Read More dengan icon image agar terlihat lebih cantik. Bila anda belum membuat Read More bisa ada lihat Di SINI tutorials nya, Read More merupakan hal penting dalam blog yang berhubungan dengan seo.

<<== Langsung saja ke cara menganti Read More dengan icon image ==>>

Sebelumnya silakan pilih salah satu gambar di bawah ini atau anda buat sendiri gambarnya di photobucket untuk menganti read more blog anda.

Link -> http://i760.photobucket.com/albums/xx242/duniablog23/ButtonSelengkapnya.png




Link -> http://i666.photobucket.com/albums/vv28/hutchingsjill/readmorebutton.jpg




Link -> http://i819.photobucket.com/albums/zz118/ckellyireland7/read_more.png




Link -> http://i842.photobucket.com/albums/zz348/calfordgpb/Work/readmore.png





Agar gambarnya bisa muncul anda tambahkan sedikit kode.

< img src="http://i842.photobucket.com/albums/zz348/calfordgpb/Work/readmore.png"/ >

<<== Sekarang ke langkah cara menganti Read More nya ==>>

==>> Pertama masuk ke dasbor blogger anda >> Klik tata letak >> Klik Edit HTML dan centang expand widget template.

==>> Selanjutnya Cari kode di seperti bawah ini :

< p > > data:post.body/ > < /p >
< a expr:href='data:post.url' > < strong > Read More... < /strong > < /a >
< /b:if >

==>> Bila sudah ketemu gantilah kalimat Read More dengan URL gambar yang telah disiapkan diatas, sehingga menjadi seperti ini :

< p > > data:post.body/ > < /p >
< a expr:href='data:post.url' > < strong > < img src="http://i842.photobucket.com/albums/zz348/calfordgpb/Work/readmore.png"/ > < /strong > > /a >
< /b:if >

==>> Langkah selanjutnya klik simpan dan lihat hasilnya.

Selamat bekerja, salam dari newbie..!

Category: Tips and tricks, Tutorials blog