Salam blogger, alhamdulillah saya bisa posting lagi nih, telah sekian lama saya tidak posting lagi. Di Postingan saya kali ini saya akan memberi tahu anda tentang bagaimana cara membuat Buku Tamu / CBOX Tersembunyi di sebelah kanan blog. Tanpa bosa basi saya akan menunjukkan caranya (bagi pemula) untuk anda :
2. Masuk ke Dashboard => Tata Letak => Add Gadget.
3. Lalu copy dan paste code dibawah in.
<style type="text/css">
#gb{
position:fixed;
top:90px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:250px;
width:50px;
float:left;
cursor:pointer;
background:url('http://i1055.photobucket.com/albums/s510/huda4rbung/Untitled-3.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #0000FF;
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 Code CBOX anda di sini)
5. Kemudian yang berwarnah merah, anda ganti dengan code CBOX / Buku Tamu anda.
6. Jangan lupa save dan lihat hasilnya.
(gb1)
1. Login pada blog anda.2. Masuk ke Dashboard => Tata Letak => Add Gadget.
3. Lalu copy dan paste code dibawah in.
<style type="text/css">
#gb{
position:fixed;
top:90px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:250px;
width:50px;
float:left;
cursor:pointer;
background:url('http://i1055.photobucket.com/albums/s510/huda4rbung/Untitled-3.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #0000FF;
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 Code CBOX anda di sini)
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
5. Kemudian yang berwarnah merah, anda ganti dengan code CBOX / Buku Tamu anda.
6. Jangan lupa save dan lihat hasilnya.
7. Terakhir, tinggalkan komentar ya .... Hehehe :-D
SALAM BLOGGER
Terkait
Blogger
- Sitemap
- Sitemap
- About me
- About me
- Exchange Link & Banner
- Exchange Link & Banner
- Blogger :: Pasang Newsticker / Berita Berjalan pada Blog
- Blogger :: Pasang Newsticker / Berita Berjalan pada Blog
- Pasang Read More Otomatis :: tutorial blogger
- Pasang Read More Otomatis :: tutorial blogger
- Tempel atau Pasang Slide Show pada Blog
- Tempel atau Pasang Slide Show pada Blog
- Membuat Spoiler / Show Hide pada Blog
- Membuat Spoiler / Show Hide pada Blog
- Pasang Related Post di Blog :: Link Within
- Pasang Related Post di Blog :: Link Within
- Pasang Like Box Facebook Pada Blog
- Pasang Like Box Facebook Pada Blog
- Bagaimana Mengganti Template Blog ?? : mendowload dan mengupload template
- Bagaimana Mengganti Template Blog ?? : mendowload dan mengupload template
- Cara Membuat Efek Zoom dan Putar pada Gambar
- Cara Membuat Efek Zoom dan Putar pada Gambar
- Membuat Buku Tamu tersembunyi :: Buku tamu tersembunyi di sebelah kanan blog
- Microsoft Office Word 2010 untuk membuat post di blog
