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 letakkan 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 link dan 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!

Tidak ada komentar:

Posting Komentar