Membuat Show Hide Facebook by.Xpresi4share

Mungkin sobat blogger ingin membuat show hide facebook versi by.Xpresi4share

Bila halaman blog sudah terlihat penuh maka dapat di minimalisir dengan menggunakan widget ini.

Cara pembuatannya sebagai berikut :

Pertama pada halaman rancangan pilih add gadget javascript/HTML lalu masukkan kode berikut -->

<a href="javascript:showHideFL()"/><img border="0" src="http://rzn.googlecode.com/files/download.jpg" alt="kode" title="Click for Open Like Box" style="display:scroll;position: fixed; top:180px;left: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="23px" width="49px" /></a>
Klik Save/simpan.

Kedua masih pada halaman rancangan pilih add gadget javascript/HTML lalu masukkan kode berikut -->

<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/AVvXsEg08BciKptwc2XVCs5N_vjWJXycYJT_HIF7DBufbgQWRFnDz0Ht1FpjNyzmVsUuhRieugVdVCDkBqWO3ZNKKnVx3482GopQyQedLDDJLTUUkdB-v8-EkJFymR8UkisrPND7cw0ULi4XgPEc/s1600/var+jsscript.jpg)#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><br /> <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><br /> <div id="fl"><div class="fltab" onclick="showHideFL()"></div><div class="flcontent"><br /> GANTI TULISAN INI DENGAN ALAMAT FACEBOOK SOBAT<br /> <br /> <div style="text-align: right;"><a href="javascript:showHideFL()"><br /> [X]<br /> </a></div><br /> </div><script type="text/javascript"> var fl = document.getElementById("fl"); fl.style.bottom = (-100-fl.offsetWidth).toString() + "px"; </script></div>

Jangan lupa ganti yang berhuruf besar dengan alamat facebook yang anda punya.

Setelah itu klik save/simpan dan lihat hasilnya .

Contoh dapat dilihat disini.