Cara Menambahkan Icon Disamping Link

 

Untuk menambahkan Icon disamping link pada sidebar ada syarat mutlak yang harus Anda penuhi yaitu menyiapkan icon itu sendiri [kalau tidak ada, download disini]. Selanjutnya silahkan baca kalimat dibawah ini.

Langkah2nya sebagai berikut:
Untuk menambahkan icon disamping link pada sidebar
  1. Login ke Blogger.com
  2. Kemudian Tata Letak
  3. Pilih Edit HTML
  4. Centang Expand Widget
  5. Copas kode kedua dibawah kode pertama:
Kode Pertama:
.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
Kode Kedua:
.sidebar li {
  list-style-type:none;
background: url("Alamat URL image Anda disini") no-repeat 0px .20em;
padding-left:25px; padding-top:3px;
margin-top:2px;
Untuk menambahkan icon disamping link pada footer dan bottom
     6. Copas kode kedua dibawah kode pertama:

Kode Pertama:
#bottom ul {
padding:0;
margin:0;
color:#333;
}
Kode Kedua:
#bottom ul li {
list-style-type:none;
background:url("Alamat URL image Anda disini") no-repeat 0px .17em;
padding-left:17px;
margin-top:2px;
}
     7. Selanjutnya Save Template

Note:
  • Ganti huruf yang berwarna biru dengan Alamat URL icon Anda
Share on Google Plus

About Admin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

2 comments: