Wednesday, August 11, 2010

Cara Mengganti Read More Dengan Gambar

Hari Puasa Dan Bulan Ramadhan Masih Semangat Hayoo,,,Pada Artikel Tutorial BLog Pagi Ini Merupakan Artikel Tutorial Blog Yang Paling Spesial Karna Merupakan Artikel Posting Blog Saya Yang Ke 100 genap sudah, pada kesempatan ini saya akan memberi tahu tentang Cara Mengganti Read More Dengan Gambar dimana pada posting sebelumnya saya telah menerbitkan Tutorial Cara Membuat ReadMore Di Blog, Tutorial Cara membuat readmore gambar ini saya peroleh dari seorang teman yaitu Mas Ardi 33  . Karena tiga posting saya kedepan bakalan saling sinkron satu sama lain maka saya kasih deh ilmu ini sekalian buat kawan semua terutama yang masih belajar  kaya saya ini, Orang bilang �Berbagi Ilmu tidak sama dengan berbagi Uang, karena bila berbagi Uang akan mengurangi isi kantong kita,dompet kita dan/atau kotak deposit kita, maka berbagi ilmu justru akan menambah pengetahuan serta kecakapan yang kita miliki OK! Lets chek it out!!!
readmoreq




Metode ini hanya berlaku bagi anda yang memiliki blog berfitur Read More.....bila blog anda belum ada read more nya silahkan membuat dulu, bisa dengan cara ini atau Read more versi lain.

Upload Gambar Read More Kreasi anda ke Photobucket atau Webhosting untuk mendapatkan URLnya usahakan gambar yang anda buat berukuran Maksimal 133 x 28 pixel (itu ukuran maksimal lho)

Log In ke blogger >> Klik tata letak >> Edit HTML >> Chek Expand Wiget Template

(Back Up Template sebelum melanjutkan)

Tekan Ctrl + F cari tulisan Read More/Baca Selengkapnya/Want More/Baca kelanjutanya Yuk....atau kata apa saja yang anda pakai untuk read more blog anda.

Ganti tulisan tersebut dengan kode berikut :

Misal nih untuk blog saya kan pake gambar ini

readmoreq


maka saya ganti tulisan "Read More" pake kode ini :
 <img src="http://i870.photobucket.com/albums/ab263/ababiel_bucket/readmoreq.jpg" width="90" />

Kemudian Klik SAVE TEMPLATE dan selesai deh....

kata mas ajieeeeee (dengan bahasa khas nya) �klo ga mau mumet� pakai image di bawah ini aja. saya udah buatkan gambar read more,bila anda tidak ingin pusung register di webhosting...kali aja suka gitu.....

read2

<img src="http://i870.photobucket.com/albums/ab263/ababiel_bucket/read2.jpg" width="90" />

read6


<img src="http://i870.photobucket.com/albums/ab263/ababiel_bucket/read6.jpg" width="90"/>
Selanjutnya Terserah Anda Tinggal Memodifikasi Gambar Pada Template Anda.....


Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Blog Ini...