memasang buku tamu blog "melayang" di samping atas blog

memasang buku tamu blog "melayang" di samping atas blog

Diposkan oleh vautsan on Kamis, 06 Juni 2013

caranya sangat mudah sob :)

leat tampilan sebelah kanan blog saya
ada kab buku tamunya :D hhahaahaa

caranya anda buat dulu bukunya
di sini gan http://www.cbox.ws/

setelah itu akan muncul tampilan
pilih aja get your own free cbox now
isi biodata sampai lengkap truz create your chek bock

Jika sudah selesai semua, klik tombol Apply

  Login ke blogger.com dan klik Rancangan/Design
Klik Tambah gadget
 Pilih HTML/Java Script
Paste kode Buku Tamu yang telah dicopy tadi ke kolom yang tersedia.

Sekarang buka Blog kamu...
Mudah kan????

langkah berikutnya kopi pastekan kode html di bawah ini



<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw4jfKoWKRx0WIax5swJCFbvlHSi9xqNj_EMnv7v4cO8TUo3vf67z-8wtpYIDUsCgRSJ25EnHx7Nr_Wxi_HAEfd8wcmtO2gD5CAWKok_JhtS3e_mcolzcCva1DkR6Un-IN1LjrB4L8eP1i/s128/345o85i.gif ') 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">

SILAHKAN MASUKAN KODE CBOX ANDA DISINI !!!!!!!!!!!!!!!!!!!!

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://vautsanxplanvrends.blogspot.tw/2013/06/memasang-buku-tamu-blog-melayang-di.html">
                  simple blog
              </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>


kemudian memasukan nya ke 
>blogger.com
>tataletak
>editgedged
>tambah html java skrip
>simpan slesai deh :)

semoga bisa lo ga bisa kasih saran ke saya azaa insya aaloh saya tanggapi :)


Comments
0 Comments

{ 0 komentar... read them below or add one }

Posting Komentar

komentar akan ditanggapi dengan ramah klem aza iaa :>

insya alloh saya coment balik brow :)

link download heking

Popular Posts

Pengikut

category