Show atau Hide Widget Followers
by Doni Masrul Tutorial
Langsung saja tutorialnya :
1. Login dulu ke Blogger
2. Masuk ke Rancangan - Elemen Laman
3. Tambahkan Gadget Html/Java Script
4. Copy Paste Code berikut ini :
6. Untuk Tip selanjutnya kita harus membuat atau mengambil code widget follownya di google silahkan sobat Klik di sini untu membuatnya.
7. Pilih blog sobat yang akan dipasang widget follow
8. Klik "Tambahkan gadget anggota"
9. Silahkan diatur ukuran, warna dll nya..
10. Klik "Buat Code"
11. Silahkan Copy Kodenya, dan ikuti langkah selanjutnya
12. Masih ditahap pemasangan Kode HTML, Sobat Copy Paste Kode dibawah ini. Pas dibawahnya Kode yang sobat sudah copy paste tadi.
13. Terbitkan Entri.
> lora-malunk.blogspot.com
1. Login dulu ke Blogger
2. Masuk ke Rancangan - Elemen Laman
3. Tambahkan Gadget Html/Java Script
4. Copy Paste Code berikut ini :
<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvvaXyKtiUwUf6lKYiVfr3vuA3flD9dhXadxJQAYjj8yXiLc52nq3R4ayPFGKZmxyOXsbpq-Lu1BnHkGR102OqrjJeYayZ2vhzj1N6U7hv_kAdIAvqNcqhBCbODoIRUBT_x1dXAb_5-Khe/)#000000 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">
Kode Widget Follow Google Disini
<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href=http://donimasrul.blogspot.com/><div style="color: #444444;">
<span >By Doni Masrul</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvvaXyKtiUwUf6lKYiVfr3vuA3flD9dhXadxJQAYjj8yXiLc52nq3R4ayPFGKZmxyOXsbpq-Lu1BnHkGR102OqrjJeYayZ2vhzj1N6U7hv_kAdIAvqNcqhBCbODoIRUBT_x1dXAb_5-Khe/)#000000 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">
Kode Widget Follow Google Disini
<div style="text-align: right;">
<a href="javascript:showHideFL()">
[Tutup]
</a></div>
<font size="2"><a href=http://donimasrul.blogspot.com/><div style="color: #444444;">
<span >By Doni Masrul</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>
6. Untuk Tip selanjutnya kita harus membuat atau mengambil code widget follownya di google silahkan sobat Klik di sini untu membuatnya.
7. Pilih blog sobat yang akan dipasang widget follow
8. Klik "Tambahkan gadget anggota"
9. Silahkan diatur ukuran, warna dll nya..
10. Klik "Buat Code"
11. Silahkan Copy Kodenya, dan ikuti langkah selanjutnya
12. Masih ditahap pemasangan Kode HTML, Sobat Copy Paste Kode dibawah ini. Pas dibawahnya Kode yang sobat sudah copy paste tadi.
<a href="javascript:showHideFL()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9S2toPVkqL8_olnp9gS0eUJlqAreEovLmCeytAno0VfH3CeWem5UT6kAngiC-c9LOh1qNKD0nZLCx9m2nNnoh7XC5p4FF287umWVf193N7AB6okEwcGRBtMwPGbc5RKYFjuowYc0zkUjM/" alt="Lora Malunk" title="Click To Open The Follow Table" style="display:scroll;position: fixed; top:150px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="130px" width="40px" /></a>
13. Terbitkan Entri.
> lora-malunk.blogspot.com
April 19, 2012 at 4:31 PM
teri makasih gan atas infonya
salam sukses selalu