Olá! Seja bem-vindo ao meu blog!

Aqui você dá as boas vindas aos seus leitores, fala sobre você e seu blog, contato:

E aqui você deixa os links de suas redes sociais, com ícones de sua preferência:

Menu

Faça um tour pelo blog ;3

Cara Membuat Buku Tamu Di Blog


Assalamualaikum, hay.. ophie, balik lagi nih.. kali ini ophie akan memberikan artikel tentang cara membuat buku tamu yang bisa Auto Hide di Blog, Ok langsung saja ke topik pembahasan..



Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog

Caranya :
  1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
  2. Masukkan kode atau copy/paste script yang  ada dibawah ini.  Selanjutnya,
  3. Klik Save 
Kode/Script:
<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('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">

<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 300px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#ababab 1px solid;"><iframe src="http://www4.cbox.ws/box/?boxid=4284821&boxtag=8b4bp5&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain4-4284821" id="cboxmain4-4284821"></iframe></div>
<div style="position: relative; height: 80px; overflow: hidden; border:#ababab 1px solid; border-top: 0px;"><iframe src="http://www4.cbox.ws/box/?boxid=4284821&boxtag=8b4bp5&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform4-4284821" id="cboxform4-4284821"></iframe></div>
</div>
<!-- END CBOX -->

<div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div>
</div>
<script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>


Catatan :
Ganti kode yang berwara ungu dengan kode buku tamu milik sobat. Sobat yang belum punya buku tamu silahkan buat terlebih dahulu di cbox ( seperti blog ini) , fiboxshoutchamp atau pada penyedia chatbox gratisan lainnya.
untuk maw ambil Kode/Scriptnya  Klik Disini

Sekian dulu untuk tutorial kali ini, semoga bermanfaat bagi teman-teman yang lg membutuhkan.. :)

No comments:

Post a Comment

CORETAN DAIRY OPHIEee.. Copyright 2013. Editado por: Roberta. Créditos dos recursos utilizados em: Reino Kawaii.
up