Membuat Icon Disamping Judul Posting

Ingin membuat variasi icon disamping judul posting yang contohnya bisa anda lihat pada blog ini atau seperti pada beberapa gambar dibawah ini?

variasi icon disamping judul posting

variasi icon disamping judul posting variasi icon disamping judul posting

Caranya mudah saja, ikuti langkah-langkah berikut:

Langkah pertama: Tentukan image atau gambar yang akan dijadikan icon kemudian upload ketempat hosting anda, ambil URL gambar iconnya.

Langkah kedua:

  • Log in ke blogger=> pada dasbor=> klik tata letak=> edit HTML=> cari kode berikut:

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-style:italic;
line-height:1.3em;
color:#333;
}

  • kalau sudah dapat sisipkan kode berikut

background:url(alamat gambar anda) no-repeat left center;

  • Sehingga keselurahannya menjadi seperti ini:

.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-style:italic;
line-height:1.3em;
color:#333; 
background:url(alamat gambar anda) no-repeat left center;}

  • Terakhir klik save/ simpan.

Semoga bermanfaat!

Share:

0 comments:

Posting Komentar