Cara Membuat Anime Ongoing Fansub

Hai Minna-san, Admin Paling kece mengambil Waktu Senggang Untuk Share Tutorial

Pesenan Pengunjung :v Yasudah Tanpa Basa-basi lagi :v

Tutorial Kali ini adalah

CARA MEMBUAT ANIME ONGOING FANSUB

DEMO

---

Ongoing Series

Ongoing List

---

Langsung saja ikuti Cara Dibawah ya xD
Pertama Letakkan CSS dibawah ini di atas </style> / </b:skin>

 /* Ongoing Series by iMoechan */
.featured {
  padding: 0px;
  margin: 0;
  overflow: hidden;
}
.rilisan {
  padding: 6px;
  margin-bottom: 5px;
  color: #494949;
  font-weight: 500;
  background: #F7F7F7;
  border: 1px solid #EBEDEE;
  font-size: 13px;
  text-transform: uppercase;
  font-family: Open Sans;
  position: relative;
}
.onlist {
  font-size: 9px;
  float: right;
  background: #2977BE;
  padding: 3px 5px;
  position: absolute;
  right: 6px;
  top: 6px;
}
.onlist a {
  color: #FFF;
}
.onlist a:hover {
  color: #FFF;
}
.ongoinglist {
  float: left;
  margin: 3px;
}
.ongoinglist img {
  width: 134px;
  height: 177px;
  border: 1px solid #D8D4D4;
  padding: 1px;
} 

Setelah itu Letakkan HTML ya dibawah PageNavigation Kalian :3,
Ane gak bisa ngasi pasti taruh dimana karna setiap template pasti akan berbeda-beda

 <div class="featured" style="margin-top: 0px;">
<div class="rilisan">Ongoing Series<div class="onlist"><a href="/ongoing-list-2/">Ongoing List</a></div></div>
 
<div class="ongoinglist">
<a href='http://wardhanime.net/anime/durararax2-shou/' title='Durarara!!x2 Shou'>
<img width="225" height="321" src="http://wardhanime.net/wp-content/uploads/2015/01/67743.jpg" class="attachment-post-thumbnail wp-post-image" alt="67743" /></a>
</div>
 
<div class="ongoinglist">
<a href='http://wardhanime.net/anime/kantai-collection/' title='Kantai Collection'>
<img width="225" height="316" src="http://wardhanime.net/wp-content/uploads/2015/01/65321.jpg" class="attachment-post-thumbnail wp-post-image" alt="65321" /></a>
</div>
 
<div class="ongoinglist">
<a href='http://wardhanime.net/anime/dog-days-3/' title='Dog Days 3'>
<img width="225" height="350" src="http://wardhanime.net/wp-content/uploads/2015/01/70709.jpg" class="attachment-post-thumbnail wp-post-image" alt="70709" /></a>
</div>
 
<div class="ongoinglist">
<a href='http://wardhanime.net/anime/diamond-no-ace/' title='Diamond no Ace'>
<img width="225" height="315" src="http://wardhanime.net/wp-content/uploads/2014/09/54235-1.jpg" class="attachment-post-thumbnail wp-post-image" alt="54235 (1)" /></a>
</div>
 
<div class="ongoinglist">
<a href='http://wardhanime.net/anime/naruto-shippuden/' title='Naruto Shippuden'>
<img width="225" height="338" src="http://wardhanime.net/wp-content/uploads/2014/09/63249.jpg" class="attachment-post-thumbnail wp-post-image" alt="63249" /></a>
</div>
 
<div class="ongoinglist">
<a href='http://wardhanime.net/anime/tokyo-ghoul-%e2%88%9aa/' title='Tokyo Ghoul √A'>
<img width="225" height="350" src="http://wardhanime.net/wp-content/uploads/2015/01/69237.jpg" class="attachment-post-thumbnail wp-post-image" alt="69237" /></a>
</div>
 
<div class="ongoinglist">
<a href='http://wardhanime.net/anime/juuou-mujin-no-fafnir/' title='Juuou Mujin no Fafnir'>
<img width="225" height="310" src="http://wardhanime.net/wp-content/uploads/2015/01/69085.jpg" class="attachment-post-thumbnail wp-post-image" alt="69085" /></a>
</div>
 
<div class="ongoinglist">
<a href='http://wardhanime.net/anime/yoru-no-yatterman/' title='Yoru no Yatterman'>
<img width="225" height="315" src="http://wardhanime.net/wp-content/uploads/2015/01/68765.jpg" class="attachment-post-thumbnail wp-post-image" alt="68765" /></a>
</div>
 
<div class="ongoinglist">
<a href='http://wardhanime.net/anime/junketsu-no-maria/' title='Junketsu no Maria'>
<img width="225" height="320" src="http://wardhanime.net/wp-content/uploads/2015/01/69301.jpg" class="attachment-post-thumbnail wp-post-image" alt="69301" /></a>
</div>
 
<div class="ongoinglist">
<a href='http://wardhanime.net/anime/sengoku-musou/' title='Sengoku Musou'>
<img width="225" height="306" src="http://wardhanime.net/wp-content/uploads/2015/01/71770.jpg" class="attachment-post-thumbnail wp-post-image" alt="71770" /></a>
</div>
<div class="clear"></div>
</div>
</div>

Nah Jika Ada Masalah silahkan Komentar dibawahnya
Jika anda Tidak Tau Pagenavi anda dimana ~ Silahkan Komentar dibawah dengan Memasukkan Link Blog Anda ~

Pengunjung yang baik, pasti akan meninggalkan Komentarnya,

Biarpun itu hanya Pertamax! / Sankyuu