Berikut cara menambahkan floating soasial share button di blog
tapi kali ini saya menambahkan soasial share button dengan di sertai
emoticon lucu pada blog anda...
tapi kali ini saya menambahkan soasial share button dengan di sertai
emoticon lucu pada blog anda...
- buka blog anda >> klik Tata letak >> Tambah gadget
- terakhir >> klik HTML/JAVASCRIPT
- Copas kode di bawah...
<style>#MDfloatshare{background:#f5f5f5;float:left;padding: 4px; position: fixed; top: 240px; z-index: 1; width:64px;} #MDfloatemo{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGJYuPUspycWKt_9eZxj9iPvZgn4VntC1L3SI7HGHO9JcMk0bJ_7uf7Nm6QvYwwUFxXQOhmpHy1EwukNmP0N8d06wrJCgmtO-PRN1IDzhLx3WTAbUVazPKa2ggcfO6peY-dV8MUwm6f1El/s1600/%5Bwww.makingdifferent.com%5Demo.png);background-position:67px 0;float: left; margin: 0 0 0 -100px; padding: 4px;height:65px;position: fixed; top: 160px; z-index: 1; width:60px;} #MDfloatemo:hover{background-position:2px 0;} </style> <div id="MDfloatemo"><div id="MDfloatshare"> <div style="margin:0 0 5px 2px;"> <a href="https://twitter.com/share" data-count="vertical">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div> <div style="margin:0 5px 5px;"> <script type='text/javascript' src='https://apis.google.com/js/plusone.js'></script> <g:plusone size="tall"></g:plusone></div> <div style="margin:0 8px 5px;"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like send="false" layout="box_count" width="55" show_faces="false" font=""> </fb:like> </div><div style="margin:0 2px 5px;"><div data-action="share" data-annotation="vertical-bubble" data-height="60"> </div></div></div></div>
>> sekarang silahkan klik simpan / save
- S E L A M A T M E N C O B A . . .
0 komentar
Click here for komentar