softwaremedancity: Cara membuat tombol follow, twitter, dan facebook melayang

Cara membuat tombol follow, twitter, dan facebook melayang 2012 - Pagi yang segar di awali dengan posting terbaru yaitu Cara membuat tombol follow twitter dan facebook melayang. Ini merupakan versi terbaru di tahun 2012 yang sebelumnya juga ada tombol melayang rss, twitter, facebook .

Namun untuk tampilan yang sekarang lebih maksimal banget, soalnya terlihat lebih elagan dan widget juga besar. Untuk cara pembuatannya sangat mudah oke langsung saja di praktekkan.

1. Login blogger
2. Masuk rancangan, elemen widget
3. Add widgets
4. Pilih HTML/Javascript
5. Masukkan kode di bawah ini

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid2F6Hdfibco01Nt7ypVXjvz5BfunMYQjiikQP4IC616LRB9_Qz2GZ_5eSsrEe5ENSqe4M9fGpXhWTYSO6kbyh6OAhJnY3-i744CY4boMFhovE8lVuO90A2UD1Kh2Xm0UAHF_3fKTdprcu/');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/AVvXsEjiIsNRCUb_sxIzreu8PZLNHSn8xUjpy6tUZPXSXYihlQhdR-Tl33-Y7H1tLzeGoRzy0RvoSJ9-HP58YfNa83d3g0Nhgd8mZkxcJ0G1Qaz2yf27h196W9-RuNfnYis42tfTGVbPKGWr0oJx/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}
.barconteblogger{margin:5px 0 0 47px}
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8PRrrCVGGaRpc2GVf2PE4ABFhkwMO8TpnVRVzfRXtmOx9smm8FLO_tistGF_DKxHV327j89APGFgx01JLrc741-Z2Odoo_Zmm9krfraIITenyLuOGB4W-WsqaP0bmcR28kpnhyphenhyphen4Saf3pY/');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/AVvXsEg46mhXISvWwiCPG4106yNFEj8L955fhErfFdKYdcbam8W_JLkIuXBAnh_rZth8i111hhlb7jnBJR3MsPQFQLB_CObxZdG03E0dl1lhstwfe1Iwp4-z9p1mvW_ltCiSekTHuT0mMq0bFpqZ/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}
.barcontefacebook{margin:5px 0 0 47px}

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQsBWAoaAWsyQQGNqTrLqZabJscMMSXcaBRmUOIZjlttRMpRu8MyLeBmxcGx9B3UUNSxzdcnSsvLbTBxpEGYD4n6MkjpyE9OYgyAh7iYgLWVbMN5sETruV6GxTAzrw87pCZI5-FKYkEAcX/');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/AVvXsEg-CR4JaBMOVXSjqdndbXGMvIpTB3gDFb-XcZNhgR5vtIvbYzaNYedP3UrjXtDW5ctOsqpQ1qB5DRqeL_vmBu4IlinOtsAS2Q39J6IX7R9kkvB1WwLuuyVeDZvl_ak0G0D6_8R1MG3y-dkR/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}
.barcontetwitter{margin:5px 0 0 47px}
</style>

<div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">
<div class="barconteblogger">
Copy kode google friend connect Atau Copy kode Cbox anda di sini
</div>
</div>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
Copy kode Iframe fan page Facebook anda disini
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
Copy profile kode twitter anda disini
</div>
</div>