kali ini saya pengen share cara membuat buku tamu melayang di sisi kanan blog
lalu anda akan dibawah tampilan seperti di bawah ini
3.Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
4.Setelah sudah masuk anda cari publish!
seperti gambar di atas
5.setelah itu akan muncul kode scripx seperti pada gambar di bawah
6.copy scrip tersebut lalu masukkan ke scrip di bawah
dan Langkah berikutnya Copy-Paste HTML dibawah ini
Ganti tulisan yang berwarna merah dengan scirp di Cbox yang anda copy
Cara menaruh html di atas
lalu anda akan dibawah tampilan seperti di bawah ini
3.Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
4.Setelah sudah masuk anda cari publish!
seperti gambar di atas
5.setelah itu akan muncul kode scripx seperti pada gambar di bawah
dan Langkah berikutnya Copy-Paste HTML dibawah ini
<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/AVvXsEirAOMi70sE1IaFLVtaxHYrLVecwEA7B61t9ppq4qUH6Y9nNNwlRQ55btLUD4ODiwYi7glKy1naCKVwQ4qiuaBZhaAaygG9C8DrYTRuFUCX3FyF9nMvgTj-x_VYB97-zSdVaqrpukuymdA/s1600/bukutamu.png') 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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini
<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><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></div></div>
#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/AVvXsEirAOMi70sE1IaFLVtaxHYrLVecwEA7B61t9ppq4qUH6Y9nNNwlRQ55btLUD4ODiwYi7glKy1naCKVwQ4qiuaBZhaAaygG9C8DrYTRuFUCX3FyF9nMvgTj-x_VYB97-zSdVaqrpukuymdA/s1600/bukutamu.png') 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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini
<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><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></div></div>
Ganti tulisan yang berwarna merah dengan scirp di Cbox yang anda copy
Cara menaruh html di atas
- Masuk akun blogger siapa ajah boleh
- Ke tata letak
- Add gadget atau Tambah gadget
- kemudian pilih Edit html/javascript
- Masukan html di atas dan simpan
- Selesai
Tidak ada komentar untuk " Cara Membuat Buku Tamu Melayang di Sisi Kanan Blog "
--------------------------------------------
Dilarang menggunakan kata-kata kasar dan kata-kata yang mengandung SARA, kata-kata yang mengindikasikan Flame terhadap seseorang sehingga terjadi pertengkaran akan saya hapus dan blok dari blogspot ini !!