Dự án thiết kế website doanh nghiệp 13

Chào các bạn, hôm nay là 20-11 - Ngày Nhà Giáo Việt Nam, mình xin chúc các thầy cô giáo, các bạn học sinh luôn luôn có sức khỏe và cố gắng trong học tập. Và mặc dù chả liên quan gì đến bài viết hôm nay cả, rảnh nên làm cái bài viết cho các bạn ^^.

Tạo Khung Liên Kết Bạn Bè Hover Đẹp Cho Blogspot

CÁC BƯỚC THỰC HIỆN

Bước 1: Tạo một widget HTML/Javascript mới.

Bước 2: Dán toàn bộ code này vào.

<div class="widget-content">
<style>
#lkbb-widget::-webkit-scrollbar{width:5px}
#lkbb-widget::-webkit-scrollbar-thumb{background:#484848;border-radius:100px}
#lkbb-widget::-webkit-scrollbar-thumb:active{background:#777}
#lkbb-widget{padding:0;margin:0;list-style:none;max-height:310px;overflow:auto}
.lkbb-widget{margin:0;padding:0}
.lkbb-widget li{margin:0;padding:0;line-height:normal;display:block;float:left;text-align:center;width:50%}
.lkbb-widget a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; margin: 0 5px 5px 0; padding: 7px 15px; font: 400 17px Roboto!important; -webkit-transition: .3s; letter-spacing: -.35px; border-radius: 0; -moz-transition: .3s; -o-transition: .3s; color: #777!important; border: 1px solid #484848;border-radius: 40px}
.lkbb-widget a:hover{color:#069999!important;border:1px solid;border-radius: 12px;}
</style>
<div id="lkbb-widget">
<div class="lkbb-widget">
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
</div></div></div>

 Bước 3: Chỉnh sửa & lưu lại.

LỜI KẾT

Bên trên là cách tạo khung liên kết bạn bè có hover đơn giản cho các bạn, đối với mình thì khá là chất =)) Còn bạn ? bạn thấy như thế nào ? Hãy cho mình biết bên dưới phần comment nhé! Những comment của bạn là nguồn động lực để mình cố gắng viết tiếp những thủ thuật, bài hay cho các bạn xem.

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

 MỌI THÔNG TIN VUI LÒNG LIÊN HỆ NGAY VỚI CHÚNG TÔI :   

TRUNG TÂM NGHIÊN CỨU PHÁT TRIỂN CÔNG NGHỆ THẾ KỶ   

Phụ trách thiết kế : Mr.Mika 

Call me : 0926.340.479 - 0927.927.000 - Email :  Lienhe365@gmail.com 

Phụ trách kỹ thuật và kinh doanh : Mr. Sơn

Call me : 0919.083.000 - 0927.927.000   Email :   Setup247@Gmail.Com 
Hỗ trợ ZALO 24/24 :   Nhập số 0927.927.000 và zalo kết bạn và liên hệ nhé!