Cara membuat foto melayang

di atas yang terlingkar adalah salah satu gambar yang bisa melayang,seperti yang ada di blog saya ini.

nah untuk membuatnya pun sangat mudah:

langsung saja:

1. login ke blogger
2. klik rancangan
3. pilih elemen laman
4. terus ke tambah gadget>html java script
5. massukkan kode di bawah ini:

<style type="text/css"> #gb{ position:fixed; right:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){

var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()">==KOMUNITAS-KU==

.:[Close][Klik 2x]:. </a> </div> <center>

<div id="Lookj_keren">

<a href="http://chimplunk.blogspot.com">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMmVvhIs_0whebfdObl7ylev9mLvl8aYn6g5bxe9iIo337gnaMzcQ-tiSwWFWRf6aKAz7UEeGMqn63_cin9Imo5ixED2UgEWUTKDZyx6-XlOk-4dRjjRWP3I-qHEYWarWfZCYSLsBfd5Y/s200/SMK+Muhituja.jpg

MULTIMEDIA-COMMUNITY" border="0" /></a>

</div>

</center> <script type="text/javascript"> var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

ket:

• warna hijau:sillahkan ketik nama anda atau terserah anda
• warna kuning:silahkan isi url tujuan
• warna merah:url dari gambar

6.simpan

Posted in: Pemula