Skip navigation.

Log in | Sign up

permak wajah blogmu

mari belajar css sama-sama

Posts tagged with "customize"

membuat image link sidebar myopera

, , , ...

Update 13/12/2009
untuk saat ini belum ada opsi tuk menyisipkan image(gambar) di links sidebar. alternatif cara untuk membuat link memiliki image adalah dgn menambah code css div.link.
sebagai berikut kodenya:

div.linkinfo a[href*="http://isi dengan url link blogmu"],div.sidelinx a[href*="http://isi dengan url link di blogmu"]{ display: block; padding-left: 2500px; height: 75px; line-height: 35px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url('http://isi dengan url image yg kan dipake sebagai link'); }


misal, disini link ku dari sidebar group ini yaitu http://my.opera.com/makeupurblog/blog/2008/04/01/download-stuff
sedangkan image untuk linknya dari
http://files.myopera.com/SyamsulHadi/new1/water.jpeg berupa gambar

maka pengaplikasian didalam code sebagai berikut:

div.linkinfo a[href*="http://my.opera.com/makeupurblog/blog/2008/04/01/download-stuff"],div.sidelinx a[href*="http://my.opera.com/makeupurblog/blog/2008/04/01/download-stuff"]{ display: block; padding-left: 2500px; height: 75px; line-height: 35px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url('http://files.myopera.com/SyamsulHadi/new1/water.jpeg'); }

*note: height disini untuk tinggi image yg digunakan. disini aku menggunakan ukuran gambar 120 x 75 pixels,
sedang line-height tuk hover tinggi area url.


Untuk melihat hasilnya silahkan prhatikan link sidebar disamping itu