Entri Populer

Cara Membuat Animasi "Naruto" pada Blog

Senin, 23 Juli 2012

Hai para blogger...!! :D
Banyak cara untuk mempercantik blog kita salah satunya dengan menambahkan animasi pada blog kita baik itu gambar maupun tulisan dan lain-lain. oleh karena itu saya ingin berbagi tentang cara membuat animasi "Naruto" pada blog, begini caranya teman:

1. Login ke blog sobat
2. Klik Design > Page elements > Add Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini dan paste kan kedalam konten HTML/JavaScript

<div style="position: fixed; top: 0px; left: 10px;width:130px;height:160px;"><a href="www.visibunda.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJVmiPL8YOFmpUCy3S5nNLb6OYGojG-ALE2C8hcVv7iuZvQJeq7aVlgaKds8Bp5bDxfcdecZZEpAS5nlViuQhBOsfbbnnrsW7vtW5LTh_bl10BA86cgmVdxBlwdNYMVX7lC-HWNnK1u7A/s1600/NarutoVsSasuke.gif"/><span><a href="http://visibunda.blogspot.com/">Visi Bunda | ee-One</a></span></a></div>

Keterangan :

Ganti Url gambar animasi-nya dengan Url gambar animasi yg sobat inginkan
Rubah tinggi dan lebar pada hegiht : 130px dan width : 110px
sesuai keinginan sobat
   
Pada position fixed : maksudnya adalah posisi animasi akan selalu bergerak
jika sobat ingin posisi animasi tersebut diam pada satu posisi maka
hapus position : fixed ini tersebut

Pada bottom : 0px :
maksud bottom 0px ini adalah jarak antara animasi dengan sisi bawah.
jika sobat ingin membuat animasi tersebut  berada di atas
edit bottom menjadi top

Pada left : 10px :
maksud left :10px ini adalah jarak antara animasi dengan sisi kiri .
jika sobat ingin membuat animasi tersebut dikanan
edit left menjadi right.


5. Klik Save dan lihat hasilnya

Untuk mencari gambar animasi Naruto
Klik Disini
 

Comments
0 Comments

0 komentar:

Posting Komentar

Terima Kasih atas partisipasinya