Cara Memasang Animasi di Blog
Widget/Animasi ini bisa sobat tempatkan dimana saja tapi umumnya di letakkan di sudut blog seperti kanan atas, kanan bawah, kiri atas dan kiri bawah blog. Di bawah ini telah di sediakan beberapa animasi yang bisa sobat gunakan dengan mencopy scriptnya dan di masukkan di HTML/Javascript di blog sobat. Bila sobat tertarik silahkan...
Cara Memasang Animasi di Blog
1. Bayi Tertawa
Script:
<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
2. Bayi terbaring sambil ketawa
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
3. HelikopterScript :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
4. Gajah melompat
Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
5. Boring
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif"alt="animasi blog" /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
6. Boneka dance
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
7. Panda main bola
Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
8. Panda biru
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
9.Pinguin
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
10. Panah
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
11. Red Dragon
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
12. Kucing tidur
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
13. Bunga
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
14. Anjing laut lucu
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
15. Lumba-lumba
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
16. Kelinci kuning
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
17. Ikan
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
18. Pintu
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
19. Anak Berteriak
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020309.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
20. Terkurung
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002020A.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
21. Sincelery
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000201C3.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
22. Menangis
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020461.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
23. Champion Ship
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002068C.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
24. Sundul Bola
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
25. Lebah
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
26. Kipas Angin
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203E0.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
27. Telur Ayam Menetas
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
28. Ayam Bertelur
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
27. Beruang Memancing Sambil Tidur
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020486.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
28. Kiper Gawang
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020686.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
29. Kunai Strike
Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
30. Burung Terbang
Script:
<div style="position: fixed; top: 0px; left: 10px;width:225px;height:160px;"><a href="http://http://cara-tips-dan-informasi.blogspot.com" target="_blank"><img alt="animasi blog" src="http://i567.photobucket.com/albums/ss114/fatiasa/bird_ann.gif" title="Click to get more." /></a></div>
31. Cewek Bergoyang
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.javapic.com/images/97750430929323597589.gif" target="_blank"><img alt="animasi blog" src="http://www.javapic.com/images/97750430929323597589.gif" title="Click to get more." /></a><small><center><a href="http://cara-tips-dan-informasi.blogspot.com" target="_blank">Animasi Blog</a></center></small></div>
Cara Pemasangan :
1. Masuk ke akun blog sobat.
2. Klik Dashbord --> Tata Letak --> Tambah Gadget --> HTML Javascript.
3. Masukkan script ke dalam kotak yang di sediakan.
4. Kemudian klik save.
5. Dan lihat hasilnya
Tambahan :
- Untuk mengubah posisi animasi dari kanan ke kiri, tinggal mengubah kode right dengan left. begitu juga sebaliknya.
- Untuk mengubah posisi animasi dari bawah ke atas, sobat tinggal merubah kode bottom dengan kode Top
Minggu, 14 Juli 2013
//
Label:
Cara
//
0
komentar
//
0 komentar to "Cara Memasang Animasi Bergerak di Blog"
Diberdayakan oleh Blogger.
About This Blog
Selamat Datang Di Blog Cara, Tips dan Informasi....
Cara, Tips dan Informasi menyajikan berbagai Cara, Tips, Informasi, & berbagai Download...
Semoga bermanfaat..
Partner
Popular Posts
-
Alfamart adalah Supermarket terbesar dan terhebat di Indonesia telah menjadi sekaligus berani menjadi menjadi partner yang disebut Al...
-
Apa itu Open ID ? Open ID adalah Identitas Digital (ID) adalah layanan otentikasi bagi pengguna (user) dengan kontrol akses ...
-
Cara Membuat Artikel Terkait di Blogspot - Testimoni, baca dulu: 3 Cara Membuat Artikel Terkait atau Related Post di Blog. Model seder...
-
Cara/Tips Mudah Membuat Read More Otomatis di Blog – banyak para sobat blogger yang masih kebingungan untuk membuat readmore otomatis di ...
-
Sahabat Blogger pada sore ini saya akan memberikan tips - tips tentang 8 Rahasia Percaya Diri , kepercayaan diri salah satu kunci su...
-
Privacy Policy untuk Cara, Tips Dan Imformasi Jika Anda memerlukan informasi lebih lanjut atau memiliki pertanyaan tentang kebijakan pri...
-
Menjaga Kesehatan Telinga. Para sobat blogger kali ini saya cara-tips-dan-informasi akan memberikan beberapa tips Bagaimana Menja...
-
Cara Membuat Artikel Terkait Berbentuk Gambar Thumbnails - Testimoni, baca dulu: 3 Cara Membuat Artikel Terkait atau Related Post ...
-
Mendaftarkan Blog ke Google Webmaster! Mendaftarkan Blog ke Google Webmaster - Pada kesempatan ini saya akan menjelaskan bagaimana...
Label
Translate
Followers
Iklan
Powered by 123ContactForm | Report abuse
Posting Komentar