Cara Membuat Link Teman Ala Fansub

Kali ini Si Keren balik lagi mau berbagi trick

cara membuat Link Teman Ala Fansub 

DEMO

---

Fansub

• iMoechanz
• iMoechanz
• iMoechanz
• iMoechanz
• iMoechanz
• iMoechanz

Fanshare

• iMoechanz
• iMoechanz
• iMoechanz
• iMoechanz
• iMoechanz
• iMoechanz

---

Pertama - tama Silahkan kalian letakan CSS dibawah ini diatas </b:skin> / </style>

/* CSS LINK TEMAN */

.filannime-friend-header{text-align:left;background-color:#95c6f8;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#70ade9',endColorstr='#95c6f8');background-image:-webkit-linear-gradient(top,#70ade9 0%,#70ade9 50%,#95c6f8 100%);background-image:-moz-linear-gradient(top,#70ade9 0%,#70ade9 50%,#95c6f8 100%);background-image:-ms-linear-gradient(top,#70ade9 0%,#70ade9 50%,#95c6f8 100%);background-image:-o-linear-gradient(top,#70ade9 0%,#70ade9 50%,#95c6f8 100%);background-image:linear-gradient(top,#70ade9 0%,#70ade9 50%,#95c6f8 100%);color:#FFF;padding:5px;margin-top:10px;}
.filannime-friend-content{background-color:#FFF;}
div[class="filannime-friend-content"]:after{content:" ";display:table;clear:both;}
div[class="filannime-friend-content"] > ul, div[class="filannime-friend-content"] > ul > li{float:left;list-style:none;margin:0;padding:0;}
div[class="filannime-friend-content"] > ul{padding:5px;width:100%;}
div[class="filannime-friend-content"] > ul > li:before{font-family:"FontAwesome";content:"\f054";}
div[class="filannime-friend-content"] > ul > li > a, span[class="filannime-link"] > a{text-decoration:none;color:#000;padding-left:3px;}
div[class="filannime-friend-content"] > ul > li{float:left;width:33%;display:block;font-size:smaller;padding-bottom:3px;}
div[class="filannime-friend-content"] > ul > li:hover, span[class="filannime-link"]:hover{color:#95c6f8;}

Lalu Copykan kode dibawah ini pada postingan kalian

<div class="filannime-friend-header">
Fansub</div>
<div class="filannime-friend-content">
<ul>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
</ul>
</div>
<div class="filannime-friend-header">
Fanshare</div>
<div class="filannime-friend-content">
<ul>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
<li><a href="http://imoechansz.blogspot.com/" target="_blank" title="iMoechanz">iMoechanz</a></li>
</ul>
</div>