Bullet Pada Awal Link List

Indonesia Furniture Handicraft Wholesale Marketplace

Nah pada posting ini kur akan bahas tutorial tentang menampilkan bullet dan pengaturan spasi pada setiap list suatu link.(Bener gak ya nih kalimat..)Klo temen-temen bingung dengan nih kalimat mendingan rekan-rekan sekalian lihat pada menu kategory disamping, nah disana terlihat ada gambar (dah Kur ilangin gambarnya he..he..) dan border bottom pada setiap listnya..Selain itu dengan menggunakan tutorial berikut juga akan mengatur jarak spasi sehingga terlihat lebih rapi.

Nha klo temen-temen pengin buat ikutin yuk tutorial berikut:
1. Login ke blog kalian dan masuk ke edit HTML,jagan lupa beri tanda pada expand widget.
2. Cari kode berikut: <b:skin><![CDATA[
3. Copy kode berikut di bawah kode di atas.

ul {
border: 0px solid #none;
margin: 2px;
padding: 2px 2px 2px 23px;
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPXl0g48ousYJEyWnFBywrBXbqh1qsvdtfjogQk6OfK_jY_HTi9qDx4RpPgMIqu-HL44FdptWonAUhuI9OVyOD8kKveF5rafblgJvIZp0lutQu_284TaOCDZlUA04vjpZnd52vy01CRY/);
}
li a{
display:block;
color:#ff8d1b;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
padding:2px 2px 2px 2px;
font-family:Georgia, garamond, serif;
}
li a:hover{
display:block;
color:#db6d00;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
background:#ffdfbf;
}

4. Kemudian simpan templates dan lihat hasilnya.

Silahkan ganti tulisan berwarna merah diatas dengan alamat gambar rekan-rekan masing-masing apabila gambar tidak sesuai dengan selera (sela kur rendah sich).Kemudian untuk ukuran Padding dapat diatur sesuai dengan template dan selera tentunya.

Bagamana kalian tertarik?Silahkan dicoba dan semoga berhasil.Terimakasih telah membaca artikel dari myokenet.

Indonesia Furniture Handicraft Wholesale Marketplace