navibar

Selamat Datang Di Blog Sederhana Ini, Semoga Bermanfaat !!!

Rabu, 25 Mei 2011

Cara menampilkan gambar di pojok blog

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

Tidak ada komentar:

Poskan Komentar