CARA MEMASANG POP UP GAMBAR MELAYANG DI BLOG

Ingin Tau Cara MembuatNya ??? , Langsung Saja Ikuti Langkah-langkah’a Dibawah ini :

* Login ke Blogger

* Masuk ke Tata Letak –> Edit HTML

* Copy Dan Paste kode di bawah ini tepat di atas kode ]]></b:skin>


#topbar{
position:absolute;
visibility: hidden;
width: 350px;
z-index: 100;
padding:5px;
background-color: #FFFFFF;
border: 1px solid #333333;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin:0 auto 10px;
float:left;
color: #505050;
text-align: justify;
font-size: 12px;
font-family: Verdana, serif;
}

Kemudian Copy Dan Paste kode dibawah ini tepat diatas kode </head>


<script src=”http://s2.sigmirror.com/files/52659_xu57s/js_pop_up.js&#8221; type=”text/javascript”></script>
<script type=”text/javascript”>
var persistclose=0
var startX = 20
var startY = 20
var verticalpos=”fromtop”
</script>



Dan Yang Terakhir Copy Dan Paste kode di bawah ini tepat di atas kode </body>

<div id=”topbar”>
<div align=”right”><a href=”” onclick=”closebar(); return false”><img src=”http://mortgage-education.com/Images/Close.png&#8221; /></a></div>
Masukan Isi Dari Menu Pop Up Melayang Kalian Disini
</div>

Atau Pakai Cara Yang Lebih Gampang Di Bawah Ini

1. Login to Blogger kemudian pilih “Layout”
2. Klik pada “Page Element” trus pilih “Add a Gadget –> HTML/Javascript” (Tempatnya terserah kamu).
3. Kemudian Copy Paste kode dibawah ini :

<style type=”text/css”>

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

border:2px solid #000000;

background:#ffffff;

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 onclick=”showHideGB()”> </div>

<div>

<div style=”text-align:right”>

<a href=”http://www.bunghasta.co.cc/2010/04/memasang-menu-pop-up-melayang-di-blog.html&#8221; target=”_blank”>
[Widget By hasta]
</a>

<a href=”javascript:showHideGB()”>

.:[Close][Klik 2x]:.

</a>

</div>

<center>

Masukan Code Iklan Sobat Disini

</center>

<script type=”text/javascript”>

var gb = document.getElementById(“gb”);

gb.style.center = (30-gb.offsetWidth).toString() + “px”;

</script></div></div>

Keterangan :
* Untuk memasukan iklannya sobat ganti saja  Masukan Code Iklan Sobat Disini
*Untuk mengatur tingginya top up saat di close pada 10px

Gampang kan???

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: