Click for Toli-Toli, Indonesia Forecast

Sabtu, 11 Desember 2010

Cara Membuat Gambar Bergerak di Bagian Pojok Blog

Setiap kamu membuka blog ini pasti kamu melihat gambar animasi Sonic yang ada di pojok kanan bawah, iyakan... saya memilih gambar ini karena saya sedang menyesuaikan blog ini dengan templatenya... Kalau kamu mau membuat seperti gambar seperti yang ada di blog saya ini "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 diatasnya :

#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

0 komentar:

Posting Komentar

Umur bLoG

PitaPata - Personal picturePitaPata Cat tickers
 
..:: Perhatian !! terima kasih atas kunjungannya, jangan lupa kalau mau copy/paste harap cantumkan sumbernya by http://www.hery27.blogspot.com dan blog ini setiap harinya di update::..