Blogger templates

Home » » Membuat Buku Tamu Dengan Themes Fire . DIJAMIN MENARIK :)

Membuat Buku Tamu Dengan Themes Fire . DIJAMIN MENARIK :)

Written By Unknown on Minggu, 13 Januari 2013 | 09.11

Buat Sobat" yang pengen memberi memodifikasi kotak buku tamunya agar bisa terbuka tanpa diklik. Nih ane punya sedikit tips buat sobat" yang pengen memodifikasi kotak buku tamunya agar bisa terbuka tanpa diklik. tips ini ane dapet dari temen ane, yah langsung deh ane posting kesini. Langsung langkah"nya aja ya sob......
1. Login Blog
2. Rancangan --> Elemen halaman --> tambah widget --> HTML/Javascript
3. Lalu masukkan kode dibawah ini.

<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat; } .gbcontent { float:left; border:1px solid #BB0000; -moz-border-radius-bottomleft:10px; -webkit-border-radius-bottomleft:10px; -o-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbCrLCZmfLJkAMjUcrfd4dMLV_gNJOk2W9JSJVNWTVQ_oItqweT9WxAC5JvQ4GWg8rOQ17DfGpNlsiYILRUMDDOIDT8FP0JESi2r9dWgBy3L9Ksq-SGPUg9j3-62taNwasQlTHoQBVHPN6/s1600/api.gif) no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center> ISI DENGAN KODE BUKU TAMU SOBAT <br /> <div style="text-align:center"> <a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox"> <center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center> </a> </div> </center></div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script></div>
NB : Letakkan kode buku tamu sobat pada ISI DENGAN KODE BUKU TAMU SOBAT
4. simpan dan selamat mencoba.....

0 komentar:

Posting Komentar

Bagi Anda yang merasa blog nue bermanfaat mari likes dan jadi member :)

Channel Youtube : Kepo Media

Kepo Media. Diberdayakan oleh Blogger.

Popular Posts

About

Like dan Follow Anda Sangat Membantu Blog Ini ^_^

×

Recent Comments

Blogger news