membuat image link sidebar myopera
By hadi. Friday, 6. March 2009, 10:21:30
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














