Menambah Icon di Samping Judul Artikel
Apakah anda pernah berpikir bagaimana jika di samping judul artikel terdapat icon ? Tentu akan lebih bagus kan ? Nah sekarang saya posting bagaimana cara menambahkannya.Silahkan ikuti cara-cara berikut ini.
1. Masuk Akun Blogger Anda dan klik Layout pilih Edit html.Tapi sebelumnya saya sarankan untuk mendownload template lengkapnya buat jaga-jaga.
2. Cari Kode Css Berikut :
3. Cari Icon Yang ada suka misalnya icon buku dan pena yang punya gambarnya (http://tbn1.google.com /images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh) atau anda bisa mencarinya di Iconarchive.com, disana anda akan mendapatkan banyak contoh icon.
4. Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url nya dibawah color:#333;yang jadinya seperti ini:
5. Save templatenya.
Nah silahkan mencoba apakah anda bisa.. saya yakin anda pasti bisa
Semoga Bermanfaat ^_^
1. Masuk Akun Blogger Anda dan klik Layout pilih Edit html.Tapi sebelumnya saya sarankan untuk mendownload template lengkapnya buat jaga-jaga.
2. Cari Kode Css Berikut :
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
<font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
3. Cari Icon Yang ada suka misalnya icon buku dan pena yang punya gambarnya (http://tbn1.google.com /images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh) atau anda bisa mencarinya di Iconarchive.com, disana anda akan mendapatkan banyak contoh icon.
4. Ganti kode padding:30px 0px 0px 45px; Jadi padding:48px 0px 0px 45px; dan tambahkan height:48px; dan background:url nya dibawah color:#333;yang jadinya seperti ini:
.post h3 {
margin:.5em 0;
padding:48px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:
http://remas-alakbar.com/images/buku.png) no-repeat left center;
5. Save templatenya.
Nah silahkan mencoba apakah anda bisa.. saya yakin anda pasti bisa
Semoga Bermanfaat ^_^