Membuat Icon Gambar Di samping judul posting

Membuat Icon Gambar Di samping judul posting. Pernahkah teman-teman tips blogger semua melihat sebuah blog yang menampilkan icon gambar disamping judul posting mereka?. Nah apabila pernah dan kamu ingin mencoba membuat tampilan blog seperti itu, tips blogger akan berbagi tips tentang cara Membuat Icon Gambar Di samping judul posting. Caraya sangat sederhana. Yang pertama tentu saja kamu harus login dulu ke account blogger kamu.

-Kemudian masuk ke halaman edit template dan Cari Kode Css Berikut :

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

-Cari Icon Yang kamu suka misalnya icon buku dan pena yang kemudian ambil link gambarnya, seperti contoh link gambar ini...



(http://tbn1.google.com/images?q=tbn:nlmFs_SO55kJ_M:http://remas-alakbar.com/images/
buku.pngh).

-Ganti kode

padding:30px 0px 0px 45px;

Jadi

padding:48px 0px 0px 45px;

dan tambahkan

height:48px;
background:url (di bawah color:#333;)

Contoh pemasangannya 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. Kemudian simpan dan lihat hasilnya.

Note : untuk mencari icon gambar yang kamu inginkan, kamu bisa mengunjungi Iconarchive.com.

Salam Tips Blogger.

Read this | Baca yang ini

beautifull widget

• Mengarahkan Url Ke Widget
• Membuat Reply Comment Pada Blogspot
• Menampilkan Tanda tangan pada blog
• Posting terbaru Link membuka Window Blank
• PageRank Button Checker
• Pasang Avatar atau foto dalam Komentar
• Membuat Daftar isi Lebih Elegan
• Daftar Isi
• Pasang Widget Google Translate
• Cara Membuat Screenshoot Blog
• Cara Membuat Top Post-Populer artikel
• Cara Membuat Related Post Artikel di blogger
• Cara Membuat Random Post
• Memasang tanggal di dalam posting
• Menyembunyikan dan menampilkan Element blog
• Membuat gambar dengan efek bayangan
• Membuat Banner Flash secara Online 2
• Menampilkan posting terbaru dengan gambar
• Cara mengedit Sidebar
• Mengganti warna Tulisan & Background Footer
• Memasang gambar sebagai background tulisan
• BlogRoll Dan About me
• Cara membuat situs iklan gratis
• Cara Menampilkan foto komentator

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]