Berbagi ilmu kepada orang lain menurut saya tidak akan mengurangi ilmu kita akan tetapi malah menambah ilmu kita. Jadi setiap ada ilmu kita yang bermanfaat seharusnya kita share kepada orang lain biar ilmu yang orang yang diperoleh tersebut dapat disampaikan kepada orang lain dan begitu juga seterusnya, karena lebih baik berbagi ilmu dari pada dinar atapun dirham.
Pada kesempatan kali ini saya akan berbagi lagi kepada sobat blogger tentang tips dan trik baru lagi nih, yaitu bagaimana cara membuat gambar animasi dengan JQuery. Giamana berminat untuk mempelajarinya gan? Kalo sobat berminat ikuti langkah di bawah ini.
1. Login ke bloggger atau klik disini.
2. Pilih template >> Edit Html >> Lanjutkan.
3. Jangan lupa centang Expand widget template.
4. Cari code di bawah ini.
5. Setelah code </head> ketemu copy paste code JQuery di bawah ini dan letakkan di atas code tersebut.
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js type=text/javascript></script>
<script type=text/javascript>
$(document).ready(function(){
function SystemOfBlog_Animasi(){
$("img.animasiGambar").animate({opacity:0},1000);
$("img.animasiGambar").animate({opacity:1},1000,SystemOfBlog_Animasi);
}
SystemOfBlog_Animasi();
});
</script>
6. Simpan template.
7. Kemudian sobat kembali lagi dashboard dan pilih tata letak >> Tambah gadget >> Html/JavaScript.
8. Copy paste code di bawah ini.
Catatan:
- Tulisan yang berwarna biru silahkan sobat ganti dengan Url gambar yangsobat inginkan.
9. Dan yang terakhir simpan.
Selamat mencoba, Happy blogging :)
Posting Komentar