26/01/11

Cara Membuat dan Memasang Gambar Melayang di Blogspot

Cara Membuat dan Memasang Gambar Melayang di Blogspot merupakan tambahan pada widget agar page blog memiliki gambar yang tetap pada posisinya walaupun layar di gulung ke atas maupun ke bawah.


Kopi kode html ini lalu pastekan pada widget blog.

<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.attayaya.net"><img style="float: right; margin: 0pt 0pt 10px 10px; cursor: pointer; width: 200px; height: 112px;" src="http://3.bp.blogspot.com/_JVNaHrYu_NU/TKxNnB30kyI/AAAAAAAAEjE/oES-Y_7piH8/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>


SELMAT MENCOBA///////|||||||||\\\\\\\\\

1 comments:

DEBRIAN RUHUT BLOG mengatakan...

Update script terbaru untuk chat melayang..(Multi Browser and Resolusi)

berguna untuk mendeteksi resolusi browser, karna sering kita temukan pada brwoser dengan resolusi width 1280 (RESOLUSI DI LAPTOP) dengan 1024 dan 800 hasil chat boxnya berbeda, yakni pada browser dengan resolusi 1280 lebih maju (nongol), sedangnkan pada 1024, tampilannya normal. Berikut ini solusinya:
Javascriptnya,

// ***********************************************
// AUTHOR: WWW.CGISCRIPT.NET, LLC
// URL: http://www.cgiscript.net
// Use the script, just leave this message intact.
// Download your FREE CGI/Perl Scripts today!
// ( http://www.cgiscript.net/scripts.htm )
// ***********************************************

// for NN4/IE4
if (self.screen) {
width = screen.width
height = screen.height
}

// for NN3 w/Java
else if (self.java) {
var javakit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = javakit.getScreenSize();
width = scrsize.width;
height = scrsize.height;
}
else {

// N2, E3, N3 w/o Java (Opera and WebTV)
width = height = '?'
}

var gb = document.getElementById("gb");
if (width==1024) {
gb.style.right = (-gb.offsetWidth).toString() + "px";
}else if (width==1280) {
gb.style.right = (30-gb.offsetWidth).toString() + "px";
}else {
gb.style.right = (-gb.offsetWidth).toString() + "px";}


Salam hangat,
http://debrianruhut.blogspot.com

Posting Komentar

Silahkan Berkomentar disini...