Membuat Gambar Bergerak Di Pojok Bawah Blog

Advertisemen
Sudah tidak asing lagi buat sobat bloger bila mendengar dari judul yang akan saya bahas, yaitu cara membuat gambar di pojok bawah blog. pastinya dengan ini blog kita akan lebih menarik untuk dilihat, apalagi bila gambar/animasi yg kita pasang jg menarik.
Daripada panjang lebar, mending kita langsung praktek aja sob, berikut caranya.

Langkah-langkahnya :

1. Tahap awal sobat siapkan dulu gambar yg mau di pasang, kalo bingung neh saya kasih link buat dunlud gambar animasi klik aja Gift Animasi
2. Jangan lupa kalau sobat udah nemu gambar yg cocok, cukup copy alamat link gambarnya
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 kalau sobat mau ganti sesuai keinginan sobat, (kiri=left, kanan=right, atas=top, bawah=bottom)

8. Belum selesai sob... cari lagi kode berikut </body>
9. Persis sebelum kode tersebut, copypastekan script berikut ini :

<div id="trik_pojok">
<a href="http://kode-blogger.blogspot.com">
<img src="url link gambar sobat" border="0" /></a>
</div>

10. Gantilah http://kode-blogger.blogspot.com dengan alamat blog sobat.
11. Bila ingin mengganti gambar Ganti juga url link gambarnya dengan url link gambar yg sudah sobat cari td.
12. Bila sudah, simpan template, dan lihat hasilnya.

Ok, Sekian dari saya, selamat mencoba !!
Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments