Membuat Bullet icon di Blog
Posted by admin in Blog Tutorial
The Liutenant Said that A bullet is a projectile propelled by a firearm, sling, or air gun.
But I said that bullet means bundar (YA ngaak laah).
Bullet yang saya maksud adalah penomoran poda kalimat bersusun ($lt;ul> dan <li>). Jika masih belum jelas bisa anda lihat gambar disamping tulisan di dalam scroll box Tutorial Blog saya yang ada pada sidebar. Di situ terlihat adanya penampakan sesosok makhluk hijau mringis yang gk jelas (gw jg binung itu apaan :P). Itulah bullet yang saya maksud.
Cara pembuatannya cukup mudah.
1. Log in dengan Id blog anda > Tata Letak > Edit HTML.
2. Temukan kode #lateral1 li {
margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 12px; background: url("http://img530.imageshack.us/img530/6597/160325smilie.png") no-repeat left top; border-bottom: none;
}
(cara gampangnya teken CTRL+F)
Tulisan warna merah adalah direct link gambar anda yang sudah anda upload. Jika belum jelas masalah hosting gambar klik disini.
Waduh...Kode Lateralku Kok gk ada??Jangan khawatir...masih ingatkah anda dengan kata-kata Kakek anda: Banyak jalan menuju Roma? (jangan khawatir maksud saya :P)
Caranya, anda tinggal menambahkan kode Js berikut ke dalam CSS Kode HTML template anda:
.main ul {
list-style:none;
margin:0 0 1.25em;
padding:0;
}
.main ul li {
background:url("http://img530.imageshack.us/img530/6597/160325smilie.png") no-repeat 2px .25em;
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:3px;
padding-$startSide:16px;
margin-bottom:3px;
line-height: 1.2em;
}dan setian anda membuat postingan dengan "format"
<ul><li>, maka secara otomatis teks tersebut akan terdapat bullet di bagian depan (sebagai ganti nomor)
