Jumat, 11 September 2009
MEMBUAT TOMBOL READ MORE DG GAMBAR
20.24 | 
Diposting oleh
Saiful Arif |
Setelah sempat berpikir sesaat dan dengan riset coba-coba, akhirnya saya menemukan metode lain dalam membuat Read more (baca selanjutnya) pada posting di blog. Jika anda ingin melihat hasil yang sudah saya terapkan, arahkan pandangan saudara pada bagian bawah. Disana ada gambar sang merah putih yang bertuliskan baca selanjutnya. Gambar ini bisa anda buat pakai apa saja, kalau saya lebih senang pakai "corel draw dan photoshop" tentu dengan ukuran (128 x 20)pixel. Sebenarnya konsepnya mudah dan simpel asalkan saudara sudah mengerti dasar dari read more sebelumnya, jika belum tahu dasarnya pelajari disini. Arahkan pandangan saudara pada kalimat read more di kode HTML dibawah. Nah, kita tinggal ganti kata-kata tersebut dengan gambar yang sudah disimpan di server orang lain.
jika belum ya anda daftar saja di photobucked, tentu ini salah satu lisensi yang biasanya saya gunakan. Daftar aja disini dulu dan ikuti langkah-langkahnya. Anggaplah saudara sudah terdaftar dan gambar yang saudara siapkan sudah di upload alias disimpan, lihat pada bagian htlm code, copy bagian itu sebagai ganti kalimat read more tadi.
<a expr:href='data:post.url'>Read More......</a>
ganti tulisan Read more dengan code berikut :
<img src="http://i241.photobucket.com/albums/ff64/affandy_arif/readmoreminiok.jpg" border="0" alt="Photobucket"></a>
ingat !!! pada code HTML di photobucked saudara harus mengambil code mulai dari "img scr...", jangan diambil semua. tentunya yang kita inginkan hanya gambarnya saja sebagai media tombol, bukan link secara keseluruhan.Kode tersebut adalah milik seperti di posting saya ini. selanjutnya anda tingggal save templates.
