Cara Menyembunyikan Widget Follow ~ Move Your pages

Rabu, 02 November 2011

Cara Menyembunyikan Widget Follow

08.00

Unknown

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 bebermanfaat.

Berikut langkah-langkahnya :

Login ke Blogger
Masuk Rancangan - Elemen Laman
Tambah Gadget Html/Java Script
Copy - Paste kode berikut :

<style type="text/css"> #fl{ position:fixed; right:190px; z-index:+1000; } * html #fl{position:relative;} .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 <div style="text-align: right;"> <a href="javascript:showHideFL()"> [Tutup] </a></div> <span style="font-size:85%;"><a href="http://ryuuku-sena.blogspot.com/2011/02/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. buka rancangan > edit html > cari kode <body> dan paste kan tepat diatas <body>

kode nya :

Posted in: Tutorial blog

0 komentar:

Posting Komentar

Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | cheap international voip calls