Cara Membuat "Box Pesan/Iklan" Melayang

Kamis, 10 Juni 2010

Sebelumnya sich sudah pernah dibahas tentang "Membuat Box Pesan Melayang pada Blog" anggap saja ini seri atau Part 2, cara yang lebih mudah, gampang dan resiko kecil.

Bagi shobat sekalian yang ingin membuat Iklan atau Pesan tampak melayang di halaman blog ikutilah cara dibawah ini :

1. Silahkan Sign In dengan ID shobat masing-masing, jangan memakai ID orang lain he...he...he...
2. Klik Tata Letak
3. Tambah Gadget
4. Pilih kode HTML/Java Scrip

Silahkan copu code dibawah ini dan paste pada HTML/Java Scrip yang telah shobat pilih tadi

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
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:right">
<a href="javascript:showHideGB()">
.:<img src="http://lh6.ggpht.com/_RVpTV2JOOxA/S8X3Rh5G2OI/AAAAAAAACxI/0zISG8UL24A/tutup_iklan_t4belajarblogger.png" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>

SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Pada tulisan berwarna hitam tebal silahkan ganti sesuai dengan keinginan Shobat Sekalian, Jangan lupa klik save/saimpan. Gimana Mudah bukan shobat sekalian.

Selamat mencoba dan selamat ber-Blog-Ria.

8 komentar

Mommy Pinky mengatakan...

Alhamdulillah, sudah berjaya..tapi lebih suka yang tuan blog punya. Float. Tak statik :)

PIK REMAJA AL-HIKMAH mengatakan...

Mungkin tamplate yang shobat pakai tidak expand dengan kode scrip ini

buret mengatakan...

contohnya seperti tampilan pesan melayang di atas kiri blog in iya sob, mangstab sob, terima kasih.

kapten teknologi mengatakan...

nice info sob :)

PIK REMAJA AL-HIKMAH mengatakan...

@buret:Yupz benar sekali
@kapten: Terimakasih atas kunjungannya

Info Nusa Tenggara Timur mengatakan...

Apa cara seperti ini disetujui PPC selain kumpulbloger, bos? Maaf, baru belajar ngeblog.

PIK Remaja Al-Hikmah mengatakan...

Syah atau tidaknya saya kurang tau shobat, tetapi banyak teman-teman blogger kita yang menempatkan atau memasang iklan PPC dengan cara seperti ini

dwi phazto mengatakan...

kok ukurannya kecil ya sobat?

Posting Komentar

Jangan Lupa KLIK Google+

Pengikut