10.06.2009

Membuat Read More Gambar

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

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 Photobucket

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



Photobucket

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



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


Photobucket

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


Photobucket

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


Photobucket

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


Photobucket

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


Photobucket

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


Photobucket

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

tp mohon maaf beberapa gambar ga muncul....ga tau knapa pdhl udah pake html dari photobucket........tp yg jelas sipp deh!


terimakasih,oh ya jangan lupa komen lho...kan kita dah jd temen?buktinya......situ kan baca tutorial ini hayooooooooooo?


5 komentar temen:

anung mengatakan...

kerenz....banyak amal sampeyan mas...tp kok kayaknya sampeyan seneng warna merah ya....aku mau pake image read more gak ada yang bernuansa biru...heheh.....posting yang bagus...lanjutkan!!!!

Blogger Admin mengatakan...

sip.....buat aja gambar dengan corel seukuran 133x28 px lalu upload ke photobucket atau facebook....ambil URL gambar dengan cara klik kanan >>salin lokasi gambar n masukan ke kode di atas...........

Lixzz mengatakan...

makasih tutorialnya ya!
tapi btw kok blog anda loadingnya lama si?? jadi nunggu lama deh buat liat caranya...... :(

Suratman Adi mengatakan...

Aq minta satu gambar read more nya bang adit,he...He.,

narnee mengatakan...

terima kasih mbak,,,salm kenal.
artikel anda sangat membantu