Tutorial Animasi Pada Gambar artikel

Bookmark and Share


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




http://www.usebit.co.cc/

Temukan semuanya tentang Pasang Iklan, bisnis, Iklan Baris, iklan gratis

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

Powered By Blogger