saya bingung dengan kondisi blog
saya dengan widget widget yang amburadul dan tidak signifikan, jadi saya pun
mulai mencarikan tips jitu untuk memperindah tampilan blog saya, yaitu dengan
membuat widget menempel di dinding blog..sehingga pengunjung pun lebih
menikmati di saat membaca artikel di blog.
setelah saya tanya kepada mbah
google. saya dapatkan script bagus dari blog www.sakahayang.com, dengan
tampilan widget seperti ini.
nah, jika agan mau memasang widget seperti ini, agan
boleh copas script di bawah ini.
<!-----find us on fb----->
<style type="text/css"> #fb{ position:fixed; top: 240px; z-index:+1000; } * html #fb{position:relative;} .fbtab{ height:140px; width:54px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMUUL5RwD4-Vb7bPQm9YCAojSGDpajfA2aHLwbYIySBwtwC6yOCLdGTHwHCTFoIvVGhd6008uTRdUmwH6rRca3le-NQ-rA1h0Mhoyqph7Xaq4oE45t4W6RR0UiVbqRRPOVYvw3u27Z727d/s1600/find-us-on-fb.gif') no-repeat; } .fbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideFB(){ var fb = document.getElementById("fb"); var w = fb.offsetWidth; fb.opened ? moveFB(0, 40-w) : moveFB(20-w, 0); fb.opened = !fb.opened; } function moveFB(x0, xf){ var fb = document.getElementById("fb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; fb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveFB("+x+", "+xf+")", 10);} } </script> <div id="fb"> <div class="fbtab" onclick="showHideFB()"> </div> <div class="fbcontent">
<style type="text/css"> #fb{ position:fixed; top: 240px; z-index:+1000; } * html #fb{position:relative;} .fbtab{ height:140px; width:54px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMUUL5RwD4-Vb7bPQm9YCAojSGDpajfA2aHLwbYIySBwtwC6yOCLdGTHwHCTFoIvVGhd6008uTRdUmwH6rRca3le-NQ-rA1h0Mhoyqph7Xaq4oE45t4W6RR0UiVbqRRPOVYvw3u27Z727d/s1600/find-us-on-fb.gif') no-repeat; } .fbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideFB(){ var fb = document.getElementById("fb"); var w = fb.offsetWidth; fb.opened ? moveFB(0, 40-w) : moveFB(20-w, 0); fb.opened = !fb.opened; } function moveFB(x0, xf){ var fb = document.getElementById("fb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; fb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveFB("+x+", "+xf+")", 10);} } </script> <div id="fb"> <div class="fbtab" onclick="showHideFB()"> </div> <div class="fbcontent">
<div class="fb-like-box" data-href="
https://www.facebook.com/pages/irakbuzz/135032516582000 "
data-width="349" data-height='335' data-show-faces="true"
data-stream="false" data-header="true"></div>
<br/><div
style="text-align:right"> <a
href="javascript:showHideFB()"> [tutup] </a> </div>
</div> </div> <script type="text/javascript"> var
fb = document.getElementById("fb"); fb.style.right =
(40-fb.offsetWidth).toString() + "px"; fb.opened=true;
</script>
