Kali ini saya share tentang bagaimana cara pasang buku yang menempel di
blog, tapi sebelum itu zobat daftar duluh ke website penyedia layanan
Buku Tamu seperti
cbox,jika
sobat sudah punya langsung aja ke tahap yang selanjutnya . dari pada
basa basi langsung aja kita lihat cara membuat buku yang menempel di
sebalah kiri pada blog.
kira-kira gambarnya seperti di atas.
1.Masuk dulu ke blog sobat melalui www.blogger.com
2.Setelah muncul jendela dasbor klik desain
3.Klik tambah gadget/html java script
4.copy pastekan kode beikut ini:
<style type="text/css">
#gb{
position:fixed;
top:10px;
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/AVvXsEjyABILHN7ared9jZ2T0X-o3pKY2xJtSKqHrAky_Kltv9N6J6lbdle_Q0KaC38qes1t8nLgG6z_ydsJP3kjYlgjTI9FVM9EAyzSVg6l_8OVcGElp55GRm7KwRdJ7Pg-SCpz_gKETjaMB4Yw/') 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">
<--------------Masukkan kode script buku tamu anda disini-------------->
<div style="text-align: right; font-size: 10px;">
Widget by
<a href=" http://namawebanda.com">
Muhammad Fariz Azri
</a>
</div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
|
Keterangan :
ganti tulisan yang berwarna merah dengan kode wiget buku tamu anda
kode yang berwarna orange adalah
posisi bukutamunya semakin kecil nilai angkanya maka semakin tinggi
letak buku tamunya ,sebaliknya semakin besar nilai angkanya maka semakin
kebawawah letak buku tamunya
ganti tulisan warna kuning dengan nama web anda.
Note : Mari Klik g+ pada blog ini untuk mencukupi kebutuhan blog ini :D...
Related Posts :
Creatif By : Unknown | Muhammad Fariz Azri
Terimah Kasih telah membaca artikel
Cara Membuat Buku Tamu Di Blog. Yang ditulis oleh Unknown .Pada hariSaturday, April 11, 2015. Jika anda ingin sebarluaskan artikel ini, mohon sertakan
sumber link asli. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Trimakasih
No comments:
Post a Comment
Marilah Berkomentar Dengan Sopan & Jelas Tidak Mengandung :
1.Sara
2.Pelecehan
3.Spam
4.Link Aktif
Mari beri g+1 nya ... :D