Home

Create WIDGET Links BEAUTIFUL Friends For Blogspot

Create WIDGET Links BEAUTIFUL Friends For Blogspot

Create WIDGET Links BEAUTIFUL Friends For Blogspot
Create WIDGET Links BEAUTIFUL Friends For Blogspot

Create WIDGET Links BEAUTIFUL Friends For Blogspot

Hello everyone! Today I will introduce you to a beautiful widget model to link friends. There are quite a lot of beautiful models already, but if I like, I just share. Hope you support =))

USER MANUAL For Links Friends

Very simple! You copy the entire code below and then place where you want to display (add arbitrary links)

<style>
/* Start css linking friends */
#lien-ket-ban-be::-webkit-scrollbar{width:5px}
#lien-ket-ban-be::-webkit-scrollbar-thumb{background:#484848;border-radius:15px}
#lien-ket-ban-be::-webkit-scrollbar-thumb:active{background:#777}
#lien-ket-ban-be{padding:0;margin:0;list-style:none}
.lien-ket-ban-be{margin:0;padding:0}
.lien-ket-ban-be ul{padding:6px 0.8px 6px 6px}
.lien-ket-ban-be li{width:50%;margin:0;padding:0;line-height:normal;display:block;float:left;text-align:left}
.lien-ket-ban-be a{padding-left:25px;transition: all 0.5s ease 0s;width:auto;text-overflow:ellipsis;overflow:hidden;display:block;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:nowrap;margin:0 5px 5px 0;padding:5px;font-size:15px;font-weight:400;-webkit-transition:.3s;border-radius:3px;-moz-transition:.3s;-o-transition:.3s;color:#000;border:1px solid #e5e5e5}
.lien-ket-ban-be a:hover{color:#f90!important;border:1px solid;text-decoration:none!important}
.lien-ket-ban-be a:before{content:"\f006";font-family:Fontawesome;color:#00c0ef;margin-right:10px;font-size:15px;font-weight:700}
/* Kết thúc css liên kết bạn bè */
</style>
<div id='lien-ket-ban-be'>
<div class='lien-ket-ban-be'>
<ul>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
<li><a href="#" target="_blank" title="#">Links</a></li>
</ul>
</div></div>

Create WIDGET Links BEAUTIFUL Friends For Blogspot


Newer post Older post

RELATED ARTICLES