Follow @supardi






kali ini saya akan share tentang floating,
yaitu widget melayang yang bisa buka tutup, sehingga bisa menghemat tempat blog kita.
apalagi 3 widget yang akan di float. yaitu widget blogger, twitter widget, dan widget find us on facebook

langsung saja caranya.

login ke blog anda, pilih rancangan kemudian tambah gadget
pilih HTML/java script

copy code di bawah dan pastekan pada tab konten..

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIbYJ6oxWdTVM7StG327LK_TIw7TKQ0Ord-qGaXHmGaQ0e1zUTc9NtxDqjz-Oe4qrsOFIW1V5JexEhT-jOZYiupX45VtVE3z76TNB1SZFXaJgL0S33YTSxC9GfndtF0K3Eh4MgJpdJvMb7/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}
.barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9-fNAYr8w7YxoBAn-rTlr4BF8PVH40NImvi46eB8xMeoaAg9l2s5BbhuT-QpYprIn245sRsgJBaMuz6TdNUgYzMWfltTDtF6Uz91-S3qYmbj7tdGUBKU4klETEktvyHEhbrpp2GQe5djG/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh60bwsuutkrEJQ0CgSiMhZRM4OMAbe9QooncuWypM7M-F_xBfQNalzQ3-Pf_Gsc-7NU8_OqdwuLEe8vAZ9mSOTZbhs7fMDWY_YpKVv-J5S6gRAryBo9LcTGK36pcfiqUx6CMji0f-5qqtD/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}
.barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDojid_ikeMnDa9a-thqsAFrliBGobY_S79vMxzUw5HD_T0yTZFYpQd5ZNytOQ6Y7JbTXDKU6p15kQdLRu3-jfm6lleZIT07MAA4vv4hfUlMiRg4va7205q48LzRBnZuqxMGQ7EfLFv3Ee/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiG0Lc2Yp5pk46ZwgD6KxP8Mg6zJWMBRy9FWY2BhDaDHdMYFd0OZG1TEvrVJA1tJBos4uNi0zgwKi_7evtxXDTAubAqv9SQQOcffMQjXmrTn9ntL5tahyrhD9XRrZUNlYWBp27z6cF-ShQ/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_5BFJ3D_O1AuoqF4u_BfdPsTfUIIIJMQP-5167yl6i0Cad-cODDFht9qH_FHA1j4xuQlTgWwsXA6pzcLbKHBwYufzvEGHSFmhMeyY7_0TSvD_bqpRpSxK9jDpuSuby1aQdq7Am4JJhAxH/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}
</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">

    KONTEN BLOGGER DISINI

</div>
</div>

<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">

    KONTENT TWITTER DISINI

</div>
</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">

    KONTEN FACEBOOK DISINI

</div>
</div>