Ok. Langsung saja kita ke Tutorialnya. Saya boong kalo postingan sebelumnya Postingan terakhir hari ini hehe.
Seperti biasa Masuk ke Blogger --> Template --> Edit HTML
Letakkan CSS di bawah ini di bawah <b:skin> atau bisa di atas </b:skin>
/* CSS Edited By Fansubloggertemplate.blogspot.com */
.ongoinginfo {
overflow: hidden;
float: left;
width: 346px;
height: 139px;
margin-right: 15px;
margin-bottom: 15px;
}
.ongoinginfo img {
width: 105px;
padding: 2px;
border: 1px solid #DDD;
height: 133px;
margin-right: 5px;
float: left;
}
.onleft {
overflow: hidden;
position: relative;
}
.onleft h2 {
text-transform: none;
font-size: 13px;
margin: 0px;
font-family: helvetica;
border-bottom: 0px none;
padding: 0px;
}
.onleft .kiri {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 11px;
color: #696969;
}
.onleft .kiri span a {
color: #696969;
}
.onleft .kiri a {
color: #696969;
}
.cuplik {
color: #696969;
font-size: 11px;
}
Sekarang kita akan membuat Daftar Anime yang sedang OngoingCopykan HTML di bawah in. (Anda bisa menambahkan Informasi Anime lainnya dengan menambahkan HTMl Berikut <div class="kiri">Iformasi Anime</div> dibawah informasi yang sudah ada!)
<div class="ongoinginfo">
<a href="URL Anime">
<img src="URL Gambar" alt="Akame ga Kill!" height="338" width="225"></a>
<div class="onleft">
<h2><a href="URL Anime">Judul Anime</a></h2>
<div class="kiri"><span>Nama Lain Anime</a></span></div>
<div class="kiri">Jenis Anime</div>
<div class="kiri">Genre Anime</div>
<div class="kiri">Total Episode: Isi Sendiri</div>
<div class="cuplik"><p>Sinopsis Anime…</a></p></div>
</div>
</div>
Untuk Demonye silakan di liat Gan!Mungkin Tutorial kali ini agak Rumit juga. Saya sarankan anda Berkomentar bila ada kesulitan. Jangan Malu Bertanya!