Menambah Icon di Samping Judul Postingan

Kali ini saya akan memostingkan Menambah Icon di Samping Judul Postingan. bingungkan apa sih maksudnya menambah icon di samping judul postingan, nah setidaknya anda akan sedikit bahkan banyak
mengerti apa masksudnya setelah anda baca sampai habis posting ini ya mungkin berguna bagi anda. Menambahkan Icon atau gambar kecil sebelum judi artikel atau lebih jelasnya disamping judul artikel itu dapat menarik perhatian pembaca untuk melihat artikel tersebut itu sepenuhnya kenapa? yah dengan dihiasi dan maka judul posting pun lebih mencolok dan dapat menarik mata pembaca yang melihatnya. Maka dari itu saya akan beri tahu bagaimana caranya menambahkan icon/gambarnya.

Masuk Akun Blogger Anda dan klik Layout pilih Edit Html.

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;

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.

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;