Cara Membuat Ongoing List Page Versi Terbaru [FIXED]



Hai Minna-san , Kali ini mimin akan Membagikan Tutorial Terbaru Buat Pengunjung setia iMoe :v
Tutorial kali ini hanya bisa dipasang di Pages / Post , Jadinya jika anda ingin memasang Tutorial ini , Silahkan Perhatikan Caranya dibawah nya :D



Demo Click here

Silahkan Ikuti Caranya Dibawah ini :D
Pertama Silahkan Letakkan Kode CSS ini diatas </style> / </b:skin>
.lanim {float: left;margin: -14px 1.5px -27px 1.6px;padding: 1px;}
.lanim img {height: 207px;width: 153px;border: 3px solid #868686;}
.lanim span {background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.61);border-top: 1px solid #CACACA;color: #FFF;font-family: tahoma;margin-top: -39px;overflow: hidden;padding: 5px;position: absolute;text-overflow: ellipsis;white-space: nowrap;width: 149px;font-size: 12px;text-align: center;}
.lanim a:hover span {color: #22A5ED;}

Lalu Setelah diletakkan kode CSSnya, Silahkan Save Template kalian
Lalu Pergi Ke Posts / Pages , Dan Letakkan kode HTML dibawah ini
<div class="lanim">
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu">
</a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu"><img alt="Ansatsu Kyoushitsu" class="attachment-thumbnail wp-post-image" src="http://wardhanime.net/wp-content/uploads/2015/01/69857.jpg" height="200" width="128" /></a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu"><span>Ansatsu Kyoushitsu</span></a></div>
</div>
</div><div class="lanim">
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu">
</a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu"><img alt="Ansatsu Kyoushitsu" class="attachment-thumbnail wp-post-image" src="http://wardhanime.net/wp-content/uploads/2015/01/69857.jpg" height="200" width="128" /></a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu"><span>Ansatsu Kyoushitsu</span></a></div>
</div>
</div><div class="lanim">
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu">
</a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu"><img alt="Ansatsu Kyoushitsu" class="attachment-thumbnail wp-post-image" src="http://wardhanime.net/wp-content/uploads/2015/01/69857.jpg" height="200" width="128" /></a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu"><span>Ansatsu Kyoushitsu</span></a></div>
</div>
</div><div class="lanim">
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu">
</a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu"><img alt="Ansatsu Kyoushitsu" class="attachment-thumbnail wp-post-image" src="http://wardhanime.net/wp-content/uploads/2015/01/69857.jpg" height="200" width="128" /></a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://imoechansz.blogspot.co.id/2015/08/cara-membuat-ongoing-list-page-versi.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu"><span>Ansatsu Kyoushitsu</span></a></div>
</div>
</div></div>



Nah lalu Liat Hasilnya :D
Jika ada masalah silahkan Komentar dibawahnya :D
Cara Setting Pasti kalian sudah tau dong :v


*Edited: udah saya perbaiki.. by Admin Yuki :p, mungkin si admin Onee-Chan lagi mabuk haha*


Kalau ada Masalah Mohon Komennya :3
Agar saya dapat menyempurnakan Kodenya.. (kalau bisa sih :v)

No comments