Cách tạo khung liên kết website cho blog của bạn cực đẹp
6/08/2018
Edit
He lô !! ae và hôm nay mình vừa tìm hiểu được cách tạo khung liên kết web cho blog cá nhân và còn chờ gì nữa bắt đầu hướng dẫn ae thôi !!
Sau đây là ảnh demo
B1 : Ae đăng nhập vào blogger Vào Bố Cục + thêm tiện ích html/javaScrip
B2 : copy đoạn code sau dán vào phần nội dung
<div class="widget-content">
<style>
#lkbb-widget::-webkit-scrollbar{width:5px}
#lkbb-widget::-webkit-scrollbar-thumb{background:#000000;border-radius:100px}
#lkbb-widget::-webkit-scrollbar-thumb:active{background:#000000}
#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: #000000!important; border: 1px solid #000000;border-radius: 40px}
.lkbb-widget a:hover{color:#006d68!important;border:1px solid;border-radius: 12px;}
</style>
<div id="lkbb-widget">
<div class="lkbb-widget">
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
</div></div></div>
B3 : chỉnh sửa
thay đoạn http://anhstarit.blogspot.com/ thành link web muốn liên kết
thay đoạn Anh Star IT thành Tên demo của web muốn liên kết
Nếu bạn muốn thay màu nền khác thì kéo lên đầu đoạn code nhé
Lưu lại và xem thành quả thôi
Xem thêm
Sau đây là ảnh demo
B1 : Ae đăng nhập vào blogger Vào Bố Cục + thêm tiện ích html/javaScrip
B2 : copy đoạn code sau dán vào phần nội dung
<div class="widget-content">
<style>
#lkbb-widget::-webkit-scrollbar{width:5px}
#lkbb-widget::-webkit-scrollbar-thumb{background:#000000;border-radius:100px}
#lkbb-widget::-webkit-scrollbar-thumb:active{background:#000000}
#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: #000000!important; border: 1px solid #000000;border-radius: 40px}
.lkbb-widget a:hover{color:#006d68!important;border:1px solid;border-radius: 12px;}
</style>
<div id="lkbb-widget">
<div class="lkbb-widget">
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
<li><a href='http://anhstarit.blogspot.com///' target='_blank' title='Anh Star IT'>Anh Star IT</a></li>
</div></div></div>
B3 : chỉnh sửa
thay đoạn http://anhstarit.blogspot.com/ thành link web muốn liên kết
thay đoạn Anh Star IT thành Tên demo của web muốn liên kết
Nếu bạn muốn thay màu nền khác thì kéo lên đầu đoạn code nhé
Lưu lại và xem thành quả thôi
Xem thêm
Xin chào !Tôi là Anh Star kẻ đứng sau website này, tôi viết blog toàn thời gian và kiếm tiền online qua click quảng cáo. Website này lần đầu tiên được thành lập vào năm 2018, hoạt động vào đầu tháng 5 năm 2018 cho đến ngày hôm nay.
