RAY BLoG: Cara Menambahkan Widget like Facebook Dan Twitter

Sabtu, 26 Januari 2013

Cara Menambahkan Widget like Facebook Dan Twitter

1 Buka Rancangan / Tata letak , kemudian Edit Terdapat kotak
2 Tambah Gadget kemudian Cari " HTML/Javascript "
3 Copy Rancangan Berikut Ini :

<style type="text/css">

.barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK3Vt80roy9sLhvFI892Cc-wa8zUjoNkgguXAU7oF44E9WbbQYdboe-c-n_yS2WRSnO4G6iSv9_88aTId2BLwojCAmnamxF8ciBjG3JewpMfhYbRGc7s41eU0Z1j6kdeGDQ-fiD8JCCnJl/');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/AVvXsEj0Petm5jd0zfQyyVsvlyF99tZS0hvnRNt8GFlW-ivMikJQzxwQ4RzfB7dsYD948rSCd9AtWuD2dEYNlfg0gjyzM7Dxz_028EoMqDAZ6zcs3B0abWBaKGI1RGEQ0kLhSlAnr39UOa1bdvs3/');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/AVvXsEio5bzrXErHYubxkAnVAn0t8K5SA3N4cHHWKUgE4xl7taN3ffTtXZAdu-tmt9L_kOSo8RVDcuoezUIeuFND97sbw0hpRSe9N8cNhjcU-WUnfFw4r4tLOfL8AR1VUaZFXrZ7EiaPLOHHFJFV/');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/AVvXsEhBXONMq0Xg5D67jqVtJuczHqqwhCNaCxMjFpoi5-Dh0FCnRkuFWMS7MCbkx1bylhVvcXvad10xbdr-cDI7P-nrOpNQCIRJc_fHnOHnw5a4Pe0BPhlcSOkKizjRcnX-mZ7yLae-gDoAKV6t/');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="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">

<div class="barcontetwitter">

TWITTER CONTENT HERE

</div>

</div>

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

<div class="barcontefacebook">

FACEBOOK CONTENT HERE

</div>

</div>