Membuat Gambar Bergerak Di Pojok Bawah Blog

Viyan Pradita Kamis, Maret 03, 2011 ,

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 !!

Ditulis Oleh :

Artikel Membuat Gambar Bergerak Di Pojok Bawah Blog ini dipublish pada hari: Kamis, Maret 03, 2011. Semoga artikel ini bermanfaat untuk Anda. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

3 komentar
Terjun Ke Kolom Komentar

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>


web design blogs Bloggers - Meet Millions of Bloggers