Menambah Icon di Samping Judul Artikel

Bosan dengan tampilan judul artikel yang tidak ada desain sama sekali?. Jika sobat blogger bosan dengan tampilan judul artikel yang tidak ada pernak-perniknya, silahkan ikuti tips ini. Pasti tips ini sangat menarik untuk ditampilkan pada blog anda.

Sebelum kita melaju kepada langkah-langkah, sekarang saya akan menjelaskan terlebih dahulu mengenai tips kali ini. Adapun ikon yang dimaksud disini adalah ikon yang dapat mempercantik juduk artikel kita. Biasanya gambar ikon yang umum digunakan adalah seperti gambar rumah, atau sejenis gambar admin. Nah sobat blogger bisa berkreasi sedikit untuk blog anda.

Oke langsung saja,

1. Login ke blogger dengan akun kamu

2. Pilih Rancangan

3. Pilih Edit HTML

4. Cari kode yang mirip seperti ini (Biar gampang tekan Ctrl+F)

.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;

5. Sebelumnya ada sudah menentukan alamat URL gambar ikon anda.  Jika belom, silahkan cari di website ini Iconarchive.com.

6. ganti tulisan padding:30px 0px 0px 45px; menjadi 48px 0px 0px 45px; dan tambahkan kode height:48px; dan background:  di bawah  color:#333; yang tampak seperti kode berikut.

.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;

7. Setelah selesai, silahkan Simapan Template.

Selesai deh. Semoga berhasil dan bermanfaat.