Animasi Bergerak Yang Keren dan Lucu Untuk Blog (Terbaru)



Kumpulan Widget Animasi Bergerak Untuk Blog -
Sudah lama rasanya admin tidak memposting tentang tips blogging, karena admin juga sebenarnya masih merasa newbie, jadi kalau mau posting terkait tips blogging itu rasanya seperti tidak pede, sebab diluar sana masih banyak blogger-blogger mastah yang lebih pantas untuk memberikan tips seputar blogging. Nah pada postingan kali admin akan sedikit berbagi tips seputar blog tapi bukan sesuatu yang expert seperti tips optimasi atau teknik-teknik seo lainnya. Jadi pada postingan ini admin akan berbagi tips memasang animasi bergerak di blog sobat yang pastinya keren dan menarik.

Sebab, tampilan blog juga memang memberikan poin tersendiri bagi pengunjung. Bagi pengunjung yang suka dengan tampilan blog yang keren pasti akan betah untuk berlama-lama membuka blog sobat dan tentu tak sungkan untuk berkunjung lagi di lain kesempatan. Jadi selain mengoptimalkan konten dengan menulis artikel berkualitas, menata dan mendesain tampilan blog pun merupakan hal yang penting dan bisa menambah nilai tersendiri untuk sebuah blog. Berikut ini beberapa animasi bergerak yang keren dan lucu yang bisa anda pasang di blog anda dan tentunya ringan dan tidak membuat berat loading blog.

Cara Memasang Widget Animasi Bergerak di Blog

1. Masuk Akun Blogger Sobat
2. Pilih Tata Letak & Klik Tambah Gadget
3. Pilih Gadget HTML/Java Script
4. Paste Kode gambar animasi yang sobat inginkan dibawah ini:
5. Kalau sudah Klik SIMPAN

1. Gangnam Style


<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPCiDlRutJw7CjmggqqN32wQP-_Q5dbk-peSabjY8S1Hm76vrSf-63i25giSOfNE3b6xbSMXhil9J2Q_h8eBELQJQhIVaxw_oMgHJaXpvs_JHaX5S2wKy2zcM-30f1f2oMfcJlVIPdKrJ/s1600/gangnam.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

2. Bleach

<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtITc60a3cnKCwKf5wihhXdrGYSF1fiUHNQaTgTn3XU8gPIuVt8iZOi5CCXZTIrjoK0ke7M9NsVDpB01pqktPd4bQN8e5nh7AK21GbWGga-gG4zqSFX11gItKMcMu2Vql2uUZzSMslSrJ7/s1600/Bleach+2.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

3. Goku Vs Vegeta

<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGjXXma-0QT9qviKxQfrwcjABuSoQ1mRQ9Phwix30gfcglUOnafR6Jj_EmG1iCDDmLI6jjpfCWEFC-F8dwuSj4ycP_dWnqb_Ftdp4ABGmNZROFy67KOgN5qZIxM8-Xz6Ds7RGafTPkiQCl/s1600/Goku+Vs+Vegeta.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

4. Godain Cewek


<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuGIuUNvTG-NqVnbmiDimYchH-xjhI6ObePWCZIa0rZWPOaB8dh_isgp-QlergAbsXuja3f9GcWUAkf2sndnK5cnTMJtYj1BIOJlaMNoJIV-RLw22XttbfKfU_SbB6GgLfXotrnT2egoL_/s1600/godain+cewek.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

5. Kupu - Kupu

<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVn_K_-Njsqt-xTUXOTX8rquKbIxlrZtxCejaH6TyAqkH6BSLJsU2FZvTU21wR8rXsRKFyimBkW0nlbQaMcsuAchDaPdaRolvZERwhiV3hkWwrv-jFO1iaf-iGFu2qHmhj8nyYgH4F4_cv/s1600/kupu+kupu.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

6. Nabrak
<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnrClsQKrEISeetBz0jpdnqw004ZGjoQtDnZZX-x73Jqd7fsapQeWaIDwhT8SQU6vJbDBuH4-M_sS9-wrzpkCa0vGzSwxM0k1512ww161Ig5YLLz4Ep38hUNNl-hpv7QUvh5Jza-cKY36/s1600/Nabrak.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

 7. Luffy

<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2UcyOgbN84NKFUEwNcVYrPUO33IW8a7SAvxQ6paOsn26oqRk628uuigWffK8rtcmgEFJhwzLB50nN2hDjwZyi0jVUYMFUOYwA3NeTQeQJ5Qcsxo_6aqwXcRI1pibmfsb7sGpsf6zlqbV/s1600/luffy.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

8. Poci - Poci
<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpDDIPpwQLvXjsmnwU4pBSMsMBENu6S7iSZ2Ml2MNz0B55Jk2RR2E2uu5swD3heXPuk9KJkWBKr0itxMUcgHBLCnnKO6X3G_0wa1a9Ra9GRJKD1-MUKr8ByoIRIYkkwXpTqB4cqwxWzZEu/s1600/Poci+poci.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

9. Naga

<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb553F1RBNUZqzPeYp7XHEuogjz-GRJLVamt2rI4cbaywZ5Gd4E2c9oszAYZQU74b8Zw22IeE4d2Mt4DhkzBBMhhX93gYPHE1a78KUhIGyqypI2LK3MObwbxTVLK6-03gww6ObQzjI7eSk/s1600/naga+2.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

10. Pecah Telor
<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjomypDQwk8OoYS2DY83C6kWGRQwXN2qpfRGbcwWZRm4nNx01Pm_QJjPMIvSRYexHBtpCuDdURM5_SSbNoVqOaT-iGYuDpFIcxe1YB9ceTwJd-IEjLTrkcH9B2-J-1R-v1LarS78K754i-t/s1600/pecah+telor.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

11. Naruto
<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt8o-rt7Y619Rn_SLkmgM4QiqqRYM6DNNPIN3OgXv_5SIfd3a0PdOA-FztWZpvgvDrxV4vBQpn7mDmfyu0Y0fCFbMsoMdlFc8AfeQMLtXPVXKB1K2czTflb5QIpKGkjgBWKjxeFhlDdA5R/s1600/Rasenggan.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>

12. Welcome

<div style="position: fixed; bottom: 0px; left: 10px; width:130px; height:160px;"><a href="http://www.erablogger.com" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Z7VsCOLKtCDWOTkcU97p2o0m0fQDq5A_5_AquzRiVr-8p4KsHr7Oqy-qCJYfrGUOZk22OxYAdrul5Gqq_Eq9QFvZ7q7GAYjw6dJbdViqEsktDTKIncERhGvI4RgY2dZGyMeBp-MHDAfw/s1600/Welcome.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com" target="_blank">Get </a><a href="http://permathic.blogspot.com/2017/11/animasi-bergerak-yang-keren-dan-lucu-untuk-blog.html" target="_blank">Widget</a></center></small></div>


Catatan !! anda bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan berwarna biru, bottom (bawah), top (atas), left ( kiri), right (kanan), dan anda bisa mengubah ukuran animasi sesuai dengan keinginan anda dengan mengganti tulisan ber warna merah. Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..




0 komentar: