Cara Menyembunyikan Widget/Gadget Facebook Di Kiri

Cara Membuat Wiget/Gadget Facebook di Kiri, sama seperti menyembunyikan Gadget di sebelah kanan. Scriptnya hanya di ubah - ubah sedikit.  Langsung saja di masuk ke tutorialnya saja.

1. Seperti biasa login dulu di Blogger.com
2. Buka Rancangan - Elemen Laman.
3. Tambah Widget/Gatget - Html/Javascript
4. Copy paste kode script di bawah ini



<!-- left/right hidden chatbox byhttp://www.ryuuku-sena.blogspot.com/ START -->
<style>
#hcl {
position:fixed;
top:50px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx7LaqTyD9a_oGGPYZPiQjwQNI7YNb5ueYbL3zBknTGX8XLHSGbCCCJ-WgqeQbOb3_d0E9xfc2akyHbANoKzhQsps_hpdMkmn4M5qtjF7U_EtLzsjanKKDqQTguKpyuuyjDeX0XJh2cwA/s1600/cbred-LEFT+copy4545.png') no-repeat;
}
.hclcontent {
float:left;
border:6px solid #e08200;
background:#ffffff;
padding:5px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">

Ganti Tulisan Ini Dengan Script Facebook Atau Widget Lain

<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<a href=http://www.ryuuku-sena.blogspot.com/ target="_blank">
Get this widget!
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[close]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>
</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>
<!-- left/right hidden chatbox by http://ryuuku-sena.blogspot.com/ END -->

5. Ganti tulisan Yang berwarna merah dengan script facebook anda.
6. Yang terakhir simpan. lalu lihat tampilan blog anda sekarang

5 komentar:

Sahili said...

kelemahannya cuman dipake pas browsernya kaga mozilla dwnk gan

Kang Ata said...

Terima kasih widget kerennya,,tapi saya suka warna biru muda...gmn yah cara ngrubah warnanya.
kirim email ke atamiaw@yahoo.co.id trims.

Unknown said...

permisi kakak, izin sedot ya buat posting blog saya

Nay said...

kewl blog neh ;) keep posting.... (y)

Unknown said...

Mantap nih thanks...

Post a Comment

Previous
 

Ryuuku Sena Blog Design by Ryuukusena © 2011