
1. Login ke akun blogger anda.
2. Silahkan masuk ke "Tata Letak" atau "layout".
3. Pilih "Elemen Halaman" atau "Page Element".
4. Silahkan klik "Add a gadget" atau "Add to blog".
5. Jika sudah masukkan kode di bawah ini kedalam kotak yang tersedia :
6. Nah udah jadi, tinggal di save aja.
Sampai di sini dulu tutorial kita, lain kali di bahas lebih lanjut
2. Silahkan masuk ke "Tata Letak" atau "layout".
3. Pilih "Elemen Halaman" atau "Page Element".
4. Silahkan klik "Add a gadget" atau "Add to blog".
5. Jika sudah masukkan kode di bawah ini kedalam kotak yang tersedia :
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ5EOuH5sFWErNIF_IRolF5X0zBLcB-5wY3OqqFkj3XA9uZu30BnCm246sC5GKd7-rOkTW9Cj2SrYDLnv0hCPkFmXsV2GEEyPr_esO4d5_MKu549n4pxbeQ0Hj6CI2cn7XZ5sz9RgpWyLm/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = 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>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ5EOuH5sFWErNIF_IRolF5X0zBLcB-5wY3OqqFkj3XA9uZu30BnCm246sC5GKd7-rOkTW9Cj2SrYDLnv0hCPkFmXsV2GEEyPr_esO4d5_MKu549n4pxbeQ0Hj6CI2cn7XZ5sz9RgpWyLm/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = 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>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
6. Nah udah jadi, tinggal di save aja.
Sampai di sini dulu tutorial kita, lain kali di bahas lebih lanjut
0 komentar:
Posting Komentar