Menambah gambar/icon Sebelum Judul posting

tips ini berguna untuk memperindah tampilan blog kita yah itung itung assesories gitu ,tips ini aku peroleh dari tutorial jitunya mas anas (thanks mas anas) Lihat gambar>>>

pertama-tama seperti biasa kita login ke blogspot, masuk ke menu Layout kemudian klik tab Edit HTML. Cari kode CSS dibawah ini di blog anda

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

bila sudah ketemu tambah kan code background:url(isi alamat url gambar anda)
contohnya seperti ini

background:url(http://i288.photobucket.com/albums/ll186/yogieswara/the_devil.jpg) no-repeat left center;

dan tambahkan juga kode height:48px; code ini untuk mengadaptasi bila yang lagi lihat blog kita menggunakan IE(internet Explorer) untuk Mozilla sih sudah bisa beradaptasi walaupun tanpa menggunakan kode tersebut
jadi kurang lebihnya hasil kode CSS nya seperti di bawah 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;
height:48px;
background:url(http://i288.photobucket.com/albums/ll186/yogieswara/the_devil.jpg) no-repeat left center;

agar gambar dapat terlihat dengan sempurna ataur paddingnya( padding:48px 0px 0px 45px) dan code height untuk menyesuaikan tinggi gambar mu. buat tambahan bila kamu males upload gambar sendiri bisa juga cari di http://www.iconarchive.com

bila sudah pas dengan gambarnya simpan pengaturan dan lihat hasilnya.

klo gambarnya kurang terlihat sempurna utak-atik saja paddingnya( sekalian belajar)..
selamat mencoba… semoga berguna bagi anda.

“Anda Suka dengan posting disini??, anda bisa berlangganan posting di sini melalui melalui email anda,dan dapatkan tips-tips terbaru dari saya”

alamat email mu:

Delivered by FeedBurner

Tag: , , ,

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s


%d blogger menyukai ini: