Original page: http://www.dickelodeon.co.cc/2011/02/energy-saving-mode-blog.html#ixzz1JCqZ6BCc Under Creative Commons License: Attribution Non-Commercial

baner

SELAMAT DATANG DI BLOGE CAH ALA

Rabu, 01 Juni 2011

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,,,

Tidak ada komentar:

Posting Komentar