Cara Membuat Widget 3 in 1 Melayang (Blogger, Twitter, Facebook)
Cara Membuat Widget 3 in 1 Melayang (Blogger, Twitter, Facebook)
Cara Membuat Widget Melayang Google Friend Connect, Twitter dan Facebook Like Box :
1. Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
1. Login ke dashboard blogger anda, pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
2. Copy script master widget dibawah ini dan paste pada gadget.
<style type="text/css">
.barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaHQ41bjyMoZSEzFRwb10d5Ox6pnLftjPWLiExtYIyE0d2lWSkuWVmqiMEV7DpwjMrLXJbzIN8KqTD_AwM2DC14oDwSg9JsmjAWnFUVshjBxu7aFp2NvvXqfQCFXxnL8gwIRHWQki6Ish5/');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/AVvXsEinW3ssrq9U1rNvp-EgrHRYFF0cmJ-KRKs1RnMhyOUG7P95uV8c72S0vhIfIjm8BREidzozPKr9-hSeR761l8gH78Y9557d6hyGMu9-SUBo72OLqrS9TvIDT78zhw4qQw6sS9He9chIK8c8/');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/AVvXsEj9LHsB01dnjpN_riZeTm6dyqhYLnFnFLF1NqYcQIAzZyyoANSab6Kw0mnRoaQyb-u71y2dA9cxqRKag_5Ii9Bem5OiTEfMZI5brXpow_CaGDNLUyFYNeutmH03LANkhRZDH153U1vJdOR8/');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/AVvXsEi6sMbsopUbJHSCm5wSG7EG51j5tNv8Kp6kkImLdnMKAZBdsuFsCMb62AOhRobQsa66Qs-4yIN1bjEhYJLQYsS0gigqKX-bTrqkwXI-zF5Py6q4SLdvtJAPbFhYxXQY5nauvjBu2CJ7S8Ig/');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/AVvXsEhn9MH0DV3t52JqNfDCGJMqYfpfV-rbWouuuSP8kW4fD8w1HsLd0mwxp8GYTA5s3d6bv_PRauScJHxP3SYkI3yk8WjB11YC8SkOnlQM5wWNatTpwDJIW8l9goyRCNwSWc6amcpHJoN6fMZZ/');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/AVvXsEikjG5QonqMTFI8LM63atvDjwbl7Xf_2_gln4sIOMChwDnE2LyN611gQjZSLmYZMksHiucKwsDl76uD7jq8niXe3yN1ptTTx5qO1innvBCLO1ZLnJ9nhABnFfiFdcgI4daduPM1NuBStX6m/');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>
3. Kustomisasi 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.
0 komentar:
Posting Komentar