Cara letak ikon dekat sidebar
Tutorial yang simple untuk korang ;).Letakkan ikon kat sebelah sidebar.
Demo(sila lihat sidebar dengan ikon bintang)
Langkah 1. Dekat Blogger dashboard klik Design > Edit Html
Langkah 2. Cari kod yang aku merahkan ni kat Edit Html : (Klik Ctrl dan F untuk search bar)
Langkah 3. Copy dan Paste kod dibawah Sebelum /Diatas kod ]]></b:skin>
Klik save template,dah siap.
Nota:
Ubah kod ungu dengan url gambar ikon yang korang ingin bagi sidebar korang kalau korang tak nak gambar bintang yang aku bagi tu.
Demo(sila lihat sidebar dengan ikon bintang)
Langkah 1. Dekat Blogger dashboard klik Design > Edit Html
Langkah 2. Cari kod yang aku merahkan ni kat Edit Html : (Klik Ctrl dan F untuk search bar)
]]></b:skin>
Langkah 3. Copy dan Paste kod dibawah Sebelum /Diatas kod ]]></b:skin>
.sidebar h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbnD6fTqDVpa50i_zWJCpsum8vQoTXIub1LQjwTKfmm4xOgfRw7I9wpiUkQpX_kAMGS9bGUGym8oMBoGNxnLnWMr0GlXidrOj-BBMS6Ap1b7Q1OuzOxZY-11yaeO9NxFzV20XtHeGWSK5c/s1600/spinning_star.gif);
background-repeat: no-repeat;
background-position:left center;
padding:10px 3px 0 30px;
}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbnD6fTqDVpa50i_zWJCpsum8vQoTXIub1LQjwTKfmm4xOgfRw7I9wpiUkQpX_kAMGS9bGUGym8oMBoGNxnLnWMr0GlXidrOj-BBMS6Ap1b7Q1OuzOxZY-11yaeO9NxFzV20XtHeGWSK5c/s1600/spinning_star.gif);
background-repeat: no-repeat;
background-position:left center;
padding:10px 3px 0 30px;
}
Klik save template,dah siap.
Nota:
Ubah kod ungu dengan url gambar ikon yang korang ingin bagi sidebar korang kalau korang tak nak gambar bintang yang aku bagi tu.
2 ulasan
dayun da cuba..huhu.tenkiu!
Replysatgi nk cuba. thanks =D
ReplyNota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.