Kamis, April 09, 2009

Icon di Depan Judul posting

Mempercantik blog memang banyak sekali caranya yaitu dengan menggunakan layanan dari web lain seperti dalam membuat recent viewer, membuat flag counter dan masih banyak lagi. Tetapi Ada juga yang mengedit dari html templatenya nya, beberapa contohnya yaitu menambahkan widget footer 3 kolom, membuat artikel yang berhubungan (related article by categories).

Disini saya akan berbagi tentang meambahkan icon di depan judul setiap postingan.

Untuk jaga jaga, lebih baik backup template dahulu.. :)

1.Buka Edit html dan centang expand widget!

Untuk jaga jaga, lebih baik backup template dahulu.. :)

2. Cari .post h3

Gunakan CTRL + F untuk mempermudah..

3. Setelah ketemu, tambahkan kode berikut ini (yang berwarna biru) kedalam cssnya.

.post h3{ background:

url("URL-GAMBAR-ANDA") 0px 0px no-repeat; margin:.5em 0; padding:0 20px

0; font-size:120%; font-weight:bold; font-style:normal; line-height:1.3em;

color:#333}

URL-GAMBAR-ANDA adalah alamat letak dari gambar yang akan anda pasang

4. Simpan dan Preview.

Semat Mencoba.

Tidak ada komentar:

Poskan Komentar