Cara Membuat Genre Box Ala Fansub

Ini Adalah Tutorial Pesanan Pengunjung gan :)
Yaitu Tutorial CARA MEMBUAT GENRE BOX

Langsung saja Dicoba

Silahkan Liat Demo Dibawah ini

DEMO

Genres

Silahkan Dicoba Tutorial Dibawah ini,
Seperti Biasa masukkan dulu CSS ya diatas </style> / </b:skin>

 #announ {
height: 20px;
border-radius: 4px;
background: #FFF;
border: 1px solid #E7E7E7;
margin: 0 auto;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #333;
padding: 5px;
font-size: 11px;
width: 1048px;
}
#announ h2 {
background: #2977BE;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
float: left;
font-size: 11px;
padding: 6px 12px;
line-height: 18px;
color: #FFF;
margin-top: -5px;
margin-left: -5px;
margin-right: 10px;
}
#announ ul {
margin: 0;
padding: 0;
list-style: none;
}
#announ ul li {
float: left;
margin-right: 3px;
padding: 2px 0;
}
#announ ul li a {
border: 1px solid #DDD;
font-weight: bold;
padding: 2px 4px;
color: #555;
background: #FAFAFA;
border-radius: 3px;
text-decoration:none;
}
#announ ul li a:hover {text-decoration:underline;}

Setelah itu Masukkan HTML ya dibawah <div id="outer-wrapper">

 <div id="announ">
<h2>Genres</h2>
<ul>
<li><a href="http://wardhanime.net/genre/action/" title="View all posts in Action" >Action</a></li><li><a href="http://wardhanime.net/genre/adventure/" title="View all posts in Adventure" >Adventure</a></li><li><a href="http://wardhanime.net/genre/comedy/" title="View all posts in Comedy" >Comedy</a></li><li><a href="http://wardhanime.net/genre/demons/" title="View all posts in Demons" >Demons</a></li><li><a href="http://wardhanime.net/genre/drama/" title="View all posts in Drama" >Drama</a></li><li><a href="http://wardhanime.net/genre/ecchi/" title="View all posts in Ecchi" >Ecchi</a></li><li><a href="http://wardhanime.net/genre/fantasy/" title="View all posts in Fantasy" >Fantasy</a></li><li><a href="http://wardhanime.net/genre/game/" title="View all posts in Game" >Game</a></li><li><a href="http://wardhanime.net/genre/harem/" title="View all posts in Harem" >Harem</a></li><li><a href="http://wardhanime.net/genre/historical/" title="View all posts in Historical" >Historical</a></li><li><a href="http://wardhanime.net/genre/horror/" title="View all posts in Horror" >Horror</a></li><li><a href="http://wardhanime.net/genre/kids/" title="View all posts in Kids" >Kids</a></li><li><a href="http://wardhanime.net/genre/magic/" title="View all posts in Magic" >Magic</a></li><li><a href="http://wardhanime.net/genre/martial-arts/" title="View all posts in Martial Arts" >Martial Arts</a></li><li><a href="http://wardhanime.net/genre/mecha/" title="View all posts in Mecha" >Mecha</a></li><li><a href="http://wardhanime.net/genre/military/" title="View all posts in Military" >Military</a></li><li><a href="/genres/">Genre Lainnya</a></li>
</ul>
</div>

Nah jika Ada masalah silahkan Comment ya

Pengunjung yang baik, Pasti akan Meninggalkan Komentarnya

Biarpun itu Hanya Pertamax!