loading...

Cara Membuat Efek Animasi Di Blog Lengkap

Cara Membuat Efek Animasi Di Blog Lengkap - Kembali bertemu bersama saya di Anas Blogging Tips. Kali ini saya akan membagikan efek animasi keren untuk mempercanti blog sobat.
Cara Membuat Efek Animasi Di Blog Lengkap by Anas Blogging Tips

Sebelum saya membagikan efek efek ini, perlu sobat ketahui bahwa dengan menambah efek animasi akan berdampak pada SEO dan kecepatan loading blog sobat. Maka jangan terlalu banyak menambahkan efek animasi ini. Efek animasi beriku saya susun dari efek ringan, hingga efek berat.
Berikut cara pemasangan kode efek animasi nya :

Cara Pemasangan
1. Login ke akun blogger sobat seperti biasa, lalu pilih blog yang akan ditambahkan efek animasi
2. Masuk ke menu Template yang berada dibilah kanan layar
3. Klik edit html maka sobat akan melihat sekumpulan kode perancanga blog
4. Taruh kode efek animasi yang sobat pilih diatas kode </body> untuk memudahkan mencari kode </body>, klik CTRL+F dan tulis </body>
5. Jangan lupa klik Save setelah memasang kode animasinya.
 
Nah berikut efek efek animasi nya :
Efek Animasi Ringan
1.  Efek salju berjatuhan
<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan
<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4.  Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

6. Efek kupu-kupu terbang
<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>  

Efek Animasi Menengah-Berat
1. Efek meteor
<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

2. Efe banjir
<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

3. Efek bunga mekar
<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

4. Efek bom atom
<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

5. Efek UFO
<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

6. Efek graffity
<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

7. Efek Shaver
<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

8. Efek Gun 
<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

9. Efek Bloody gun
<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

10. Efek Paint ball
<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

11. Efek Chainsaw
<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

12. Efek Dinosaur
<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

13. Efek Lebah
<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

14. Efek Lalat
<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

15. Efek Semut
<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

16. Efek Siput
<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

17. Efek Cacing
<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

18. Efek Mold
<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

19. Efek Bayi merangkak
<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

20. Efek Telur mata sapi
<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

21. Efek Kopi tumpah
<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

22. Efek Terbakar
<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

23. Efek Tomat
<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

24. Efek Creampie
<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

25. Efek Murka
<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.anastips.com/2016/02/cara-membuat-efek-animasi-di-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Itulah beberapa efek animasi yang akan mempercantik blog sobat.

Dan silahkan follow Anas Blogging Tips untuk terus mengetahui Panduan, Trik, Dan Tips Lengkap Lain nya Tentang Blogging serta nantikan artikel berikutnya ya.

Terima kasih sobat telah membaca artikel "Cara Membuat Efek Animasi Di Blog Lengkap". Sobat tidak diperbolehkan untuk menyalin (copy-paste) segala dan keseluruhan konten Anas Blogging Tips

0 Response to "Cara Membuat Efek Animasi Di Blog Lengkap"

Post a Comment