Laman

17 Agustus 2010

menambahkan animasi melayang di blog

Untuk temen temen yang sering mampir maaf ya... soalnya blog ini jarang update, itu dikarnakan saya ada sedikit kesibukan, n trus terang aja saya biasanya bingung mau pos apa...:D jadi kalau misalnya temen-temen ada yang punya ide tolong di sampaikan dengan cara tuliskan di buku tamu ok ok ok...

Untuk tips trik kali ini saya akan membahas bagaimana cara memasang animasi bendera pada blog ini."pos ini merupakan permintaan dari sob saya  mas ryan" ok langsung saja kita lanjut ke cara pemasangannya

seperti biasa kita login terlebih dahulu ==>Rancangan ==> edit HTML

kemudian kita akan menambahkan sebuah class baru di CSS blog kita, classnya saya namakan MERDEKA :D
kamu copy kan kode berikut di atas kode ]]></b:skin>

.merdeka {position:fixed;_position:absolute;top:10px;right:10px;width:150px;}
.merdeka img{opacity:0.5;filter:alpha(opacity=0); }
.merdeka img:hover{opacity:1;filter:alpha(opacity=100);}

kemudian kamu cari kode </body> terletak di bagian paling bawah, kemudian copykan kode berikut di atasnya,
<div class='merdeka'><img src='http://i35.tinypic.com/333a3ph.jpg'/></div>

kemudian simpan dan lihat hasilnya...

kamu juga bisa merubah animasinya dengan cara menggnati url imagenya...

ok agar lebih seru saya minta pendapat dari temen-temen semua, mengapa...??? class merdeka saya letakkan paling bawah yaitu di atas kode </body>

saya tunggu pendapat temen-temen,,,

14 komentar:

  1. buat ganti animasi url imagenya yang mana?? thanks

    BalasHapus
  2. animasi melayangnya koq gak ada?

    BalasHapus
  3. koq gk da contoh jdi.na ea ..
    pngen tw kyk pa ?

    BalasHapus
  4. makasih akhirnya bisa aQ buatnya

    BalasHapus
  5. klo bikin slideshow pkek borland gmna..???

    BalasHapus
  6. makaseh bngettttttttttt... pokoknya ngebantu aq banget yang gaptek ini.:))

    BalasHapus
  7. @all : terimakasih atas kunjungan nya,,,

    @09081003010.blogspot.com : bisa di perjelas pertanyaannya sob....

    BalasHapus
  8. ganti animasi tu gmna caranya???
    mohon jawabannya :)

    BalasHapus
  9. Salam, mksh Mas artikel di atas dah sya coba 100% berhasil.

    BalasHapus
  10. langsung saja ..
    ko' pas setelah saya berhasil menaruh "gambar melayang" tampilan paling atas blog saya kenapa jd banyak tulisan seperti ini yah : #gambar_melayang { position:fixed;_position:relative;top:0px; left:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
    bisa tolong gan .. agar saya tidak risih liat tulisan tersebut ! makasih atas bantuan nya ..
    bisa lihat di blog pertama saya di http://mustdew.blogspot.com/

    BalasHapus
  11. Thanks ya gan udah sharing, thanks kebetulan sedang ada tugas tentang animasi ni hehe tengkyu bacaanya :)

    BalasHapus