Hướng dẫn Social network icon in sidebar - Biểu tượng mạng xã hội trong sidebar

[PVS]

Social network icon in sidebar - Biểu tượng mạng xã hội trong sidebar

Bài viết này sẽ chỉ cho bạn làm thế nào để đặt các biểu tượng mạng xã hội trong sidebar. Chỉ muốn cho bạn biết rằng biểu tượng đi kèm với kích thước khác nhau để đáp ứng nhu cầu diễn đàn của bạn và nó rất đẹp (biểu tượng HD)

​

Cài đặt:
1. Tải về và giải nén tập tin đính kèm.
2. Tìm các biểu tượng bạn cần với bất kỳ kích thước nào bạn muốn
3. Sau đó tải nó lên hosting của bạn để có được url hình ảnh
4. Chèn đoạn mã sau dưới đây vào sidebar của bạn

<style type='text/css'>
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 1px 0px 0px; margin-top:-4px}
.social li a img{height:59px;width:59px}
</style>
<div class='social'>
<a href="your_social_network_url"><img  src="your_social_network_icon_url" /></a>
<a href="your_social_network_url"><img  src="your_social_network_icon_url" /></a>
<a href="your_social_network_url"><img src="your_social_network_icon_url" /></a>
<a href="your_social_network_url"><img src="your_social_network_icon_url" /></a>
</div>

Đừng quên chỉnh sửa đoạn code trên.

Ví dụ:

<style type='text/css'>
.social ul {list-style:none; display:inline}
.social li {float:left;padding: 0px 1px 0px 0px; margin-top:-4px}
.social li a img{height:59px;width:59px}
</style>
<div class='social'>
<center>
<a href="http://twitter.com/iXenforo"><img  src="http://i1057.photobucket.com/albums/t382/iXenforo/586bcd2d.png" /></a>
<a href="http://delicious.com/ixenforo"><img  src="http://i1057.photobucket.com/albums/t382/iXenforo/291a2a7f.png" /></a>
<a href="http://technorati.com/blogs/ixenforo.blogspot.com"><img src="http://i1057.photobucket.com/albums/t382/iXenforo/e7aae044.png" /></a>
<a href="http://feeds.feedburner.com/ixenforo"><img src="http://i1057.photobucket.com/albums/t382/iXenforo/0daeec71.png" /></a>
</center></div>

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

Nguồn: xenforo.com​