Senin, 31 Desember 2012

Trik Membuat Animasi di pojok Blog

       Haiii sobat..aku pengen berbagi cerita sedikit tentang pengalamanku memberi gambar bergerak di pojok blog. nampaknya agak norak sih...!! maklum aku masih dalam tahap proses pembelajaran dan baru belajar menggunakan blog. Awalnya aku ingin memberi gambar di pojok blog,, karna aku melihat blog teman-temanku sangat menarik dengan adanya gambar lucu itu, dan aku mulai mencari-cari sambil googling-googling di internet dan alhamdulillah akhirnya aku menemukan trik-triik memberi gambar di pojok blog.
    oke sekarang gak usah basa-basi lagi ...
aku akan berbagi trik-trik nya !!!
the first (sok bahasa inggris,he.. )
   1. Login blog kamu
   2. Desain blog -> Template
   3. Edit HTML
   4. Kamu cari kode ]]></b:skin (gunakan CTRL+F) kalo udah ketemu kamu paste kode dibawah pas tepat di atas kode tersebut.
    #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); }
  5. Teks yang bercetak tebal adalah posisi / letak gambar,, jika kamu ingin mengubah letaknya tinggal kamu ganti pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
  6. Next, kamu search kode </body> terus copy script dibawah dan kamu paste kan tepat di atas kode tadi,,
<div id="trik_pojok"><a href="http://ecacaersada.blogspot.com">
<img src="
http://s.myniceprofile.com/myspacepic/110/th/11046.gif" border="0" /></a></div>
  
 7. Terus kamu Save deh ..

Sebagai Catatan sedikit :
"http://ecacaersada.blogspot.com" adalah link. ganti dengan link kamu.
"http://s.myniceprofile.com/myspacepic/110/th/11046.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.(bisa anda search di google gambar sesuai keinginan anda yang ber ekstention gif)

Mohon Maaf jika ada kode yang salah ataupun kurang langsung ke komentar ya...
toh kita sama-sama belajar !!
Makasiihhh ^_^


Tidak ada komentar:

Posting Komentar