Home » , , » Membuat Tulisan atau Iklan Melayang di Blog

Membuat Tulisan atau Iklan Melayang di Blog

Posted by Tutorial Programming on Minggu, 11 November 2012


Cara membuat tulisan atau iklan melayang di halaman itu cukup mudah di dalam blog. Dan ini tidak akan menggangu visitor dalam melihat informasi dalam blog anda, jika pengunjung tidak menyukai halaman melayang yang anda pasang di blog, pengunjung hanya tinggal meng-klik Close dan halam melayang pun akan tertutup. 
Untuk membuatnya cukup anda ikuti langkah-langkah berikut:

1. Login Ke Blogger.

2. Klik Tata Letak.

3. Klik Element Halaman.

4. Kemudian Klik Tanbah Gadget dan pilih "HTML/Javascript" .

5. Selanjutnya Copy dan Paste Kode Berikut Di Dalamnya.

<style type="text/css">

#gb{

position:fixed;

top:60px;

left:250px;

z-index:+1000;

}

* html #gb{position:relative;}



.gbcontent{

float:right;

background:transparant;

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-100;

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:left">

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

[Close]

</a>

</div>

<center>



LETAKKAN KODE IKLAN/TULISAN KALIAN DISINI


</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (20-gb.offsetWidth).toString() + "px";

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


6. Jangan lupa disimpan. selesai


0 comments:

Posting Komentar