Widget 3 In 1 untuk Twitter,Blogger Dan Facebook Disembunyikan

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 blogger

2.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/AVvXsEglgoD8H3jzvfsUGBzqaoyZzBVl7hH3qDaFN1FquHiZ4ITja7iFrToOPc993TlNLMUNgKGOhmh8C4-y5QdNj2P_SAJFrIqr2uBFMTeVZ7zmB_ruwKH2M-pMgsrcduzWI9-xzHl_hLdtXsnY/');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/AVvXsEgepn0r-tYg8WBwa_M3MDEFBNhiQ51C-Qg2ZvaoWqMvQmjQj8Q5ZpM5IpyVtdyUH2K1cPj9Wjjiz7WT3uWPqdmY1sulg_fGnuG0JFCZfTXBPyzzruEhLtWd2LqUDRbl5wKFsIIkfQJpoozk/');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/AVvXsEiNun5G4iKY3wqKseKWCrfJGNdPbsRg25E4Cqs4TakdnZJDcH-SDGxhWpns8IdDh27HKiqyRd5UNh5g4iZ5JbsU6gDAAlYKkdZgStGHSi5R_FS5XAak_dAxh-9F3M5EtRlRAnfhN0odXwMy/');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/AVvXsEg9CL-XmYciydlQXK0ZEckWKTROED-_6X6AfvJr98l6punDEGP47F-Y0nw3S3Nw7zU-CWn9NIMm0khV253uzQAwK4NgzQvD6-cGHLnuRcL79Cy4Y_tiCwA3-oVYZJXRfLalhPzmdvR2JtQw/');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/AVvXsEiroh2D7K0qK9XrF3qrdUxcUG6ixc8C-M0Fv6BQELnHhaSNBFgDeNwCz2Mh86zK2IztBwTcM4vW9rQgvLhpU0cnp70hNirfxStEmI4kfhTRvXyoHvHv08225eQHYrPIBnRdPbcsKezBsqA4/');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/AVvXsEgBkfOgYtaq3osMtAXJDtBuJGjjzy6G1uUqjpW9hrPfclFzm_GC371spxq_3em5wou2ayNjlrzlggKNedmYjYD-bv_MQWcJoXeSFmJDpe0tAcwG4BNHk3qv69LUCeC188P726sbbC8YoV41/');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.