Cara Membuat Link Teman Ala Fansub

  1. Home
  2. Tutorial
  3. Cara Membuat Link Teman Ala Fansub
Kali ini Si Keren balik lagi mau berbagi trick
cara membuat Link Teman Ala Fansub 



DEMO
Fansub
Fanshare


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>

7 Comments for "Cara Membuat Link Teman Ala Fansub "