belajar komputer

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 :
   .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 ^_^