Cara Membuat Ongoing Anime

Hai Minna, Seperti Biasa Admin Paling Kece Membagikan Tutorial, Kali ini adalah Tutorial Cara Membuat Ongoing Anime . Tutroial Kali ini Sangat Cocok Buat Fanshare / Fansub,
Jadinya Langsung saja nih Tutor dipasang ke blog agan :3

Silahkan Liat Demonya Terdahulu :

DEMO

Nah, Langsung Saja ikuti caranya dibawah :
Seperti Biasa Silahkan masukkan CSS ya diatas </style> / </b:skin>

 #ongoing-list {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
#ongoing-list a.hovertext {
position: relative;
width: 225px;
text-decoration: none !important;
text-align: center;
}
#ongoing-list img{width: 180px;
height: 260px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
#ongoing-list a.hovertext:after {
content: attr(title);
position: absolute;
left: 0;
bottom: -123px;
padding: 0.5em 20px;
width: 140px;
background: rgba(0,0,0,0.7);
text-decoration: none !important;
color: #fff;
}
#ongoing-list a.hovertext:hover:after, #ongoing-list a.hovertext:focus:after {
background: rgba(69,132,211,0.9);
}

Setelah itu pergi Ke Page atau Post anda, Lalu masukkan Kode Dibawah ini.

 <div id="ongoing-list">
<p><a class="hovertext" title="Absolute Duo" href=" #" target="_blank"><img class="" 

src="http://cdn.myanimelist.net/images/anime/4/68839.jpg" alt="" width="180" height="260" 

border="0" /></a> <a class="hovertext" title="Assassination Classroom" href="#" 

target="_blank"><img class="" src="http://cdn.myanimelist.net/images/anime/3/64595.jpg" 

alt="" width="180" height="260" border="0" /></a> <a class="hovertext" title="Death Parade" 

href="#/" target="_blank"><img class="" 

src="http://cdn.myanimelist.net/images/anime/9/68237.jpg" alt="" width="180" height="260" 

border="0" /></a> <a class="hovertext" title="Dog Days Season 3" href="#" 

target="_blank"><img class="" src="http://cdn.myanimelist.net/images/anime/8/70709.jpg" 

alt="" width="180" height="260" border="0" /></a> <a class="hovertext" title="Junketsu no 

Maria" href="#" target="_blank"><img class="" 

src="http://cdn.myanimelist.net/images/anime/7/69301.jpg" alt="" width="180" height="260" 

border="0" /></a> <a class="hovertext" title="Juuou Mujin no Fafnir" href="#" 

target="_blank"><img class="" src="http://cdn.myanimelist.net/images/anime/11/69085.jpg" 

alt="" width="180" height="260" border="0" /></a> <a class="hovertext" title="Kantai 

Collection: KanColle" href="#" target="_blank"><img class="" 

src="http://cdn.myanimelist.net/images/anime/11/65321.jpg" alt="" width="180" 

height="260" border="0" /></a> <a class="hovertext" title="Koufuku Graffiti" href=" #" 

target="_blank"><img class="" src="http://cdn.myanimelist.net/images/anime/6/64615.jpg" 

alt="" width="180" height="260" border="0" /></a> <a class="hovertext" title="Rolling☆Girls" 

href="#" target="_blank"><img class="" 

src="http://cdn.myanimelist.net/images/anime/5/69051.jpg" alt="" width="180" height="260" 

border="0" /></a> <a class="hovertext" title="Saenai Heroine no Sodatekata" href="#" 

target="_blank"><img class="" src="http://cdn.myanimelist.net/images/anime/7/68783.jpg" 

alt="" width="180" height="260" border="0" /></a>  <a class="hovertext" title="Shinmai Maou 

no Testament" href="#" target="_blank"><img class="" 

src="http://cdn.myanimelist.net/images/anime/6/67627.jpg" alt="" width="180" height="260" 

border="0" /></a> <a class="hovertext" title="Soukyuu no Fafner: Dead Aggressor – Exodus" 

href="#" target="_blank"><img class="" 

src="http://cdn.myanimelist.net/images/anime/5/68565.jpg" alt="" width="180" 

height="260" border="0" /></a> <a class="hovertext" title="The iDOLM@STER Cinderella Girls" 

href="#" target="_blank"><img class="" 

src="http://cdn.myanimelist.net/images/anime/9/70123.jpg" alt="" width="180" height="260" 

border="0" /></a></p>
</div>