Global Variables


Sabtu, 05 Maret 2011

Bikin Gambar Berjalan di Blog


Thanks to Rex Azhar
..i'll..
    .kill YOU!!












Assalamu'alaikum..



langsung aja yah say ..

  • pertama, yah login dulu blogger lah
  • kedua, klik blog yang maoo lo edit..
  • ketiga, copy dulu cript dibawah ini 

<div id="ム刀丂 メ" 
      style="bottom: 0px;
                left: 0px; 
                position: fixed; 
                right: 0px;">

  <marquee behavior="right" direction="right" scrollamount="2">

    <a href="http://www.facebook.com/ans.cool" target="_blank">

      <img src="http://i1178.photobucket.com/albums/x374/Azhar_Az/ulen/rocklee.gif" 
                style="cursor: pointer;" />

    </a>

    Aku Rocklee Jackson :P
  </marquee>
</div>


EXPLANATION

Pada text bottom bisa diubah dengan top dan 0px itu bisa diubah sesuka elo, coba aja sendiri
Pada text right bisa diubah jadi left, ntar jalanya ke kiri..

Pada text http://www.facebook.com/ans.cool itu URL atau Alamat yang bakal dituju pas di klik..
Pada text http://i1178.photobucket.com/albums/x374/Azhar_Az/ulen/rocklee.gif adalah URL atau alamat gambar.. ( kalo mau nyari gif, cari di Googlenya dengan NAMAFILE.gif )
Pada text Aku Rocklee Jackson :P itu text tambahan, kalo gak mau delete aja. tapi inget kode </a> sama </marquee> nya jangan ada yang ancur

Masukinnya Dimana Gan ???
Masukinnya di Edit HTML
simpen tepat di atas tag </body>

klik deh Save Template













 
Alhamdulillhah..






Okey, sekarang aku update..
ini juga dapet ngerampok sih dari blog orang laen..
nih aku kasih sourcenya..
#trik_pojok {
position:fixed;_position:absolute;bottom:5px;margin-right:5px;
clip:inherit;_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); 
}

Nah, copy yang diatas..
Simpen di atas tag

      ]]>
</b:template-skin>


nah, kalo udah, copy yang dibawah ini yah..

<div id="trik_pojok">
<a href="http://ans-x.blogspot.com/2011/03/bikin-gambar-berjalan-di-blog.html" target="_blank" title="Mau Bikin Kayak Gini? Klik dong..">
      <img src="http://i1178.photobucket.com/albums/x374/Azhar_Az/ulen/stupid-rabbit.gif" style="cursor: pointer;" width="90px" /></div>

kalo udah, save deh
yang warna merah diganti jadi url gambar kamu..

kalo masalah jalannya sih tinggal ditambahin ini

Diawali dengan..

<marquee behavior="right" scrollamount="2">

Ditengahnya..

<a href="http://ans-x.blogspot.com/2011/03/bikin-gambar-berjalan-di-blog.html" target="_blank" title="Mau Bikin Kayak Gini? Klik dong.."> <img src="http://i1178.photobucket.com/albums/x374/Azhar_Az/ulen/stupid-rabbit.gif" style="cursor: pointer;" width="90px" /> 

Diakhiri..

</marquee>
Kalo disatuin jadi gini dong
<marquee behavior="right" scrollamount="2"><a href="http://ans-x.blogspot.com/2011/03/bikin-gambar-berjalan-di-blog.html" target="_blank" title="Mau Bikin Kayak Gini? Klik dong..">
      <img src="http://i1178.photobucket.com/albums/x374/Azhar_Az/ulen/stupid-rabbit.gif" style="cursor: pointer;" width="90px" /><marquee>

Selesai deh, Alhamdulillah lagi ahh












 
Alhamdulillhah..
 
 
Terima kasih, Semoga membantu.
 

Tidak ada komentar:

Posting Komentar

handapeunpost