Menambah Animasi Di WordPress

Untuk teman-teman semua yang baru belajar buat blog di wordpress,ada baiknya teman  semua menambah animasi bergerak di blog teman supaya blog wordpress teman semua terlihat lebih cantik.Langkah2 supaya bisa nambahin animasi bergerak di blog agan adalah sebagai berikut :

  1. Masuk ke blog anda
  2. Buka Tampilan > Widget
  3. Tarik kolom Teks ke kolom Sidebar
  4. Paste kode Html animasi yang agan pilih.Untuk pilihan animasi-nya saya sudah sediakan beberapa,jika anda beminat silahkan copy kode dibawahnya.

Kode di bawah ini telah di setting sedimikian rupa agar animasi tersebut ada tepat di pojok kiri bawah blog jika kalian tidak mau animasi tersebut berada di pojok kiri bawah blog kalian .. silakan kalian hapus atau edit kembali script yang berwarna hijau pada contoh di bawah ini setelah gambar animasi ..

Animasi Helikopter Gif

silakan copas :

<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;”><a href=”http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020389.gif” title=”widget animasi lucu bergerak atau gif”  alt=”animasi bergerak naruto dan onepiece”/></a><small><center><a href=”http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html&#8221; target=”_blank”>animasi bergerak helikopter</a></center></small></div>

setelah itu simpan !!!

                   idea Ketentuan catatan idea=>untuk mengedit animasi apa yang kalian ingin gunakan silakan edit “Tulisan berwarna 
   biru “( ubah alamat animasi favorit yang anda suka)


=> untuk mengedit tinggi animasi silakan edit : “hegiht : 130px” 
     ( angka dapat kalian atur  sesuai dengan kebutuhan)

=> untuk mengedit panjang gambar : “width : 110px
     ( angka dapat kalian atur  sesuai dengan kebutuhan)=> untuk mengedit/ mengatur lokasi sesuai kebutuhan misal animasi bergerak ini dapat di
buat agar tidak ada di pojok/sudut blog . melainkan diam / berada pada  posisi
yang  kalian ingin kan , jika kalian tertarik untuk mengeditnya .
     silakan kalian edit   “position : fixed ; bottom:0px;left:10px“ 
     position fixed : maksudnya adalah posisi animasi akan selalu bergerak . jika anda ingin
posisi animasi tersebut hanya diam pada satu posisi maka silakan
hapus  

                               position : fixed ini
bottom : 0px : maksud bottom 0px ini adalah jarak antara animasi dengan sisi bawah .
jika kalian ingin membuat animasi tersebut tidak berada di bawah ,
misalkan kalian ingin animasi berada di atas silakan kalian edit bottom
menjadi top
left : 10px :      maksud left :10px ini adalah jarak antara animasi dengan sisi kiri .
jika kalian ingin membuat animasi tersebut tidak berada di kiri,
misalkan kalian ingin animasi berada di kanan silakan kalian  edit left 
menjadi right.saran ..!!!!
jika anda ingin mengedit animasi menjadi di kanan dan di atas sebaiknya edit saja seperti ini
“position : fixed ; top:0px;right:10px”

Animasi Tengkorak gif
1 </div>
2 <div><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.aghiebudi.wordpress.com" target="_blank"><img border="0" src="http://irwan.net/wp-content/uploads/2010/11/animatedgifs.gif " title="lihat lebih banyak animasi tengkorak bergerak" alt="animasi tengkorak bergerak gif" /></a><small><center><a href="http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/" target="_blank">Widget Animasi </a></center></small></div>
KibaAkamaru Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
Animasi Naruto gif
1 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://www.aghiebudi.wordpress.com " target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif " title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/" target="_blank">Animasi Naruto</a></center></small></div>


KisameWater Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
Animasi Naruto gif


1 </div>
2 <div><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://www.aghiebudi.wordpress.com " target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/KisameWater.gif" title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/" target="_blank">Animasi Naruto</a></center></small></div></div>
3 <div>
Animasi Onepiece gif
1 </div>
2 <div><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://www.aghiebud.wordpress.com " target="_blank"><img border="0" src="http://onepieceindo.files.wordpress.com/2009/10/luffyattack.gif?w=200&h=100" title="lihat Kumpulan Widget Animasi onepiece" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/" target="_blank">Animasi Onepiece</a></center></small></div></div>
3 <div>


DeidaraBird Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
Animasi Naruto gif


1 </div>
2 <div><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://www.aghiebudi.wordpress.com " target="_blank"><img border="0" src="http://i1107.photobucket.com/albums/h385/bogel4/DeidaraBird.gif " title="lihat lebih banyak animasi naruto bergerak." /></a><small><center><a href="http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/" target="_blank">Animasi Naruto</a></center></small></div></div>
3 <div>
JiraiyaSummoned Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
Animasi Naruto gif
1 </div>
2 <div><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://www.aghiebudi.wordpress.com " target="_blank"><img border="0" src=" http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/" target="_blank">Animasi Naruto</a></center></small></div></div>
3 <div>
th gif Koleksi Gambar Animasi Bergerak Naruto GIF Lengkap
Animasi Naruto gif
1 </div>
2 <div><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://www.aghiebudi.wordpress.com " target="_blank"><img border="0" src=" http://th280.photobucket.com/albums/kk197/chanhonglok/naruto/th_gif.gif" title="lihat lebih banyak animasi naruto bergerak". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/" target="_blank">Widget Animasi</a></center></small></div></div>
3 <div>
Animasi helikopter gif
1 </div>
2 <div><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://www.aghiebudi.wordpress.com " target="_blank"><img border="0" src=" http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="lihat lebih banyak animasi helikopter". alt="kumpulan animasi naruto bergerak gif" /></a><small><center><a href="http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/" target="_blank">Animasi Helikopter</a></center></small></div></div>
3 <div>
SmileyCentral.com
Animasi Icon Bergerak
1 </div>
2 <div><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://www.aghiebudi.wordpress.com " target="_blank"><img border="0" src="http://smileys.smileycentral.com/cat/36/36_2_20.gif" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/" target="_blank">Animasi Bergerak</a></center></small></div></div>
3 <div>
Animasi Lucu
1 </div>
2 <div><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href=" http://www.aghiebudi.wordpress.com " target="_blank"><img border="0" src="http://isroi.files.wordpress.com/2010/01/ag00317_.gif?w=468" title="Kumpulan Widget Animasi" alt="kumpulan gambar bergerak"/></a><small><center><a href="http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/" target="_blank">Animasi Bergerak</a></center></small></div></div>
Sumber : http://aghiebudi.wordpress.com/2012/03/24/animasi-bergerak-di-blog-wordpress/

Tentang pandi suryadi

mudah, senang bergaul,, lelucon
Pos ini dipublikasikan di Uncategorized. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s