Chèn Icon Bookmarks vào SideBar Blogger

Tôi đảm bảo đây là một thủ thuật cực kì đơn giản dành cho bạn. Chỉ với vài Code CSS, bạn hoàn toàn làm được điều bạn muốn theo cách đơn giản nhất mà tôi đã giới thiệu.

KIỂU 1

Bước 1: Vào Phần tử trang -> Thêm tiện ích/HTML -> Copy & Paste đoạn Code sau vào phần nội dung

Thay wpsquare = tên địa chỉ của bạn

Bước 2: Vào phần chỉnh sửa HTML -> Ctrl + F -> Tìm thẻ ]]></b:skin>
Bước 3: Thêm vào trước nó đoạn Code dưới đây rồi Lưu lại.

KIỂU 2

Tương tự như cách làm trên, bạn thay 2 đoạn code trên = 2 đoạn code sau:

.social {
background: none repeat scroll 0 0 #FFFFFF;
clear: both;
font-family: georgia;
list-style-type: none;
margin-top: 12px;
overflow: hidden;
padding: 0 0;
}
.social li {
float: left;
margin-right: 10px;
text-align: center;
width: 50px;
}
.social li.last {
margin-right: 0;
}
.social li a {
color: #666666;
font-size: 11px;
line-height: 34px;
opacity: 0.7;
padding-top: 42px;
}
.social li a:hover {
color: #000000;
opacity: 1;
text-decoration: none;
}
.social .social-feed {
background: url("http://i.imgur.com/Zeqol.png") no-repeat scroll 0 0 transparent;
display: block;
}
.social .social-twitter {
background: url("http://i.imgur.com/Zeqol.png") no-repeat scroll 0 -79px transparent;
display: block;
}
.social .social-facebook {
background: url("http://i.imgur.com/Zeqol.png") no-repeat scroll 0 -158px transparent;
display: block;
}
.social .social-youtube {
background: url("http://i.imgur.com/Zeqol.png") no-repeat scroll 0 -237px transparent;
display: block;
}
.social .social-gplus {
background: url("http://i.imgur.com/Zeqol.png") no-repeat scroll 0 -316px transparent;
display: block;
margin-right: 0;
}

LƯU Ý

Bạn có thể thay đổi các Icon tuỳ theo ý thích.
Bạn cũng có thể thêm hoặc bớt một hay nhiều hơn những Icon đó bằng cách thêm hoặc bớt code.
Bạn nhớ thay đúng tên địa chỉ của mình tại các trang mạng xã hội.
Nếu bạn có thắc mắc nào vui lòng liên hệ với tôi : alivaut@gmail.com

Nguồn http://www.wpsquare.com/add-social-media-icons-blog-sidebar/