Code tạo bộ nút mạng xã hội like Facebook, Google+, Twitter

Nút mạng xã hội rất quan trọng đối với mỗi blog. Chúng giúp gia tăng sự hiện diện mạng xã hội của các blog. Bằng cách sử dụng các biểu tượng social, khách truy cập blog của bạn có thể đăng ký khi blog cập nhật trên các mạng xã hội của họ. Vì thế các mạng xã hội này giúp tăng lưu lượng truy cập blog của bạn. Hướng dẫn này là về việc thêm code nút mạng xã hội đẹp blogger. Những biểu tượng phương tiện truyền thông xã hội đang cố định kiểu nổi. Chúng đều được cố định ở phía dưới, bên trái của blog của bạn cho dù cuộn visitor lên hoặc xuống.

Bộ nút mạng xã hội Like Facebook, Google+, Twitter

Cách thêm bộ nút mạng xã hội Like Facebook, Google+, Twitter như sau:

1. Mở Layout blog của bạn từ bảng điều khiển các blogger.
2. Bây giờ hãy nhấp vào "Thêm tiện ích".
3. Chọn HTML widget / JavaScript.
4. Dán đoạn mã sau trong widget HTML / JavaScript và lưu các widget.

Lưu ý: Trong đoạn mã sau thay thế # với các địa chỉ mạng xã hội của riêng bạn.

<style>
.cfloat-icons
{
left:0px;
top:200px;
position:fixed;
z-index:10000;
border:1px solid #dcdcdc;
border-radius:5px;
padding:5px;
}
</style>
<div class="cfloat-icons"><table border="0" cellspacing="0" cellpadding="1" width="34">
<tbody>
<tr>
<td valign="top" width="34"><a href="#" target="_blank"><img src="http://3.bp.blogspot.com/-KjMedajdI2w/UTtUCEg5_zI/AAAAAAAABcQ/K3qUhvOTNrA/s1600/feed.png" title="RSS feeds"/></a></td></tr>
<tr>
<td valign="top" width="34"><a href="#" target="_blank"><img src="http://2.bp.blogspot.com/-7_3aMhrvLq4/UTtUB9H5ZyI/AAAAAAAABcM/JjZGcP7r3_I/s1600/fbb.png" title="Liked us ?"/></a></td></tr>
<tr>
<td valign="top" width="34"><a href="#" target="_blank"><img src="http://2.bp.blogspot.com/-VXfOkCT43uI/UTtUEItlzyI/AAAAAAAABck/cvROEjW1Vx8/s1600/tww.png" title="Follow us"/></a></td></tr>
<tr>
<td valign="top" width="34"><a href="#" target="_blank"><img src="http://4.bp.blogspot.com/-vnYX9pKHZCU/UTtUCWa3-HI/AAAAAAAABcU/Xi7l4YF136U/s1600/gpp.png" title="Circle us"/></a></td>
</tr>
</tbody></table>
</div>

Chúc các bạn thành công.