kali ini saya akan berbagi ilmu tentang cara membuat buku
tamu tersembunyi di samping Blog kita. Pasti akan lebih menarik kalau widget
kita tidak hanya monoton di samping kanan-kiri postingan kita saja.
Dibawah ini adalah langkah-langkahnya :
1. Login Bloger
2. Klik Rancangan/Design
3. Tambah Gadget / Add a Gadget
4. Pilih HTML/javascript
Kemudian Copy paste kode di bawah ini di dalam Html/javascript tadi.
<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSVVY2aVfp-yT9hEVih6a9t-1ca0htGjW-9I6I8m42LCgoRbtbRHHzYUk488rc3lLixN8Bqgsa-8ZcE9ftb9zjlmq-SWxz1l_AukdnFYjYGuU7u0eU2r90rEQ7tiKbMycaOvisgECsfrYq/') 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">
LETAKKAN KODE SHOUTBOX, FOLLOWBOX, DLL TERSERAH ANDA DISINI
<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 :
Untuk font warna biru dapat diganti posisinya
sesuai keinginan anda tapi autr juga stylenya.
Lalu untuk font warna Hijau
bisa anda letakkan kode apa saja, misalnya kode buku tamu
silahkan di otak atik sendiri
kalau mau tahu hasilnya lihat saja bagian sebelah kanan Blog saya... :)
Selamat mencoba dan jangan lupa tinggalkan pesan nya
Baca juga yang di bawah ini