Pada tutorial sebelumnya saya sudah menerangkan Cara Membuat Kode Wrana (Color Picker) Dengan JQuery, akan tetapi pada hari ini, di Blog Musa Khairul Umam, akan share Membuat Buku Tamu Melayang Di Samping Blog, dalam postingan kali ini saya membahas tentang Modifikasi Buku Tamu, Oh iya yang belum punya buku tamu bisa membaca artikel saya 'Cara Daftar Dan Memasang Cbox Pada Blogger' pada pembahasan modifikasi buku tamu sebelumnya saya sudah share Buku Tamu Tanpa Diklik Terbuka, dan terus memodifikasi sampai seperti ini, untuk demonya sobat bisa lihat di blog demo saya disini, langsung saja cara pembuatannya dibawah.
- Log in blogger
- Masuk ke rancangan
- Elemen laman
- tambah gadget, html/java script
- 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/AVvXsEh0mi5Y_N-ktBB6tvdCLWahQbwRcqIA3q7JoWFfAP9lfC2xWAPPxk3RhyWZ67PHY9xBqymlINfsHxp778bqk-CPMuSvHDiKTuftfYVepuHabVyFRPgIgsW4K1LnaIzZZ0Zj9VOEVb6gxpWd/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/AVvXsEiG-inhKWmN4XcfNKK-ZKvIBNT-vC5tT-oFvK7yFiLMmhanGwYUhdhR-ufE5f_s2lWZBwcQLceIndw4_90v44_tzdBCs4H_sIX04YJb-hStRerQ5R99nWdRMgJgT2R1XGp9oXhU9dGw7v0/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/AVvXsEiG-inhKWmN4XcfNKK-ZKvIBNT-vC5tT-oFvK7yFiLMmhanGwYUhdhR-ufE5f_s2lWZBwcQLceIndw4_90v44_tzdBCs4H_sIX04YJb-hStRerQ5R99nWdRMgJgT2R1XGp9oXhU9dGw7v0/s1600/TabGBcopy.png adalah link gambar, silahkan ganti sesuai keinginan sobat dan jangan lupa komentarnya
0 komentar:
Posting Komentar