Jangan Bosen untuk Kunjungin Blog Sederhana Ini Yaahh !!! (-__-lll) (˘_˘”) Home | DickeyMaru™ | Caesar Shinobito | Join This Site

Saturday, June 25, 2011

Avatar

memasang gambar animasi pada judul blog

nia.Blog Tips and Trick kali ini akan membahas cara memasang gambar animasi pada judul postingan.format gambar yang digunakan adalah format gift. contohnya seperti dibawah ini.



Untuk yang berminat cara memasang gambar animasi tersebut pada judul postingan yaitu sebagai berikut.

1. Setelah anda logi ke Blogger.com, selanjutnya anda masuk ke menu Tata Letak/Layout>>Edit Html

2. Pada halaman Html, anda cari kode .post h3. atau lebih lengkapnya  seperti dibawah ini.

.post h3 {
background:url(Masukan Link gambar anda disini) no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 35px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.4em;
/* text-transform: uppercase; */
border-bottom: 2px solid $posttitleBorderColor;
}

3. Setelah anda menemukan kode seperti di atas, selanjutnya anda masukan link gambar animasi anda pada background url seperti tulisan yang saya beri warna kuning di atas.sebagai contoh Blog Tips and Trick memakai animasi gambar Emoticon dengan link.

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif ,

maka anda tulis linknya seperti ini.

backround url (http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif) no-repeat;

4. Klik simpan/save.

5. Selesai

Silahkan anda buka blog anda untuk melihat hasilnya.

0 komentar:

post comment not spam !!!