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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiukHp45eG9y_YsL90rVArpBT8tZ0QbX01OKUjcFfYI1ujTZP2qKxzUHCrwpi4uXNUsKwFPwBlTXoOfxcU3eamJ-SOZqg_O78TzEt9Kgzwd6l78uIaCvZd4hcdODGKmishLDp-vNtKWRZ8/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 pukul 10.00

langsung update artikel ini nie yee.. :P

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
Unknown 21 Mei 2011 pukul 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 pukul 18.39

ini yang saya cari cari, terimakasih gan

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
khairulabdal 30 November 2011 pukul 02.54

makasih bro....

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
Unknown 3 Januari 2012 pukul 12.56

Nice Share..
Makasih kk..

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
royansableng 23 Februari 2012 pukul 17.53

like this

follback ya gan

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

kog gak berhasil ya?

Terimakasih Komentar Sahabat buat Artikel Ini... by Admin Diri ku
Unknown 5 Agustus 2012 pukul 00.19

kok tak bisa gan

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

Posting Komentar