Choose Your Language
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Add to Google Reader or Homepage

Myartikel

@BANNER
MyBaner


Sabtu, 21 Mei 2011

Mebuat Gadget Tersembunyi di Samping Kiri/Kanan




Hai hai .. Jumpa lagi dengan saya si ganteng dari gua hantu . . hee ..
teman - teman blogger sejati Xini saya membahas tentang giman cara membuat gadget melayang di samping kiri/kanan blog anda,, kemarin ada seorang sahabat blogger saya yang menanyakan hal tersebut.. ini dia jawabannya .. hee to D'point wae lah ..



Cara membuat gadget tersembunyi di samping kiri/kanan ..

Langkah 1

login ke blogger sahabat masing - masing
pilih menu Rancangan/Design
pilih Tambah gadget/Add a gadget
kemudian cari yang judulnya HTML/Javascript pilih itu

Langkah 2

copy/paste kode di bawah ini di dalam form HTML/Javascript tadi



<style type="text/css">

#gb{
position:fixed;
top:97px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:125px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/_QwvI2Zom950/S72T8DpWiJI/AAAAAAAAAeM/qZ6iSfykMo8/s1600/Teoringeblog-buku+tamu+3+(+64+x+244+).gif') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000000;
background:#ffffff;
padding:1px;
}


<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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}


<div id="gb">

<div onclick="showHideGB()" class="gbtab"> </div>

<div class="gbcontent">

<!-- LETAKKAN KODE CHAT BOX/IKLAN DISINI -->


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


Sebelum anda menyimpan nya anda dapat mengatur icon buku tamu(BERCETAK TEBAL) sesuai keinginan anda dan memasukan script ChatBox atau Iklan sesuai kebutuhan,, letakan script nya pada tulisan (LETAKAN KODE CHAT BOX/IKLAN DISINI) ..
setelah semuanya beres anda dapat langsung menyimpannya/save..

jika berhasil.. maka blog anda sekarang mempunyai tempat Cbox/Iklan tersembunyi seperti saya ..



SEMOGA BERMANFAAT !! lintasberita

8 komentar

dunia kita 21 Mei 2011 10.00

langsung update artikel ini nie yee.. :P

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
d. t. ali 21 Mei 2011 22.46

terima kasih
sangat berguna
kasih lagi donk trik sederhananya

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
Related Post dengan Linkwithin 24 Mei 2011 18.39

ini yang saya cari cari, terimakasih gan

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
khairul abdal 30 November 2011 02.54

makasih bro....

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
Alvin Dragneel 3 Januari 2012 12.56

Nice Share..
Makasih kk..

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
Royan Sableng 23 Februari 2012 17.53

like this

follback ya gan

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
Irwansyah 7 April 2012 06.51

kog gak berhasil ya?

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
hendra wan 5 Agustus 2012 00.19

kok tak bisa gan

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku

Posting Komentar