Mengganti Icon Bullet di Blog
11.57
GFS
, Posted in
Tutorial Blogger
,
4 Comments
Apakah sedulur bosan dengan tampilan bullet atau penomoran yang ada dalam blog sedulur...? Tenang aja sedulur dapat dengan mudah menggantinya dengan icon pilihan sedulur. Ya tentunya icon ini berbentuk kecil dan pas untuk menggantikan bullet default bawaan Blogspot. Contoh screenshotnya dibawah ini:
Gimana...apakah sedulur tertarik untuk menggantinya, bila tertarik silahkan ikuti langkah-langkahnya berikut ini :
- Login dulu ke akun blogger sedulur, kemudian Klik Layout/ Tata Letak >> Edit HTML >> jangan lupa centang dulu Expand Template Widget.
- Kemudian cari menu li pada Template sedulur ( kode li yang terletak diatas kode ]]></b:skin> )...contoh :
.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
} - Kemudian sisipkan kode berikut :
background: url('http://sites.google.com/site/cumaisenggroup/cabinet/dasbor/2.png') no-repeat 0px .30em ;
Sehingga akan tampak seperti ini :
.post li {
background:url('http://sites.google.com/site/cumaisenggroup/cabinet/dasbor/2.png') no-repeat 0px .30em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
} - Silahkan sedulur ganti url icon http://sites.google.com/site/cumaisenggroup/cabinet/dasbor/2.png dengan URL Icon milik sedulur.
- Selanjutnya simpan Template...selesai
Kalau bulet untuk artikel terkait bagaimana cara merubahnya gan ??? tolong dibantu ya?
Pagerank Update : Hadiah PR 2 Dari Google
Nice Blog..Salam Blogger..:n
gmana carae mangatur jarak antar gidget pada blog. om
@Atjeh ONLine™