Bintang Ku

Minggu, 09 Januari 2011

Cara memasang widget animasi melayang

Cara memasang Gambar yang bergerak di pojok Blog seperti yang sobat lihat di blog saya , akan dibahas berikut ini. Sobat bisa mempraktekkan cara - cara yang akan saya terangkan berikut untuk menghiasi blog sobat agar kelihatan lebih menarik dan bagus untuk dilihat. Wah panjang amat ya pengantarnya, oke deh agar tidak terlalu banyak basa-basi kita akan mulai bahas bagaimana sih caranya.
1. Login Acount blogger anda;
2. Masuk pada Pengaturan ;
3. Pilih Tata letak ;
4. Edit html ;
5. Kemudian copy code dibawah ini dan paste di atas kode ]]></b:skin>;





#Lookj_keren {
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); }

Kode yang tercetak kuning ( bottom dan left ) menunjukan letak gambar. Letak gambar dapat di ubah dengan mengganti kode tersebut (left=kiri, bottom=bawah, right=kanan, top=atas) sesuai dengan keinginan anda.

6. Berikutnya cari lagi di dalam template anda kode </body>,Kemudian copy code berikut ini dan letakkan diatas kode tersebut :
<div id="Lookj_keren">
<a href="http://Welovemyfamily.blogspot.com">
<img src="http://img705.imageshack.us/img705/6855/1groupies.gif" border="0" /></a>
</div>

Kode yang berwarna kuning diganti dengan url blog anda dan kode yang digaris bawah diganti dengan url tempat gambar anda disimpan.

7. simpan
ni contoh gambar yg lain
7. Simpan

http://i548.photobucket.com/albums/ii321/ayasofia/MariposaanimadoT68i.gif


http://i548.photobucket.com/albums/ii321/ayasofia/cat_5.gif


http://i548.photobucket.com/albums/ii321/ayasofia/silahkan.gif


http://i548.photobucket.com/albums/ii321/ayasofia/DRUIDD.gif


http://i548.photobucket.com/albums/ii321/ayasofia/vf.gif NARUTO Vs SASUKE NARUTO Vs SASUKE

http://i996.photobucket.com/albums/af83/uzumaki_sanras/naruto_vs_sasuke.gif

Naruto VS Sasuke
                   http://i892.photobucket.com/albums/ac124/puppygirl277/naruto-vs-sasuke.gif



Dll

5 komentar:

  1. kaka tapi di bloger g ad bacan..tata letak....pleas kkk ajarin dong....saya mau bikin blog saya keren

    BalasHapus
  2. makasih buat tutornya, follow blogku juga ya
    http://rizky3kali.blogspot.com/

    BalasHapus
  3. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  4. kk, blh tw g' (template yg kakak gunakan 2 pa??)

    BalasHapus
  5. Mantap bro info.na...
    udah que follow blog mue...
    follback eaa sob.... :)

    BalasHapus