Merubah Tampilan ReadMore Dengan Image

Jika anda bosan dengan tampilan ReadMore dengan Teks anda bisa menggantinya dengan image yang anda buat. Mungkin sudah banyak blogger blogger lain yang memposting cara mengganti Readmore dengan Image ini. Berhubung di blog ini belum ada postingan Membuat readmore dengan image jadi sebagai tambahan postingan saja maka saya membuat postingan ini. Langsung saja jika anda tertarik untuk membuatnya ikuti caranya di bawah ini.

Masuk ke Blog Anda
Pilih Tata Letak lanjut dengan Edit HTML – Centang Expand Template Widget
Cari kode seperti dibawah ini :


.fullpost{display:none;}

Full Post

Ganti Kode di atas dengan kode di bawah ini


.fullpost{display:none;}

<span class='rmlink' style='float:right‘>
<img alt='read more' src='
http://Url image anda?imgmax=800’/>

Warna Merah merupakan posisi dari image Read More tersebut. float:right Bisa ganti dengan float:left untuk posisi disebelah kiri.
Warna Biru merupakan alamat penyimpanan image Anda bisa mengganti dengan Image yang diinginkan.

Dibawah ini ada beberapa kode image ReadMore yang bisa anda gunakan.



http://lh5.ggpht.com/_OzNnI7Y03Iw/S3jKjWh7qfI/AAAAAAAAA88/c3W9OEJs7XE/Read%20

http://lh4.ggpht.com/_OzNnI7Y03Iw/S3jNjUYy_iI/AAAAAAAAA9Y/y1Chjeovmzo/Read%20more



http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jKjMgV96I/AAAAAAAAA80/hvgO5GIr-3c/Read%20


Jika sudah silahkan Simpan.

One thought on “Merubah Tampilan ReadMore Dengan Image

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s