Selasa, 24 Januari 2012

Cara Merubah gambar Box Komentar




Cara merubah Gambar Box Komentar Ke Gambar yang anda ingin kan cukup mudah yah sebelumnya jika anda memiliki Box kementar melayang,bisa langsuk ke TKP tapi jika anda Tidak memilikinya silkan klik ini !
1. Pertama masuk Ke blogger
2. Rancangan
3. Tata letak,cari gadget Box kementar melayang anda !,terus edit
4. cari code di bawah ini:

background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}

5.Ubah kode  URL [http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png] Dengan URL Gambar yang kmu inginkan

Contoh :
 
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj27S3orSNQVrSdBYxgeLpK5VCSVdY-lSmjDurwmOYPhDKMWxn1YzNLXRgfJAdqczqAs4fFQX3gFdiy2KihHOVdjuaODoJTiYE2VtHMNPVUyPe5oEnrBCphCn2C4uJiZRdaBGUGkLLXsu6H/s320/komnetra.png') no-repeat;
}


Warning :!!
hati-hati jangan sampai ( ' )koma atas hilang satu, harus teliti !


6. Sehingga kode Box kementar melayang
menjadi Seperti di bawah 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/AVvXsEj27S3orSNQVrSdBYxgeLpK5VCSVdY-lSmjDurwmOYPhDKMWxn1YzNLXRgfJAdqczqAs4fFQX3gFdiy2KihHOVdjuaODoJTiYE2VtHMNPVUyPe5oEnrBCphCn2C4uJiZRdaBGUGkLLXsu6H/s320/komnetra.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">


Kode box anda

<div style="text-align:right">
<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> 

4 komentar:

Tinggalakan Jejak anda!

Blogger news

Diberdayakan oleh Blogger.

About