Memasang Gambar Animasi Pada Judul Posting

Description : Blog Tips and Trick kali ini akan membahas cara memasang gambar animasi pada judul postingan.format gambar yang digunakan adalah format gif...
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.

Selamat Mencoba dan semoga bermanfaat, salam blogger mania.
Posted by: Umar Backry Blog Tips And Trick - Updated at: 4:23 PM

Silahkan Berikan Komentar Anda, Terima Kasih

0 Respones to "Memasang Gambar Animasi Pada Judul Posting"

Post a Comment

 
Copyright © 2012 Blog Tips and Trick | Powered by Blogger | Design by Umar Backry