Docstoc

Membuat animasi pada blog

Document Sample
Membuat animasi pada blog Powered By Docstoc
					Cara Membuat Gambar Bergerak di Bagian Pojok
Blog
Setiap kamu membuka blog ini pasti kamu melihat gambar animasi Naruto lagi duel sama Sasuke yang ada di pojok kanan atas,

iyakan... saya memilih gambar ini karena saya sedang menyesuaikan blog ini dengan templatenya yang serba Naruto... 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 animatoratau 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 ]]></b:skin> 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 </body> di template dan Letakkan kode dibawah ini tepat diatasnya :



<div id='trik_pojok'>

<a href='http://aagen-blog.blogspot.com/' target='_blank' title='Harree gene belum punya Blog, Ketinggalan

zaman loe...'>

<img border='0' height='175' src='http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-

002.gif' width='150'/></a>

</div>



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

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:2560
posted:9/8/2010
language:Indonesian
pages:2