Death Bat Hacked Community - Sebelum anda membuat "BUKU TAMU" anda harus membuat "Chat Box" dulu, penasaran??? langsung saja masuk ke situs cbox, klik disini.
OK, jika sobat telah mendapatkan kode html-nya, langsung saja sob ini dia langkah-langkahnya:
1. Masuk akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget di posisi mana saja.
4. Pilih HTML/Javascript.
5. Masukan kode html berikut.
6. Atur ukuran dan posisi pada kode berwarna biru.
7. Ganti tulisan warna merah dengan kode html chat box sobat.
8. Ganti URL gambar pada kode warna ungu dengan gambar yang sobat inginkan. Namun bila sobat tidak menggantinya hasilnya akan seperti berikut.
9. Atur warna background dan warna border pada kode warna hijau.
Url Gambar Lainya:
10. Klik Simpan dan selesai. Lihat Hasilnya.
OK, jika sobat telah mendapatkan kode html-nya, langsung saja sob ini dia langkah-langkahnya:
1. Masuk akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget di posisi mana saja.
4. Pilih HTML/Javascript.
5. Masukan kode html berikut.
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ehmMzLZCEI-Q-TMRrsNAw1QAS-mocr0EdC-kv6pVZCs8zSKAciGUnIuMI7H8JXLMWIXI9uarqEyRFvjvAzeYB9HxMcf7o8HqXO97juoN07NCFa12HVklJMqfI3yQfgSC2HcNDSsCbgg/s1600/Bukutamu6.gif') 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">
MASUKAN KODE CHAT BOX DISINI
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Mau Widget Ini? <a href="http://regibrader-free.blogspot.com/2013/02/cara-memasang-widget-chat-box-yang_18.html" target="_blank">Klik Disini</a></span></span></div>
<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>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ehmMzLZCEI-Q-TMRrsNAw1QAS-mocr0EdC-kv6pVZCs8zSKAciGUnIuMI7H8JXLMWIXI9uarqEyRFvjvAzeYB9HxMcf7o8HqXO97juoN07NCFa12HVklJMqfI3yQfgSC2HcNDSsCbgg/s1600/Bukutamu6.gif') 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">
MASUKAN KODE CHAT BOX DISINI
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Mau Widget Ini? <a href="http://regibrader-free.blogspot.com/2013/02/cara-memasang-widget-chat-box-yang_18.html" target="_blank">Klik Disini</a></span></span></div>
<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>
6. Atur ukuran dan posisi pada kode berwarna biru.
7. Ganti tulisan warna merah dengan kode html chat box sobat.
8. Ganti URL gambar pada kode warna ungu dengan gambar yang sobat inginkan. Namun bila sobat tidak menggantinya hasilnya akan seperti berikut.
9. Atur warna background dan warna border pada kode warna hijau.
Url Gambar Lainya:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuqokAMlCukT8omUJ876EpjoV0fc-e68ZFN7YcRwYy24PYnu0jsiyhqbm5ppL6nfr0h7jZEks3YWaY6LjKsDyuuEHDgLVBqNSMizYDW_t1IvQ4Z0k6WEFUC4UVKIlG223g3N-Cp6vHtgo/s1600/Chatbox.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3AQpvcLfPhm2xZvPF9sDOvQCJk07yD7Ntxwfn8hGjSxO02Gv6XXEoLd_6NGixLK1U7DiTBGxFiFHG7RYIV0cCA7-C932xdQfEAM8GUQ4bey54CexTyLd7zA1zg0L_JlB2xUqZLXbyUAM/s1600/Bukutamu3.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUNOfc7zzem3qbA9dq40Hg5e9sLfXaEoQD2VyOXMuirSaItGNZal7giXSFIpZgUrrKlHXNUPbvQp9Gev5tsnPUP1Dc_7gfmA-9RQcnxS1azoMl37mo2eXxdpRTz6bd7y5zkGBNXxOq4KI/s1600/bukutamu2.gif | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpWXbY7Bi6-MqDCnu1JfzTwA_SRYPRSpMkUbzBqeSNUN9ExevngqIw5qb8ZqD_ZyK8DohZnDfCzRUT2bNCuIS378q61xk3PGukOA1GLwii7TvgRHqE5vlCkhNL9EAGHVJbG7aShxrSKqo/s1600/bukutamu5.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuKgGkbVkJmabVpzHSrYg8oOd_wnNQ1Pn53dR78L6errJBWJe_uBo7KC9x6cCGiMPgEXoIkcg5u9ZlKtbGvk9Va4Y4c_t2PwsajMbwFRtHI_3PgkkDHVucUH8J7kvkH2o9g-lR3xHjBXc/s1600/2131wkl.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQo8fGzU-wxPbZd9bTZDHPBovydSQzRpuRSvS2STaJDIMzJKvExsFma7ulM08Mi7LQzpujtvhztCVGvMgVu2rU_Vwp1U0pv2sisJH8P1dC6EZQp5Hg6ViClXcmwwsxssE2fy3lylkgf0w/s1600/bukutamu4.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyFVjsilpobqImpvTzfLF84JtykKIp4tDxSahRAdaA5MpYuHso672pGu8jasZr1vqmJK4o8jzTEK-NnbvNppDoX2XCFV4PrrnJb_i2Sx3JLTXwCdU0V9BE09Yf_s4zUdjUpU3BC2Ihg6w/s1600/BukuTamu1.png |
10. Klik Simpan dan selesai. Lihat Hasilnya.
0 Comments
Bagaimana Pendapat Anda ?