Cara Membuat Widget 3 In 1 untuk Twitter,Blogger Dan FacebookDisembunyikan adalah untuk memperhemat ruang dari tampilan blog.disini dengan menampilkan 3 Sekaligus widget namun disisipkan di sisi kanan daripada halaman blog Anda.
Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box :
1.Masuk Ke Akun blogger2.Klik Rancangan
3.Klik Tambah Gadget
4.Klik HTML/JavaScript
5.Masukan kode dibawah ini :
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9uF0qcPeCgf72hjbFt8FmW5m8quxoTukkMVuPThPn44sGW-UXaJgZf4kuTV7NpJ0cZ5N3SzuNFACCrNRbLERJgzQmYB6DFNgwOw1UUFylTYDYWxCP6kDo9IiS3P1VgiHB27OSzv1LmWWn/');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/AVvXsEhz-AmQWod7OSR7lygaUfDgL_SGWcI8-DbP-keDfIecbK512cZCqGmOTzMWB2IZqcPG8M6KV18fnn-PXyhtfaEepZdiJq3SFXdzqPzHWC_v2UiheHmJMya7PbVWboXa9r6LkdfYd4jE2MbF/');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/AVvXsEivkmeCwWc244W4KpsM6CCAOTzK0JIyZku9gizh2Eklz6osfhAMiuvtbNe7S2fTmEiQjnAY0gNzHm9x6FTGG8YOelXTLku9uHUa6Aph7UYD-ab9tc5Rgz2UD9w1cFjNxxaUj5MJd7U1d2n6/');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/AVvXsEiuonIvx4Cq-WfIp04oomVFGtSpsTpamJBU1YtdLbkxpAADrH4jqh6JSP_7rCvrzg-t7SKlqLGF3pIPe3BHtaFoLAT4A_OUNUg_xt1vrIAXvdMFNVzQIxp_Sbqr7_yf4kL6zk6CjQG86BMU/');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/AVvXsEgQLtXjpUgT8G4Kzc2tGWlrn8BMELpSdiMFruN0mASb449R9uTy64xuKP75hs3z_IM0RruQhtnJKu8HnMYccZPrWu_jWGjEETaAUuy9CoUwjAEG0rg7HthEn7WX6l0hL_FIL3Vd7jllgfTH/');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/AVvXsEiqdlH19jSFzCVLS7aWpFFsJ2TQ3HxlF9S2a7n5lA8QhvDcmkwOZUa_tP9SDJIHPCmhdl-KnQKPoc9KJgjCYnYV4S0kQkaqZ61MupaW-JMOTh7AnwmFBS-IS2O0tPTvlJr78yCOHCbavwIS/');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">
CONTENT BLOGGER HERE
</div>
</div>
<div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
<div class="barcontetwitter">
CONTENT TWITTER HERE
</div>
</div>
<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
<div class="barcontefacebook">
CONTENT FACEBOOK HERE
</div>
</div>
6. Keterangan widget :
- Ganti tulisan CONTENT BLOGGER HERE dengan kode HTML Google Friend Connect anda.
- Ganti tulisan CONTENT TWITTER HERE dengan kode HTML widget status Twitter anda.
- Ganti tulisan CONTENT FACEBOOK HERE dengan kode HTML Facebook Like Box anda.