0 Membuat buku tamu melayang di samping blog dengan jquery

Membuat buku tamu melayang di samping blog dengan jquery 
Bingung nih pagi-pagi mau posting apaan, posting tentang buku tamu aja lah ,karena pagi-pagi dirumah sudah kedatangan banyak tamu,, hehehe. kali ini saya akan membahas mengenai buku tamu melayang disamping blog, sudah tau pastinya kan, trik ini mungkin sedikit berbeda dengan teman2 lainya karena trik ini mengaplikasikan dengan menggunakan jquery yang pastinya lebih keren tampilanya oke langsung aja yuk..
untuk dara membuatnya yaitu sebagai berikut :

1. Log in blogger
2. Masuk ke rancangan
3. Elemen laman
4. tambah gadget, html/java script
5. Kopi pastekan kode di bawah ini :

<style type="text/css">

.gb_fixed{

position:fixed;

top:0px; right:0px;

z-index:+10;

}

* html .gb_fixed {position:relative;}

#hidden_gb2 {

display:none;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRkchKc9S5BoBIc0eM0BYREOR9IsQ7nIQokkbd24v_g-w1aMaSH_P8sf2JnyC5la_tArrNKRG9OkznsYkpU-8ZLaymbPqwXsEsc6Ummd6kv2OAsLfxkf88tD8nCsm990Q3Ay6yWMKgKZuj/s1600/papers.jpg

)repeat;

color:#000;

padding:10px 10px 10px 10px;

-moz-border-radius-topright:10px;

-webkit-border-top-right-radius:10px;

-moz-border-radius-bottomright:10px;

-webkit-border-bottom-right-radius:10px;

-moz-border-radius-topleft:10px;

-webkit-border-top-left-radius:10px;

-moz-border-radius-bottomleft:10px;

-webkit-border-bottom-left-radius:10px;

-webkit-box-shadow: 2px 2px 4px #8bd268;

-moz-box-shadow: 2px 2px 4px #8bd268;

}

</style>

<div class="gb_fixed">

<table id="hidden_gb2" cellpadding="0" cellspacing="0">

<tr><td>

<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style=" background:-moz-linear-gradient(top, #051547, #999, #051547); color:#6cec17;

padding:10px 10px 10px 10px;

-moz-border-radius-topright:10px;

-webkit-border-top-right-radius:10px;

-moz-border-radius-bottomright:10px;

-webkit-border-bottom-right-radius:10px;

-moz-border-radius-topleft:10px;

-webkit-border-top-left-radius:10px;

-moz-border-radius-bottomleft:10px;

-webkit-border-bottom-left-radius:10px;

-webkit-box-shadow: 2px 2px 4px #8bd268;

-moz-box-shadow: 2px 2px 4px #8bd268;"> TUTUP BUKU TAMU </b></a></div>

Masukkan script atau kode buku tamu kawan disini

</td></tr></table>

</div>

<script src="http://kangdadang.googlecode.com/files/shouteffect.js"></script>

<div style="z-index:+5" class="gb_fixed">

<a href="javascript:void(0)" onclick="gb_showHideGB()">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTGvHCSG6UAnlZ6HPtuLALGeJqfMt-4J1l0_5UV_OhJQTunr9huUHm6mz5lG7nJrPx4fLnIVs-R-r1_vYc8vBo1FiYITXiMOY0ol3YgMtNKRC-tzsatb0RHKWbnRBhIKavPSJEf-lMqfo/s1600/TabGBcopy.png" />

</a>

</div>

Masukkan script atau kode buku tamu kawan disini silahkan masukkan kode buku tamu nya disitu,
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTGvHCSG6UAnlZ6HPtuLALGeJqfMt-4J1l0_5UV_OhJQTunr9huUHm6mz5lG7nJrPx4fLnIVs-R-r1_vYc8vBo1FiYITXiMOY0ol3YgMtNKRC-tzsatb0RHKWbnRBhIKavPSJEf-lMqfo/s1600/TabGBcopy.png adalah link gambar, silahkan ganti sesuai keinginan

Jika sudah langsung Simpan..................

dan lihat hasilnya.

Cukup sekian dan terimakasih wassalam
Selamat mencoba

Anda suka atau merasa artikel ini bermanfaat? Jika ya, mohon kesediaannya untuk meng-klik tombol Plus One yang ada di samping ya. Terima kasih

related post :