Rabu, 05 Oktober 2011

Cara Membuat Icon pada Link List / Label

red arrow
Sekarang kita akan mencoba menambahkan icon pada label dan link sidebar. Yang dimaksud dengan icon link list adalah icon kecil di samping daftar link yang biasa kita tempatkan pada sidebar blog kita. Icon ini bisa bermacam-macam. Pertama sekali anda harus sudah menyimpan icon pada image hosting anda. Misalnya di tiniypic.com, photobucket.com atau tempat tempat hosting gambar lainnya. Contohnya icon panah hijau dengan alamat penyimpanan seperti ini:

    http://i35.tinypic.com/2n03mgz.jpg

Nanti bisa anda ganti dengan icon milik anda. Seperti biasa login ke blogger dengan id anda. Cari kode berikut:

    .sidebar li {
    border-bottom:1px dotted #cccccc;
    margin:0;
    padding:0 0 .25em 17px;
    line-height:1.2em;
    }

Mungkin ada perbedaan pada template, fokus saja kode .sidebar li { yang merupakan kode pada daftar link di sidebar atau cari kode yang hampir mirip. Kemudian tambahkan alamat icon anda di bawahnya. Contohnya:

    .sidebar li {
    background:url("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 3px .10em;
    border-bottom:0px dotted #cccccc;
    margin:0;
    padding:0 0 .30em 30px;
    line-height:2.0em;
    }

Lalu klik tombol Simpan Template dan lihat hasilnya. Jika tidak ada masalah, hasilnya akan seperti gambar di bawah ini :

Link List / Label

Di sebelah kiri daftar link dan label akan ada icon panah kecil. Oke selamat menambahkan icon pada label dan link sidebar, mudah-mudahan berhasil ya...

Credithttp://starkampusstar.blogspot.com/2011/02/menambahkan-icon-pada-link-list-label.html

2 komentar:

Venomia Blog mengatakan...

nice tips mezzi..happi blogging ^^

mezzi oktavia mengatakan...

thank's,,, :)
happi blogging jg ^^

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...