Trik membuat tombol buku tamu sendiri - mari kita berkreasi dengan tombol buku tamu di blog Tools ini ketemu saat jalan2 di Mbah GOOGLE dan singkat cerita tools ini buat nge-Rounded Gambar atau membuat gambar agak lengkung keren deh pokoknya kita langsung bahas saja :
1. Anda siapkan photoshop atau apapun yg penting bisa edit foto
2. Buat ukuran 50 x 140
3. Anda buat deh tuhh gambar anda edit-edit sendiri
4. Setelah selesai simpan di folder anda
5. Buka tinypic.com
6. Anda upload gambar yg telah anda buat tadi
7. setelah anda upload anda lihat tab "Direct Link for Layouts"
8. Ambil URL tersebut
9. pastekan URL tersebut di bawah ini pada tulisan yg bercetak tebal warna Hijau tersebut
<style type="text/css">
#CilukBa_bgsGR{position:fixed;top:50px;z-index:+1000;}
* html #CilukBa_bgsGR{position:relative;}
.CilukBa_bgsGRknop{height:140px;width:50px;float:left;cursor:pointer;
background:url(http://i55.tinypic.com/vqmk3d.jpg) no-repeat;}
.CilukBa_bgsGR_SB{float:left;border:2px solid #022f81;background:#D08206;padding:3px;}
</style>
<script type="text/javascript">
function Ciluk_ba_bgsGR(){
var CilukBa_bgsGR = document.getElementById("CilukBa_bgsGR");var w = CilukBa_bgsGR.offsetWidth;
CilukBa_bgsGR.opened ? moveCilukBa_bgsGR(0, 30-w) : moveCilukBa_bgsGR(20-w, 0);
CilukBa_bgsGR.opened = !CilukBa_bgsGR.opened;}
function moveCilukBa_bgsGR(x0, xf){
var CilukBa_bgsGR = document.getElementById("CilukBa_bgsGR");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;
CilukBa_bgsGR.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveCilukBa_bgsGR("+x+", "+xf+")", 10);}}
</script>
<div id="CilukBa_bgsGR">
<div class="CilukBa_bgsGRknop" onclick="Ciluk_ba_bgsGR()"> </div>
<div class="CilukBa_bgsGR_SB">
Disini kode buku tamu anda
</div></div>
<script type="text/javascript">
var CilukBa_bgsGR = document.getElementById("CilukBa_bgsGR");
CilukBa_bgsGR.style.right = (33-CilukBa_bgsGR.offsetWidth).toString() + "px";
</script>Jadi buku tamu cilukbanya telah jadi + tombol nya juga. oh iya kalau bisa gambarnya anda simpan lagi di komputer lalu simpan di hostingan anda biar gambar gak ilang. cara menggunakannya anda cukup klik Tambah gadget lalu pilih HTML/Javascript lalu simpan.
