#under_header{ margin:10px 0; padding:1%; width:98%; }

Minggu, 08 Juli 2012

Membuat Gambar Bergerak di Pojok Blog



Langkah-langkahnya :

1. Siapkan  gambar yg mau di pasang,  membuat  gambar animasi masuk sini
Gift Animasi
2. Setelah itu copy alamat URL gambarnya.
contoh :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiILt3Dv9FdG2LPk5cVshXJts8avbogSc1mVwXX59QcES8AK83TiDJ9cuUsbD5sn3378W1Lso_mA_JyaCHiQYlm2Vu5EdxDxu5DG4uTuVnEKlApLuArvRrlduEOp3uVHnfwtXCbztZVxjMZ/s1600/GokuAura_1.gif
3. Masuk Tata Letak
4. Edit HTML
5. Klik kotak kecil Expand Template Widget
6. Lalu cari kode berikut ]]></b:skin>
7. Persis sebelum kode tersebut, copy pastekan script berikut ini :
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

Perhatikan Text yang berwarna merah, itu menunjukkan posisi penempatan dari gambar tersebut. Silahkan  ganti sesuai keinginan  (kiri=left, kanan=right, atas=top, bawah=bottom)

8. Setelah itu cari lagi kode berikut </body>
9. Persis sebelum kode tersebut, copypastekan script berikut ini :


<div id="trik_pojok">

<li><a href="http://trotoartoart.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiYsUTaP8D74OQuG0rMC9vyMeGnyM7JUwLJ5gxA7bR8YWMVglCnJYGv3qDRbqy5SWFcrg0V-E0OWUOVP1lOauFmQAOx7XURn624ByX9kjVt_7VoI6LJ5u4ggQ3V8we23_CddR0n-wAuemP/s1600/n6.gif" border="0" /></a></li>
<li><a href='http://www.raihanrn.com/2011/07/cara-membuat-gambar-pojok-di-blog-kita.html'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVOdehMlUPbu98DstOIDTatjaAY8-gguvomlVBUGKS-3ZVj5zkam9vJG75YqRe3n7dYtRrEEcV-qQ2JN5LcNmXQ4OSpNOlu-a1jtXyPtj9bsr3saLW_lj3YjdPp8VGmoFxlpNl2tU3Ces/" border="0" /></a></li>
<li><a href="http://trotoartoart.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja6ciFMNVjjXk1Hmtv0rW3bss198CTdSmUKGUmT7KGgEjoYKKyVPhOh07KZf9g4yLAjCLpo2rhlpqPM6RnJRjIMY1ry09DgX8fLYPUuhRUktkCCY3mf4tKkZmGVHcvDNFYjtwSgat5Oiwu/s1600/n17.gif" border="0" /></a></li>
</div>

NB :  Yang berwarna Ungu ---URL Tujuan.
                                  Biru  ---URL Gambar.

Simpan Template ..... selesai..........
       contoh gambar seperti di bawah............





Tidak ada komentar:

Posting Komentar