Pages

CARA MEMBUAT ANIMASI GAMBAR BERGERAK KE DALAM BLOG

Hai teman-teman semua ingin blog kamu lebih bagus dengan beberapa animasi gambar yang bergerak seperti yang ada di blog saya yang ada di pojok kanan atas dan pojok kiri bawah,dibawah ini ada cara-caranya,,,,,"Cara Membuat Gambar Bergerak di Bagian Pojok Blog" kalau kamu sudah punya gambarnya tinggal kamu taruh aja di photobucket atau di webhosting... kalau kamu mau tau cara membuat gambarnya ikuti cara berikut ini... Sekaligus langsung memasukkannya ke blog kamu...
1. Buatlah gambar animasi kesukaan kamu dengan tool imaging seperti ulead gif animator atau yang lainnya. Jika cara pertama ini terlalu susah, kamu juga bisa langsung cari gambar animasi disini
2. Copy alamat URL dari gambarnya dengan cara "Klik kanan > Copy image Location"
3. Login ke blog kamu
4. Masuk ke menu Layout > Edit HTML
5. Backup template kamu dengan cara Copy Paste ke Notepad
6. Sekarang cari kode ]]> di template kamu
7. Letakkan kode berikut tepat dibawahnya :

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

8. kode yang berwarna merah menandakan posisi dari gambar, bisa diganti semaumu. Misal :

kiri=left, atas=up, bawah=bottom, kanan=right
9. Setelah itu cari kode di template dan Letakkan kode dibawah ini tepat diatasnya :



10. Gantilah http://aagen-blog.blogspot.com/ dengan nama blogmu
11. Ganti Harree gene belum punya Blog, Ketinggalan zaman loe... dengan kata-kata sesukamu. Kata ini muncul pada saat hendak diklik oleh mouse.
12. Ganti 175 dengan tinggi gambar yang sesuai
13. Ganti http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif dengan alamat URL sumber gambar
14. Ganti 150 dengan lebar gambar yang sesuai
15. Jika selesai mengedit, klik Pratinjau
16. Save Changes atau Save Template

1 komentar:

Rizky Maulana mengatakan...

terima kasih atas pemberitahuan.a
semoga lewat pembritahuan ini bisa bermanfaat bagiku..

thanks okay :-)


Poskan Komentar

 
© 2009 - Welcome To Blog Echa | Free Blogger Template designed by Choen

Home | Top