Cara Membuat Like Box Facebook, Follow Twitter Dan Blogger Melayang - ITFS ARI

Salam Sukses Bagi Pengunjung StyLe Of TKJ

Kali ini saya akan share Artikel tentang Cara Membuat Like Box Facebook, Follow Twitter Dan Blogger Melayang yang sangat menarik dan Efektif ini kepada kalian semua.Cara Membuat Like Box Facebook, Follow Twitter Dan Blogger Melayang yang menurut saya merupakan salah satu widget blogger terbaik di tahun 2012 ini. Tiga buah widget melayang yang digabung dalam Satu gadget. Demo penerapan widget melayang (floating widget) ini bisa sobat lihat disamping sidebar kanan blog ini. Seperti apa Cara Membuat Like Box Facebook, Follow Twitter Dan Blogger Melayang, sekarang waktunya kita bedah bersama sama Widget ini dalam Tips Blog di StyLe Of TKJ .

Baik Langsung Ke Tutorialnya :

1. Log In Ke Blogger dengan Akun Sobat

2. Masuk Ke Tata Letak

3. Add Gadget

4. Pilih HTML/Javascript

5. Copy Code dibawah ini

<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNRV5BsfrGC_5o8d9tegkgnN2unaBbJ2zmrVuNGkKj0AKVvJyJlmBnBNLlsyTdY9BtIktfwWZUm3bbucEytq0zfsOWZfrXvcQ9W58TiWBsJoYxqeP19t9dVIS2y1odGXE6vTuIHHECV_5S//');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/AVvXsEhwuc7SmV2-CqdQ4SW9k824FhD2ZOb5o66iazVORijR5EqUkmi6O7sylHIBLu6GsXImIDvN-bTtfah2roMioDZuNmZo2LGsgbtDAow3-W3mR6jdAB_2F2IdDvSvgzNgexCsxfDK-5LYI9jp//');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/AVvXsEjoGz6xJheTAva_3TvTHgVL-ax0NufYwGkp_LyiTP8juoJiNsCLFAQLRk6PvN6dI71WpabAanWHPU0zOacI1augZDttDCWi3h3-78jDhbfcofkrBrQlvLZxEMO0gn5dRBvRM3wNYsPFzEE_//');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/AVvXsEi0Otu9DmbCHF_clsfQpO1UKFgwkictCF9DBl3wsNgbU-63V2YEXi4J59oJclqrkMSOXKABBACwvtli9UBkqZJQXkS0duNQN2a0d8r1nTeQ4CYYGpV-TvqARrKv94-NzPDb80tZKBOKUtp8//');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/AVvXsEh_CeDuTA0_AXPhl61rQ2kLGRjoE07ZIdedE5jNs5WmDY2CAaV8NAn-4DSpq_rTs1CDxc-Vo9IcHHgyP0No6vhPuSfeLa6Ish6ytBPCatl2JvgxLAWJk38GGwt5FBq0lpkFf7Lc4Cs4zMgr//');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/AVvXsEiHb_gqlcSz47Hi18kbxv6QRJ81sDeG9RUtLVmqtR9eZIKePiAZ2GDvEb-WykZfOR4UUn5O5lnQ_m8EIbLzTGycST69TESg73EhX5fWukaDc6zIjqoYwQPUhstTQhJ8fvMRvrzPPfE_2dP-//');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. Save kemudian lihat hasilnya.
7. Ini Hasilnya

Demikian Tutorian Tentang Cara Membuat Like Box Facebook, Follow Twitter Dan Blogger Melayang, Tunggu Artikel Selanjutnya. Jangan Lupa Komentarnya ya. Sekian dan Terima Kasih