Pasang Show/hide Follow

Salam blogger semuanya !!!!

Hey sobat semua, gimana kabarnya hari ini ??? kali ini COMPSG akan berbagi informasi tentang 

Memasang Show/Hide Follow Blog Widget

Berikut ini lebih jelasnya

 Kali ini Compsg akan berbagi tentang Show/Hide widget tapi bukan chatbox kali ini Follow blog widget berikut langkahnya :

  1. Login ke Blogger

  2. Masuk Perancang -> Elemen Laman

  3. Tambah gadget HTML / Javascript

  4. Salin kode berikut ini 

 </p><blockquote>&lt;style type=&quot;text/css&quot;&gt;<br>#fl{<br>position:fixed;<br>left:150px;<br>z-index:+1000;<br>}<br>* html #fl{position:relative;}<br>.flcontent{<br>float:left;<br>border:2px solid #676767;<br>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYmETCEWmQsPiNctBCiMOO8fibIxax0xKzVdh5OUEYwxglI4mjzWRnK3i7CVmoiQ5P_MEBeBQMB8y5bQq2J4z37emHjBTBgsUy8oND7yK2qO75Biv5cmgsI0_G5D84k6h8IX2Hth8uqqNi/)#000000 repeat-x bottom center scroll;<br>-moz-border-radius-topleft:15px;<br>-moz-border-radius-topright:15px;<br>-moz-border-radius-bottomleft:15px;<br>-moz-border-radius-bottomright:15px;<br>padding:10px;<br>}<br>&lt;/style&gt;<br>&lt;script type=&quot;text/javascript&quot;&gt;<br>function showHideFL(){<br>var fl = document.getElementById(&quot;fl&quot;);<br>var w = fl.offsetWidth;<br>fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);<br>fl.opened = !fl.opened;<br>}<br>function moveFL(x0, xf){<br>var fl = document.getElementById(&quot;fl&quot;);<br>var dx = Math.abs(x0-xf) &gt; 25 ? 35 : 1;<br>var dir = xf&gt;x0 ? 1 : -1;<br>var x = x0 + dx * dir;<br>fl.style.bottom = x.toString() + &quot;px&quot;;<br>if(x0!=xf){setTimeout(&quot;moveFL(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}<br>}<br>&lt;/script&gt;<br>&lt;div id=&quot;fl&quot;&gt;<br>&lt;div class=&quot;fltab&quot; onclick=&quot;showHideFL()&quot;&gt; &lt;/div&gt;<br>&lt;div class=&quot;flcontent&quot;&gt;<br><br>Copy Kode Widget Follow Disini<br><br>&lt;div style=&quot;text-align: right;&quot;&gt;<br>&lt;a href=&quot;javascript:showHideFL()&quot;&gt;<br>[Tutup]<br>&lt;/a&gt;&lt;/div&gt;<br>&lt;font size=&quot;2&quot;&gt;&lt;a href=&quot;http://compsg.blogspot.com/2011/05/pasang-showhide-follow.html&quot;target=_blank&quot;&gt;&lt;div style=&quot;color: #444444;&quot;&gt;<br>&lt;span style=&quot;font-size: xx-small;&quot;&gt;Gede&#039;Sg&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;&lt;/font&gt;<br>&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;script type=&quot;text/javascript&quot;&gt;<br>var fl = document.getElementById(&quot;fl&quot;);<br>fl.style.bottom = (-100-fl.offsetWidth).toString() + &quot;px&quot;;<br>&lt;/script&gt;</blockquote></div><div class="MsoNormal"><p><o:p>

Source : Berbagidisini

Untuk sobat semua terima kasih atas kunjungannya, COMPSG sadar masih jauh dari sempurna maka dari itu COMPSG memohon sobat semuanya berkenan memberikan komentar, kritik dan sarannya.

!! Terima kasih sobat semua !!