buka situs cbox.ws nah isi embel embel tetek bengek segala macemnya. kalo udah klik Publish. nah kan ada scriptnya disitu, jangan di close ya, kode itu yang bakal kita pake nanti
Masuk ke account Blogger kamu, pilih "Design" kemudian "Page Elements", Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
Copy-paste kode di bawah ini:
<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/AVvXsEi3-Gqj5RxKDsnnVJCPFs5mkiZgbCsBctUT6V2U_s5a8ata91MadURitQpFTn9wLbLlcsxclCRhPX6-v0d2arxNl53NgM_aAGTNZpBTWHkVN5jhS_cGbKmJKVT-_QYt6lXokMhwX_hbS_0Q/') 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 style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</font></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
perhatikan, yang ane bold itu url gambar tabnya, agan agan bisa bikin sendiri tabnya dengan resolusi 30x100 pixels#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/AVvXsEi3-Gqj5RxKDsnnVJCPFs5mkiZgbCsBctUT6V2U_s5a8ata91MadURitQpFTn9wLbLlcsxclCRhPX6-v0d2arxNl53NgM_aAGTNZpBTWHkVN5jhS_cGbKmJKVT-_QYt6lXokMhwX_hbS_0Q/') 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">
KODE SHOUTBOX AGAN TARO DIMARI
<font size="2"><div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</font></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
terus yang ane merahin itu tempat script dari cbox tadi ditaro. ngerti ? kalo ngerti klik save. dilihat hasilnya :)
No comments:
Post a Comment