• RSS
Latest Post
Loading...

Selasa, 27 Januari 2015

Widget Animasi Bergerak Keren Untuk Blog

in Tips-Triks
Hiasi blog kalian dengan widget yang akan saya shharekan kali ini agar tampilan blog kalian lebih bagus.
Sebenarnya widget blog tidak mempunyai fungsi yang penting, hanya saja untuk mempercantik penampilan blog saja dan kalau terlalu banyak memasang widget bergerak di blog bisa membuat blog kalian jadi berat saat di operasikan.. jadi pilihlah widget yang menurut kalian simple - simple saja tapi keren!
Berikut beberapa widget keren bergeraknya :

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" title="SponGebobs" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/198/th/19809.gif" title="Animasi" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="Animasi" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="star" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="panda" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Helikopter" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/920/th/92063.gif" title="Animasi" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="Monyet" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

Cara memasangkan widget tersebut di blog kalian, ikuti caranya berikut ini :
  1. Login akun Blogger
  2. Tata letak --> Tambah Gadget -->> tambahkan gadget Html/JavaScript 
  3. Copy pastekan script code widgetnya tadi ke Html/JavaScript nya --> klik simpan.
  4. Lihat perubahannya..

Note : Jika kalian ingin merubah posisi ke Kiri / Kanan ( ubah script yang saya kasih warna merah, jika ingin berada di kiri ubah menjadi "Left", jika ke kanan "Right" ).
Kalau ingin merubah ke arah Atas / Bawah ( ubah script yang saya kasih warna hijau, jika ingin berada di atas ubah menjadi "Top", jika ke bawah "Bottom" ).


Begitulah cara menambahkan widget keren di blog..