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