Breaking News
Loading...
BALI NASIONAL NEWS Mengucapkan "Selamat Memperingati Hari Kemerdekaan RI ke 69 (17-8-1945--17-8-2014), Jayalah Indonesiaku"
Sabtu, 15 September 2012

Membuat Buku Tamu Tersembunyi

Membuat Buku Tamu Tersembunyi-Untuk sobat yang ingin mempunyai dan mengetahui bagaimana membuat buku tamu tersembunyi di sidebar/ sisi kanan dan sisi kiri, ini ada sedikit tips bagi anda para blogger Indonesia tentang cara membuat buku tamu tersembunyi, dengan mengikuti langkah berikut:

1.Masuk dulu ke blog sobat melalui www.blogger.com
2.Setelah muncul jendela dasbor klik desain/ rancangan
3.Klik tambah gadget/html java script
4.copy pastekan kode beikut ini:

Gambar untuk buku tamu sebelah kanan, Ini scriptnya:
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">

<--------------Masukkan kode script buku tamu anda disini-------------->

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://yudatfort814.blogspot.com/2011/02/cara-membuat-buku-tamu-tersembunyi.html">
                  Belajar dari internet
              </a>
          </div>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

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

Sementara untuk Gambar buku tamu sebelah kiri, ini scriptnya:
<!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com START -->
 <style> #hcl { position:fixed; top:135px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('http://4.bp.blogspot.com/-QeIqNLnXWMA/TeRYvdo7uoI/AAAAAAAAAYw/aICum56VfYk/s1600/buku-4.png') no-repeat; } .hclcontent { float:left; border:4px solid #5F9EA0; background:#F5F5F5; padding:3px; } .hc-credit {font-size:9px}
 .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">

<------Ganti tulisan ini dengan widget buku tamu anda------>

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://yudatfort814.blogspot.com/2011/02/cara-membuat-buku-tamu-tersembunyi.html">
                  Belajar dari internet
              </a>
          </div>
<br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->  </span> <span style="float:right"> <a href="javascript:showHidehcl()">  </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>   <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com END --></div>

Keterangan : ganti tulisan yang berwarna merah dengan kode widget buku tamu anda, dan kode yang berwarna orange adalah posisi buku tamunya semakin kecil nilai angkanya maka semakin tinggi letak buku tamunya ,sebaliknya semakin besar nilai angkanya maka semakin kebawawah letak buku tamunya
Selamat mencoba, semoga sukses (Roelly R)
sumber: http://yudatfort814.blogspot.com



0 komentar:

Posting Komentar

Thank you for your visit, do not forget to browse Guest Book and Leave a Coment yes, as a sign of brotherhood we, and we will also visit your Web site
 
Toggle Footer
Related Posts Plugin for WordPress, Blogger...