Tạo Widget Follow Mạng Xã Hội Tuyệt Đẹp Cho Blogspot.

Để làm khung widget follow Mạng Xã Hội nhu hình demo:
Ta làm như sau:

Bước 1: Vào bố cục => tiện ích HTML
Bước 2: Chèn code dưới đây vào:

<div class="kt-social-buttons-widget"><ul class="sidebar-social clearfix"><li><a href="#!" class="social-btn-twitter">Follow on Twitter <i class="fa fa-twitter"></i> </a></li><li><a href="#!" class="social-btn-facebook">Like on Facebook <i class="fa fa-facebook"></i> </a></li><li><a href="#!" class="social-btn-youtube">Subscribe on Youtube <i class="fa fa-youtube"></i> </a></li><li><a href="#!" class="social-btn-instagram">Follow on Instagram <i class="fa fa-instagram"></i> </a></li></ul></div>
<style>
.kt-social-buttons-widget ul {
list-style: none;
padding-left: 0;
}
.kt-social-buttons-widget li a {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
text-decoration: none;
display: block;
color: #0a0a0a;
padding: 10px 1px 10px 10px;
    -webkit-box-shadow: 2px 2px 0px #f4e6c9;
    -moz-box-shadow: 2px 2px 0px #f4e6c9;
    box-shadow: 2px 2px 0px #f4e6c9;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2GmRYhV8FJ1vJZMu_2Es9nHloc_1iL1Bvm6-q3vjJSs96YEIMa4Kkarld91YMa82qi6RPa7-or6NFpq62uqG2pRfVHEd9rPajeMbT59DzaViiP212l42kdzE_5T_kE7m1Kxw70FcNFko/s400/widget-bg.jpg) repeat;
}
.kt-social-buttons-widget ul li {
width: 100%;
margin-bottom: 10px;
}
.kt-social-buttons-widget li:hover a.social-btn-twitter {
background: #1da1f2;
color:#fff;
}
.kt-social-buttons-widget li a i {
float: right;
width: 35px;
height: 14px;
line-height: 14px;
text-align: ;
margin: 0;
padding: 0 0 0 10px;
font-size: 14px;
}
.kt-social-buttons-widget li a i {
border-left: 1px solid #666;
line-height: 14px;
}
.kt-social-buttons-widget li:hover a.social-btn-facebook {
background: #3b5998;
color:#fff;
}
.kt-social-buttons-widget li:hover a.social-btn-youtube {
background: #cd201f;
color:#fff;
}
.kt-social-buttons-widget li:hover a.social-btn-instagram {
background: #405de6;
color:#fff;
}
</style>

Bước 3: Lưu và hưởng thụ. 

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

Nhận xét

Bài đăng phổ biến từ blog này

Những Điều Cần Làm Trước Và Sau Khi Xuất Bản Bài Viết Blogspot.

Bắt Đầu Với Blogger Là Lựa Chọn Sai Hay Là Đúng???

PSD Ảnh Bìa - Cô Đơn.