Widget này chứa nút Facebook, Twitter và Google+ sharer sẽ làm cho blog của bạn mang tính xã hội hơn và cũng có thêm biểu tượng cảm xúc vui sẽ thêm thoải mái cho khách viêng thăm.
Demo là hình ảnh bên trên
Làm Thế Nào Để Thêm Widget Này Vào Blogger
Tới Blogger -> Layout -> Thêm một tiện ích
Chọn HTML / Javascript từ danh sách
Sao chép mã dưới đây và dán vào sau đó save lại.
<style>#floatshare{background:#f5f5f5;float:left;padding: 4px; position: fixed; top: 240px; z-index: 1; width:64px;} #floatemo{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijscHddhS-iSkDpKR9RLgmM3SHvxwNfkXiJNSzLJfLnCD_MfRZT4MqxVQwUNyZUbfw5WyIcUq97iyR50SnfsmxeevYe4cfui0ai7iBTJjttE0KWDmww73OoUzECqWDAazihn1ypvF3lUk/s1600/share-voi-icon-hai-huoc.png);background-position:67px 0;float: left; margin: 0 0 0 210px; padding: 4px;height:65px;position: fixed; top: 160px; z-index: 1; width:60px;} #MDfloatemo:hover{background-position:2px 0;} </style> <div id="floatemo"><div id="floatshare"> <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>
Nguồn:MKD