Jumat, 15 Juni 2012

Mempercantik blog dengan widget animasi bergerak di pojok blog

Bikin Blog widget animasi gambar seperti yg dipojok itu ???? 
Mudah gan,dengan sedikit bantuan sweetIM. 
Tapi klo kamu gak pengen ribet dan pengen yang simple2 aja,saya akan berikan beberapa animasi beserta scriptnya yang saya ambil dari sweetIM 

INGIN YANG NATURE TAPI KOCAK SEPERI INI 








<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;"> 

<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=11" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/000204AB.gif" border="0" title="Click to get more." ></a><small><center><a href="http://www.blogdhika.com" target="_blank">Belajar Blog | Bisnis Online | Bikin Blog</a></center></small></div>

Animasi Yang Keren Ini 








<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;">


<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=11" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/00020506.gif" border="0" title="Click to get more." ></a> <small><center><a 
href="http://www.blogdhika.com" target="_blank">Belajar Blog | Bisnis Online | Bikin Blog</a></center></small></div>

 PESAWAT JADUL YANG INI









<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;">


<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=11" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/00020388.gif" border="0" title="Click to get more." ></a><small><center><a 
href="http://www.blogdhika.com" target="_blank">Belajar Blog | Bisnis Online | Bikin Blog</a></center></small></div>
 
EMOTION KOCAK INI








<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;">


<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=11" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/00020210.gif" border="0" title="Click to get more." ></a><small><center><a 
href="http://www.blogdhika.com" target="_blank">Belajar Blog | Bisnis Online | Bikin Blog</a></center></small></div>
 
 ATAU KODOK KEREN SEPERTI INI
 
 
 
 


<div style="position: fixed; bottom: 0px; right: 10px;width:110px;height:130px;">


<a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=11" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002068E.gif" border="0" title="Click to get more." ></a><small><center><a 
href="http://www.blogdhika.com" target="_blank">Belajar Blog | Bisnis Online | Bikin Blog</a></center></small></div>
 
 
ok sekarang saya akan menjelaskan cara memasukannya ke dalam blog 

perhatikan baik2 ...


1. Login ke blog - Rancangan - Elemen laman

2. Pilihlah tambah gadget




 


3. Pilih HTML/Javascript


 

4. Setelah itu masukan script diatas tadi



 


5. Save




Gimana cukup kan tutorial yang saya kasih....


ok gan,setelah sukses,jangan lupa tinggalkan komentar !!


GOOD LUCK
 

Tidak ada komentar:

Poskan Komentar