lagi pula gua harus mondar mandi kesana kesini untuk mencari tahu bagaimana caranya (maklum pemula). Akhirnya gua nemu di salah satu blog. Ok…kali ini gua akan menerangkan bagaimana cara kita menyembunyikan coment box,,,menyembunyikan coment box sangat berguna untuk mnghemat tempat,,apalagi blog kita itu terbilang sempit ,,, jika kalian ingin coment box anda seperti yang ada di blog saya silahkan baca bawah ini :
Syarat Utama anda harus memiliki coment box, baik itu dari SHOUTMIX, CBOX, atau yang lainnya, jika tidak ada silahkan buat terlebih dahulu setelah di buat silahkan ikuti petunjuknya :
1. Login ke blogger
2. Pilih tata letak atau rancangan
3. Pilih tambah Gadget
4. Dan CoPas kode di bawah ini :
Spoiler for [Script Hidden Coment Box]
<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('http://lh4.ggpht.com/_NSa8I94a3wg/TJHDAQiJqSI/AAAAAAAAAGo/0LukH8E000Y/s800/tabs_asep.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #cd8c3d;
background:#050505;
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">
KODE HTML CBOX/SHOUTMIX
<br /><a href="http://hazbiynews.blogspot.com/2010/10/cara-membuat-coment-box-bergerak.html" title="">Jangan Lupa Follow/Comment Yah..!!!</a><br />
<div style="text-align:right">
<a href="">
</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>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_NSa8I94a3wg/TJHDAQiJqSI/AAAAAAAAAGo/0LukH8E000Y/s800/tabs_asep.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #cd8c3d;
background:#050505;
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">
KODE HTML CBOX/SHOUTMIX
<br /><a href="http://hazbiynews.blogspot.com/2010/10/cara-membuat-coment-box-bergerak.html" title="">Jangan Lupa Follow/Comment Yah..!!!</a><br />
<div style="text-align:right">
<a href="">
</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>
Gampang kan?
Tittle : Cara membuat Coment Box bergerak
Source URL : https://hazbiynews.blogspot.com/2010/10/cara-membuat-coment-box-bergerak.html
You can share or copy this article | Cara membuat Coment Box bergerak | to your blog/website, but don't forget to submit the source url of Cara membuat Coment Box bergerak
Source URL : https://hazbiynews.blogspot.com/2010/10/cara-membuat-coment-box-bergerak.html
You can share or copy this article | Cara membuat Coment Box bergerak | to your blog/website, but don't forget to submit the source url of Cara membuat Coment Box bergerak
You Might Also Like:
Tips dan trick
- How to increase PageRank easily
- How to make Recent Post for Blogger With Animation
- How to make Auto Readmore with image in blogger
- How to disinfect my computer from Virus.Win32.Sality
- How to edit, customize and style the new Jump Break or Read more option in Blogger
- Adf.ly skip error to Media Fire
- smadav-2011-smadav-834-pro-crack-key
- Tips Refine SEAL Indo
- Misi Aleph
- Quest Pedang Suci dan Pedang Iblis
How To
- How to make Recent Post for Blogger With Animation
- How to make Auto Readmore with image in blogger
- How to disinfect my computer from Virus.Win32.Sality
- How to edit, customize and style the new Jump Break or Read more option in Blogger
- Beautiful New Page Navi For Blogger With Scroll
- How To Add Energy Saving Mode For Your Blogger
- How to change cursor on Blogger
- Adf.ly skip error to Media Fire
- smadav-2011-smadav-834-pro-crack-key
- Tips Refine SEAL Indo
No comments:
Post a Comment