Tiện ích chia sẻ mạng xã hội gắn bên phải blog

Để tăng lượng truy cập cho blog, website người ta thường chia sẻ các bài viết của mình lên các mạng xã hội như facebook, google+, witter, hôm nay Có một bạn hỏi làm cái tiện ích chia sẻ mạng xã hội gắn bên phải blog giống share123.vn như thế nào, dưới đây là code để tạo tiện ích đó.

Cách làm:
Bạn có thể chèn code này vào trước thẻ </body> hoặc chèn vào widget bất kỳ trong Bố cục Blog <div style='position: fixed; right: 0%; top: 33%;'>
<div class='socialBox'>
<div class='socialBoxCont'>
</div>
<div class='post_share clearfix'>
<div class='share_box'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FShare123.vn&send=false&layout=box_count&width=65&show_faces=true&font&colorscheme=light&action=like&height=65&appId=136337293196106' style='border:none; overflow:hidden; width:66px; height:65px;'></iframe>
</div>
<div class='share_box'><g:plusone href='http://www.share123.vn' size='tall'></g:plusone></div>
<div class='share_box'><a class='twitter-share-button' data-count='vertical' data-text='Share123.vn - Chia sẻ dữ liệu số' data-url='http://www.share123.vn' data-via='Share123.vn' href='http://twitter.com/share' style='height:60px;width:55px;'>Tweet</a></div>
</div>
</div>
</div> Bạn thay những link màu xanh thành link blog của bạn, còn muốn code hiển thị bên trái hoặc lên trên xuống dưới thì bạn tùy biến đoạn code này: <div style='position: fixed; right: 0%; top: 33%;'> Share123.vn chúc bạn thành công.

Xem Thêm :