AkuTauu: Cara Menyembunyikan Widget Follow

Minggu, 29 April 2012

Cara Menyembunyikan Widget Follow

Ini buat agan-agan yang tidak memiliki banyak ruang di sidebar blognya. Untuk membuat alternatifnya, saya buat tutorial ini. Mudah-mudahan bermanfaat.

Berikut langkah-langkahnya :
1. Login ke Blogger
2. Masuk Rancangan - Elemen Laman
3. Tambah Gadget Html/Java Script
4. Copy - Paste kode berikut :

.fltab{
height:32px;
width:270px;
float:top;
cursor:pointer;
background:url(#) no-repeat;
}
.flcontent{
float:right;
border:2px solid #676767;
background:url()#F90 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">

GANTI TEXT INI DENGAN CODE FOLLOWERS ANDA

<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<span style="font-size:85%;"><a 
href="http://dinarcool.blogspot.com/2012/01/cara-menyembunyikan-widget-follow.html"><div
 style="color: rgb(68, 68, 68);">
<span style="font-size:xx-small;">Get This 
Gadget</span></div></a></span>
</div>
</div>
<script type="text/javascript"><br />var fl = 
document.getElementById("fl");<br />fl.style.bottom = 
(-100-fl.offsetWidth).toString() + "px";<br /></script>

5. Ambil code script followers anda di sini
6. Setelah itu,bika rancangan - edit Html.cari code <body> dengan cara tekan Ctrl + F, copy paste kode di atas <body>

Sumber : http://www.idsena.web.id/2011/02/cara-menyembunyikan-widget-follow.html

AkuTauu

Pages

Minggu, 29 April 2012

Cara Menyembunyikan Widget Follow

Tidak ada komentar:

Posting Komentar