cara membuat dan memasang gambar melayang pada blog
cara membuat gambar melayang di blog ,Cara
Membuat dan Memasang Gambar Melayang Pada Blogspot ini gak susah kok,
gampang. fungsi dari ini sendiri adalah agar page blog memiliki gambar
yang tetap pada posisinya walaupun layar di gulung ke atas maupun ke
bawah. nah caranya begini :
log in ke blog, pilih design, pilih add gadget, html javascript, lalu copas kode ini di bawah..
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #000000;
background:#000000;
padding:10px;
}
</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:center">
<a href="javascript:showHideGB()">
>>>TUTUP<<<
</a> </div> <center> <a onblur="try
{parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.qiwzcreator.blogspot.com/"><img style="float: right; margin: 0pt 0pt 10px 10px; cursor: pointer; width: 200px; height: 112px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbk2wjnqp1xJBEEP907acyxlgzzhCaacIC0wcZZI4UHr2_yTlSu7T1URGFOnfHnifwTfU0ITyFRmJuN-MJ3joxjXaM_uHIMiWylX99SyVsX8bkdu7LezlLJie2JbrHx_RmVH6G3QBBVgtk/s200/toyota-kijang-innova.jpg"
alt="Mobil Keluarga Ideal Terbaik Indonesia" title="Mobil Keluarga
Ideal Terbaik Indonesia" id="BLOGGER_PHOTO_ID_5524876175789560610"
border="0" /></a>
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
ganti tulisan yang berwarna merah dengan milik sobat.
sekian ,semoga bermanfaat Tutorial Cara Memasang Gambar Melayang Pada Blogspot .
Categories:
dik'z blog
0 Comments
Postingan
