Cara Membuat Ongoing List Versi Anime di Blog

Ketemu lagi bareng AR disini :) 
Kali ini AR pengen berbagi tutorial yang lumayan berguna bagi para Fansub ataupun Fanshare Anime ...

Tutorial ini adalah bagaimana membuat Ongoing List Versi Anime ataupun Manga dengan Trik dan tampilan terbaru ^^

Langsung saja ya minna :D

Tutorial kali ini hanya bisa dipasang di Pages atau Post , Jadinya jika kamu ingin memasang Tutorial ini , Silahkan Perhatikan Caranya dibawah nya :D 

Sebelum kita masuk ke pembahasan tutorial-nya lebih baiknya kalian liat dulu DEMO nya ya :)

Nah sekarang kita masuk ke Trik membuatnya :

Silahkan Letakkan Kode CSS ini diatas kode ]]> </ 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 kamu Lalu Pergi Ke Posts / Pages , Dan Ganti Compose ke HTML dan Letakkan kode HTML dibawah ini :

<div class="lanim">
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://arvlozyax.com/p/semua-tentang-anime-dan-manga.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu">
</a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://arvlozyax.com/p/semua-tentang-anime-dan-manga.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://arvlozyax.com/p/semua-tentang-anime-dan-manga.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://arvlozyax.com/p/semua-tentang-anime-dan-manga.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu">
</a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://arvlozyax.com/p/semua-tentang-anime-dan-manga.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://arvlozyax.com/p/semua-tentang-anime-dan-manga.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://arvlozyax.com/p/semua-tentang-anime-dan-manga.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu">
</a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://arvlozyax.com/p/semua-tentang-anime-dan-manga.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://arvlozyax.com/p/semua-tentang-anime-dan-manga.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://arvlozyax.com/p/semua-tentang-anime-dan-manga.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu">
</a>
<div>
<a data-id="25013" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" href="http://arvlozyax.com/p/semua-tentang-anime-dan-manga.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://arvlozyax.com/p/semua-tentang-anime-dan-manga.html" rel="top" target="_blank" title="Ansatsu Kyoushitsu"><span>Ansatsu Kyoushitsu</span></a></div>
</div>
</div></div>

NOTE : Ganti semua Kode Link yang berwarna Biru sesuai keinginan kalian :)

Nah kalau ada masalah bisa komentar dibawah biar AR bantu permasalahannya hehe :D
Itu saja yang mungkin AR bisa berikan kali ini tutorial cara bagaimana membuat blog anime ongoing list yang keren :) #ArVlozyax

Jangan lupa lihat juga tutorial lainnya :

1. Tutorial Cara Membuat Slider Carousel Versi Blog Anime  
2. Tutorial Cara Memasang 2 background Anime di Blog 
3. Inilah cara mudah bagaimana Install Tema Anime Windows 8 dan 8.1
4. Inilah cara mudah bagaimana Install Tema Anime Windows 7
5.  Cara Mudah Memasang Icon Anime di Folder Laptop atau Komputer 
6. Cara Menginstall Background Anime pada Folder Windows 7 
7. Cara Membuat Fitur Anime Random di Blog 
8. Cara Membuat Recent Post Tag per Label di Blog 
9. Mantap, Inilah Aplikasi Kalender Versi Anime 
10. Kumpulan Widget Anime untuk Blog dan Laptop atau Komputer 
11. Cursor Anime dan Vocaloid Untuk Blog, Komputer dan Laptop