Responsive Ads Here

Thursday, March 1, 2012

Cara Membuat Salam pembuka Melayang

Hallo berjumpa lagi dengan saya di TKJ Comunity nah, sekarang saya ingin membagi sedikit trik blogger yaitu trik membuat salam pembuka melayang di blog langsung saja ya kita mulai
  • Langkah Pertama sudah pasti login ke blog anda terlebih dahulu jika belum punya ya itu Derita kamu... he he he bercanda. bisa kilik di sini jika belum punya blog
  • setelah login ke blog hal yang kedua yang kamu lakukan adalah klik Rancangan > Edit Laman tambah gedget > pilih Javascrip / HTML setelah itu paste scrip di bawah ini ke gedget HTML tadi
<style type="text/css">
#gb{
position:fixed;
top:15px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:4px solid #FF0000;
background:#FF0000;
padding:15px;
}
</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()">
.:[Close][Klik 2x]:.</a></div>




<center>

Selamat Datang dan jangan lupa kembali ya teman... saya ucapkan terimakasi atas kunjungan nya !!! :)
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div>
</div>

  • dan langkah selanjut nya edit scrip tersebut sesuai selerah ganti kata yang bisa di edit adalah tulisan berwarna MERAH ganti sesuai selerah anda
  • dan langkah terakhir simpan dan lihat hasil nya
SEMOGA BERHASIL YA.....
sekian dulu perjumpaan kita sampai ketemu lagi di waktu berikut nya....
:)