CARA MEMBUAT GAMBAR BERGERAK DI POJOK BLOGSPOT

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 animator atau yang lainnya. Jika cara pertama ini terlalu susah, kamu juga bisa langsung cari gambar animasi di

http://photobucket.com/images/naruto%20&%20sasuke%20gif/

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 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=top, 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://softwaregratisdresa.blogspot.com/' target='_blank' title='agar blog menarik ...'>
<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://softwaregratisdresa.blogspot.com/ dengan nama blogmu
11. Gantilah agar blog menarik... 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

Mungkin yang anda Cari:

turorial blog

• Domain Co.cc DiIndex Lagi Google
• Cara disable Text selection: Nonaktifkan Block Mouse atau seleksi text pada blog
• Cara membuat kotak menu pencaria blog di website anda
• Cara Mendapatkan Rekening PayPal GRATIS
• Membuat Domain Gratis .com, .org .net
• cara curang meningkatkan kualitas blog dengan cepat
• membuat gadget tumbail post selain linkwithin
• Membuat next di blog
• Membuat Judul Posting Menjadi Kata Kunci Blog
• Cara – Tips agar website berada di peringkat atas Google Search Engine
• Cara menampilkan atau menyembunyikan widget di Blog
• Menyembunyikan Judul Blog Pada Header
• Tips Menyembunyikan Widget Blog di Homepage
• Postingan Cepat di index google dalam 1menit
• Daftar Situs Direktori dan Social Bookmark Dofollow Indonesia Terbaik
• Cara Membuat Blog Cepat Terindeks Google Search Engine
• Template terbaik 2011
• Cara [Curang] Meningkatkan Jumlah Traffic Blog dengan Cepat {Lagi-lagi!]
• Percepat Loading Blog dengan Optimalisasi/Kompres CSS
• Memperindah Kotak Comment Blogger/Blogspot Dengan CSS
• Cara Membuat Widget LinkWithin Hanya Muncul Di Halaman Posting Blog
• membuat read more di blog dengan cara mudah
• membuat artikel terkait atau related posT
• Cara Mengubah Tampilan Kursor Blog
• cara mengubah blogspot.com ke co.cc