Senin, 23 Februari 2009

Memasang Widget Animasi (Melayang)

. Senin, 23 Februari 2009

Menjawab pertanyaan temenku Hendri yang pingin gambar animasi (bocah imut di pojok bawah blog) atau istilah yang sering dipakai oleh para blogger mania dengan gambar melayang. Gambar melayang.....??? gimana masangnya. Simpel koq caranya ikuti saja langkah - langkah berikut ini;

1. Login Acount blogger anda;
2. Masuk pada Pengaturan ;
3. Pilih Tata letak ;
4. Edit html ;
5. Kemudian copy code dibawah ini dan paste di atas kode ]]> < /b:skin > ;

#melayang {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Kode yang tercetak merah ( bottom dan left ) menunjukan letak gambar. Letak gambar dapat di ubah dengan mengganti kode tersebut (left=kiri, bottom=bawah, right=kanan, top=atas) sesuai dengan keinginan anda.

6.
Berikutnya cari lagi di dalam template anda kode < /body >,
Kemudian copy code berikut ini dan letakkan diatas kode tersebut.

<div id='melayang'>
<a href='http://tovarossi.blogspot.com'> <img src='http://i478.photobucket.com/albums/rr146/tovarossi/Dancingbaby.gif'/></a>
</div>

atau pilih code animasi berikut;

<div id='melayang'>
<a href='http://tovarossi.blogspot.com'> <img src='http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif'/></a>
</div>

Kode yang berwarna merah diganti dengan url blog anda dan kode yang berwarna hijau diganti dengan url tempat gambar anda disimpan.

7. Simpan

Selesai dah....!!!
Untuk melihat contohnya anda dapat lihat pada blog saya.





19 komentar:

Chalief mengatakan...

Nice Post, Pastinya bakal bener2 ngebantu bagi yang ngebutuhin...sejauh ini sih, gw gag begitu perlu bro,tapi ya postingan ini bisa disimpen buat sewaktu2 gw boring sama blog gw..hehe

Hendri A.M mengatakan...

oke thanks friend...sy langsung copy paste ajaya?GBU

R_V@N Lampung mengatakan...

waaaaaaaaah thanks bangt y mas.....tas pembelajarannya......semangat selalu..

ANANDA mengatakan...

:))=))=))=))thanks..banget tuk postingnya....hebat..sampe ketawa liat dancingbaby http://teha-ananda.blogspot.com

Dea Nadya mengatakan...

nyari gambar dulu ach.. ntar aq pasang trik ini.. makasih banget :p

talkinghammie mengatakan...

makasih yaaa infonya...
nice blog.keep writing..

Chika mengatakan...

Nice article...
tp bikin lemot g mas?

Dadi Mulyadi mengatakan...

TRIMAKASIH ATAS TUTORIAL "MEMASANG WIDGET ANIMASI(MELAYANG)DAN AKU DAH COBA BUKTIKAN, EN HASILNYA OKE !

Kenali dan Kunjungi Objek Wisata di Pandeglang mengatakan...

sebenarnya script ini buat nge fun aja bang, tp klo mau lebih profesional ngeblognya mending dihilangin aja. coz bikin berat loading page

Kenali dan Kunjungi Objek Wisata di Pandeglang mengatakan...

Sipp..tambah nyeni dan bagus dilihat..

moratmarit mengatakan...

Hehehe..tambah manteb nih ada animasinya..:)

cah bagoes mengatakan...

Tutorial yang bagus..terima kasih.

Saung Web mengatakan...

ooh gini toh cara pasangnya.. waduh makasih sobat.. langsung meluncur deh...

Seti@wan Dirgant@Ra mengatakan...

makasih sobat,... izinkan aku mencobanya..

Doraemon The Movie mengatakan...

Kalo filenya bentuk swf bisa ngga gan?..

zefry mengatakan...

=))

den.andi.bangoer mengatakan...

thankss ya..gan

Freeware Download Software mengatakan...

follow blog aQ ya

jasa penerjemah mengatakan...

oke sob ane coba dulu triknya...salam kenal n sukses selalu.thanks

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Poskan Komentar

Silahkan Isikan Komentar Anda:

 
TovaZone is proudly powered by Blogger.com | Template by o-om.com