Assalamu'alaikum Wr, Wb.
Sohib2ku tercinta sekarang saya mau share Cara membuat buku tamu di Blog sohib2 sekalian, uhft setelah beberapa kali saya selalu GAGAL dari pagi sampai sore, Pas sudah berhasil belum disimpan malah mati listrik.
Wah inilah kesulitan saya smoga sohib2 tidak mengalami seperti saya. Asal mau usaha pasti berhasil. Ok langsung aja nie cara membuat buku tamu di blog
Wah inilah kesulitan saya smoga sohib2 tidak mengalami seperti saya. Asal mau usaha pasti berhasil. Ok langsung aja nie cara membuat buku tamu di blog
- Masuk ke blog kalian
- Pilih tata letak/layout
- Klik add gadget
- Pilih text HTML/Java Script
- Trus masukin ya text yang di Halaman Selanjutnya....
<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/AVvXsEjel3juD-72fRoM1e1wNrjrEH1V0SiKf-IaeiRQp2e0pfNwEcMw7wIp3q3VNvY-zqIfXGHbYsxNTWrOdeFHp68yfLKedErXeUHqIag2kvDt619si_0nTXBU6HUC3H9HxzlLeXEB8TxZZBsH/') 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">
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
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/AVvXsEjel3juD-72fRoM1e1wNrjrEH1V0SiKf-IaeiRQp2e0pfNwEcMw7wIp3q3VNvY-zqIfXGHbYsxNTWrOdeFHp68yfLKedErXeUHqIag2kvDt619si_0nTXBU6HUC3H9HxzlLeXEB8TxZZBsH/') 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 disini kode Shoutbox Anda>
<div style="text-align:right"></a>|<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>
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
- Lalu Save ya
- Kalo udah Refresh Aja blog kamu atau tekan F5 pada keybord
- Selamat Mencoba
Catatan : buat yang teks warna merah itu masukin Script Shoutbox kalian kalo blum punya daftar dulu ya di sini http://www.freeshoutbox.net
bagus
ReplyDeletetrimakasih ya
Deleteguud info ilma.
ReplyDeletesama2 trimakash
Delete