JSFiddle - React, Tailwind, and code Playground
by zamalpost
JavaScript
<style type="text/css">
#scgb{ position:fixed;
top:100px; z-index:+1000; }
* html
#scgb{position:relative;}
.scgbtab{ height:100px; width:20px; float:left; cursor:pointer; background:url('http://4.bp.blogspot.com/-IdZufzDAeB0/UOsxJrOwyzI/AAAAAAAABV4/wUf78ao_Sfc/s1600/chat+pink.png') no-repeat; } .scgbcontent{ float:left; border:1px solid
#FF00CC;
background:#ffffff;
padding:0px; }
</style>
<script type="text/javascript">
function showHideGB(){
var scgb = document.getElementById("scgb");
var w = scgb.offsetWidth; scgb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); scgb.opened = !scgb.opened; }
function moveGB(x0, xf){
var scgb = document.getElementById("scgb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir; scgb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} }
</script>
<div id="scgb">
<div class="scgbtab" onclick="showHideGB()">
</div>
<div class="scgbcontent">PASTEKAN KODE CBOX KAMU DISINI</div>
</div>
<div style="text-align:right">
<a href="http://www.zamalpost.site" target="_blank"> </a>
<a href="javascript:showHideGB()"></a>
</div>
<script type="text/javascript"> var scgb = document.getElementById("scgb"); scgb.style.right = (30-scgb.offsetWidth).toString() + "px"; </script>