Cara Menambah icon Di Sidebar Links

Sidebars kadang-kadang terlalu ramai dengan banyak teks.Ada banyak cara untuk membuat beberapa item menonjol.Saya akan menambahkan ikon di sebelah link, untuk membedakan link dari teks normal.Saya juga akan menarik garis tipis setelah setiap link. Agar konsisten, warna garis-garis ini akan menjadi warna perbatasan.Bagaimana? Mari kita ikuti langkah langkahnya:

NB: Trick ini hanya berlaku pada beberapa template blog. berikut langkah langkahnya :

1.masuk ke blogger anda.

2.masuk ke halaman Template - Edit HTML - Centang "Expand Widget Template" kemudian cari kode berikut ini:

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}

3.jika sudah ketemu,gantilah dengan kode di atas dengan kode berikut ini :

sidebar ul {
list-style:none;
margin:0 0 1.25em;
padding:0 0px;
}

.sidebar ul li {
background:url("URL gambar anda") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:3px;
border-bottom:1px dotted $bordercolor;
line-height:1.4em;
}

 4.simpan dan lihat hasilnya.

Your Ad Here

Share This :

Cara mudah berlangganan artikel blog ini:

Enter your email address:


Delivered by FeedBurner