Cara Menambahkan Image Di Depan Link Seri 2


Anda lihat kan, gambar bintang berkedip-kedip di depan link pada sidebar blog ini ? Itulah yang
dimaksudkan dalam tutorial kali ini. Untuk membuatnya, copy kode yang ada di bawah kemudian
masukkan pada bagian paling atas sidebar dimana Anda meletakkan link tersebut :


<style>.list
{background: url("URL Gambar di sini") no-repeat left center; line-height:1.2em;padding:3px 5px 3px 15px;)</style>

KETERANGAN :

Buatlah gambarnya dengan ukuran kecil saja, misalnya : 10 px X 10 px.

Letakkan kode URL gambar Anda pada kode URL Gambar di sini

Sesuaikanlah angka padding-nya dengan sidebar blog Anda.

PENERAPAN PADA LINKNYA :

Sisipkan kode <div class="list">..........................</div>, diantara kode-kode link Anda.

Contohnya seperti di bawah ini :

<div class="list"><a href="http://syamsudinnamaku.blogspot.com/2011/01/membuat-efek-salju-di-blog.html">Membuat Efek Salju di Blog</a></div>

Selamat mencoba, good luck!

0 komentar:

Posting Komentar