Sunday, 2 September 2012
04:23 | 
Diposkan oleh
abi ukan
Diposkan oleh
abi ukan
Nah, kali ini ane akan membagikan tips membuat buku tamu keren di blog. Untuk demonya, sobat bisa lihat buku tamu yang ada di blog ini. Tombolnya ada kok di kanan atas layar sobat. Nah, bagi sobat yang tertarik, langsung aja pasang di blognya.
Yuuuk langsung aja kita bahas. Caranya :
- Login ke blogger sobat tentunya.
- Pilih "Template" -> "Edit HTML" -> "Lanjutkan" (Jangan lupa untuk mencentang Expand Widget Template).
- Cari kode ]]></b:skin>
- Setelah ketemu, paste kode berikut tepat di bawah kode tersebut.
- Setelah itu, klik "Save Template"
- Kemudian masuk ke "Tata Letak" -> "Tambah Gadget" -> "HTML" -> "Javascript"
- Copas kode berikut ke dalam widget
- Ganti kode berwarna merah dengan kode frame chatbox sobat. Kemudian Save.
<style type='text/css'>
#gb{
position:fixed;
right:350px;
z-index:+1000;
}
#tabGb {
position:fixed;_position:relative;top:50px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollright+ document.documentElement.clientWidth - offsetWidth); }
* html #gb{position:relative;}
.gbcontent{
float:left;
border:2px solid #4173af;
background:#ffffff;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:20px;
padding:10px;
}
</style>
<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 35 : 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>
#gb{
position:fixed;
right:350px;
z-index:+1000;
}
#tabGb {
position:fixed;_position:relative;top:50px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollright+ document.documentElement.clientWidth - offsetWidth); }
* html #gb{position:relative;}
.gbcontent{
float:left;
border:2px solid #4173af;
background:#ffffff;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:20px;
padding:10px;
}
</style>
<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 35 : 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="gbcontent">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0"
width="200" height="305"
src="http://www5.cbox.ws/box/?boxid=738910&boxtag=aanqf5&sec=main"
marginheight="2" marginwidth="2" scrolling="auto"
allowtransparency="yes" name="cboxmain5-738910" style="border:#000000
6px solid;" id="cboxmain5-738910"></iframe></div>
<div><iframe frameborder="0" width="200" height="75"
src="http://www5.cbox.ws/box/?boxid=738910&boxtag=aanqf5&sec=form"
marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes"
name="cboxform5-738910" style="border:#ffffff 1px solid;border-top:0px"
id="cboxform5-738910"></iframe></div>
</div>
<p><span style='float:right;font:italic 10px Viner Hand
ITC, Sans-Serif;'><a
href='http://tamaneja.blogspot.com/2012/09/membuat-buku-tamu-keren-di-blog.html'
target='_blank'>Get This Widget</a></span></p>
<div style='clear:both;'/>
</div>
<!-- END CBOX -->
<center><a href="javascript:void(0);"
onclick="showHideGB()"><input type="button" value="Close"
class="close" /></a>
</center></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.top = (-400-gb.offsetWidth).toString() + "px";
</script>
<div id="tabGb"><a href="javascript:void(0);"
onclick="showHideGB()" title="Buku Tamu"><img alt="Buku Tamu"
heigth="125"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3AOmEbfmjwkCw7Ih2s7zCSHE-9EchxgsmqUuf7umKLhN2N09bbpGJ_hG9T_jpzMhqJEMOzyRHgQK-gMfCmEKuNrWFDtWq1RUirUbvX_moHhGlvw0-FuakpbtXV8MVtknennSGsfOtOcc/s1600/guest-book.png"
border="0" /></a></div>
Untuk mendapat informasi lainnya dari kami
Label:
tips blog
