floating-bmarks-widget

Floating bmarks widget.

by BLOGGER EXPERT

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {$(".floatingbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-510"}, "medium");}, 510);});
</script>
<style>
.floatingbox{
background: url("https://i.imgur.com/skU22fS.jpg")
no-repeat scroll left top transparent !important;
display:block;float:right;height:auto;padding: 0 0 0 30px;width:510px;
z-index: 99999;position:fixed;right:-510px;top:0px;}
.floatingbox div{border:none;position:relative;display:block;}
</style>
<div class="floatingbox">
<iframe frameborder="0" width="510" height="700"  src="https://demo-7.github.io/my/widgets/bmarks-480.html"></iframe>
</div>