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
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
5. Kupu - Kupu
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
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
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
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
10. Pecah Telor
11. Naruto
12. Welcome
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:
Post a Comment