Tutorial Cara Membuat Anime List Diblog Seperti Awsubs

Cara membuat anime list-Bagi sobat yang mempuyai blog atau wesite yang bertema donwload anime, tentunya sobat membutuhkan daftar anime atau anime list yang keren dan reponsive.

Membuat nime list juga sangat di perlukan demi memudahkan pengunjung, mencari anime yang mereka cari .

Di kesempatan  kali ini saya akan berbagi tips dan tutorial bagai mana membuat anime list di blogge,untuk cara membuatnya mari kita ikuti langkah langkah di bawah ini :

Cara Membuat Daftar Anime List Di Blogger

1. Pertama silahkan sobat copy script CSS di bawah dan  dan buaka blog sobat masuk template/tema klik EDIT HTML Letakan kode CSS di bawah ini tepat di atas  </b: skin > atau bisa juga di letakan tepat di atas </style> setelah selesai klik simpan .

/* Anime List - WWW.zagan19.com */
.zagan19 {overflow:hidden}
.zagan19 .zagan-apb{font-size: 14px;display: block;position: relative;overflow: hidden}
.zagan19 .zagan-apb a{line-height: 30px;width: 3.704%;color: #FFFFFF;background: #424242;transition: all 0.25s;text-align: center;float: left}
.zagan19 .zagan-apb a:hover{text-decoration: none;background: #2977BE;color: #FFFFFF}
.zagan19 .zagan-wrap{margin-top: 5px}
.zagan19 .zagan-group{display: inline-block;width: 100%;margin-bottom: 10px}
.zagan19 .zagan-head{font-weight: 700;border-bottom: 2px solid #2977BE;font-size: 15px;padding: 5px}
.zagan19 .zagan-head a{color: #333333}
.zagan19 .zagan-item{float: left;width: 50%;displa}
.zagan19 .zagan-title{display: list-item;margin-left: 20px}
.zagan19 .zagan-title a{line-height: 24px;font-size: 14px;color: #000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}}
@media only screen and (max-width: 768px){.zagan19 .zagan-item{width:50%}}
@media screen and (max-width:480px){.zagan19 .zagan-item{width:100%}.zagan19 .zagan-apb a{margin: 1px;width: 10.43%}}
@media screen and (max-width:320px){.zagan19 .zagan-apb a{width: 10.24%}}

2. Langkah kedua setelah selesai memasukan kode CSS ke dalam template/tema sekarang kita buat postingan baru di halaman statis dan masukan code HTML di bawah di mode HTML ingat jangan memasukan kode HTML dalam mode compose .

<div class='zagan19'>
<div class='zagan-apb'>
<a href='#%23'>#</a>
<a href='#A'>A</a>
<a href='#B'>B</a>
<a href='#C'>C</a>
<a href='#D'>D</a>
<a href='#E'>E</a>
<a href='#F'>F</a>
<a href='#G'>G</a>
<a href='#H'>H</a>
<a href='#I'>I</a>
<a href='#J'>J</a>
<a href='#K'>K</a>
<a href='#L'>L</a>
<a href='#M'>M</a>
<a href='#N'>N</a>
<a href='#O'>O</a>
<a href='#P'>P</a>
<a href='#Q'>Q</a>
<a href='#R'>R</a>
<a href='#S'>S</a>
<a href='#T'>T</a>
<a href='#U'>U</a>
<a href='#V'>V</a>
<a href='#W'>W</a>
<a href='#X'>X</a>
<a href='#Y'>Y</a>
<a href='#Z'>Z</a>
</div>
<div class='zagan-wrap'>
<div class='zagan-group'>
<div class='zagan-head'><a name='#'>#</a></div>

<!-- KODE UNTUK ANIME "#" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='A'>A</a></div>

<!-- KODE UNTUK ANIME "A" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='B'>B</a></div>

<!-- KODE UNTUK ANIME "B" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='C'>C</a></div>

<!-- KODE UNTUK ANIME "C" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='D'>D</a></div>

<!-- KODE UNTUK ANIME "D" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='E'>E</a></div>

<!-- KODE UNTUK ANIME "E" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='F'>F</a></div>

<!-- KODE UNTUK ANIME "F" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='G'>G</a></div>

<!-- KODE UNTUK ANIME "G" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='H'>H</a></div>

<!-- KODE UNTUK ANIME "H" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='I'>I</a></div>

<!-- KODE UNTUK ANIME "I" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='J'>J</a></div>

<!-- KODE UNTUK ANIME "J" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='K'>K</a></div>

<!-- KODE UNTUK ANIME "K" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='L'>L</a></div>

<!-- KODE UNTUK ANIME "L" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='M'>M</a></div>

<!-- KODE UNTUK ANIME "M" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='N'>N</a></div>

<!-- KODE UNTUK ANIME "N" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='O'>O</a></div>

<!-- KODE UNTUK ANIME "O" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='P'>P</a></div>

<!-- KODE UNTUK ANIME "P" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='Q'>Q</a></div>

<!-- KODE UNTUK ANIME "Q" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='R'>R</a></div>

<!-- KODE UNTUK ANIME "R" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='S'>S</a></div>

<!-- KODE UNTUK ANIME "S" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='T'>T</a></div>

<!-- KODE UNTUK ANIME "T" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='U'>U</a></div>

<!-- KODE UNTUK ANIME "U" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='V'>V</a></div>

<!-- KODE UNTUK ANIME "V" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='W'>W</a></div>

<!-- KODE UNTUK ANIME "W" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='X'>X</a></div>

<!-- KODE UNTUK ANIME "X" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='Y'>Y</a></div>

<!-- KODE UNTUK ANIME "Y" DISINI -->

</div>
<div class='zagan-group'>
<div class='zagan-head'><a name='Z'>Z</a></div>

<!-- KODE UNTUK ANIME "Z" DISINI -->

</div>
</div>
</div>

3. Ketiga untuk menambahkan daftar anime copy kede HTLM di bawah dan letakan di bawah <!-- KODE UNTUK ANIME "#" DISINI --> . 

<div class='zagan-item'><div class='zagan-title'><a title='Nama Anime' href='#'>Nama Anime</a></div></div>
<div class='zagan-item'><div class='zagan-title'><a title='Nama Anime' href='#'>Nama Anime</a></div></div>
<div class='zagan-item'><div class='zagan-title'><a title='Nama Anime' href='#'>Nama Anime</a></div></div>
<div class='zagan-item'><div class='zagan-title'><a title='Nama Anime' href='#'>Nama Anime</a></div></div>

Keterangan !

Nama Anime → Ganti dengan nama anime yang akan di jadikan daftar anime .
#                    → Ganti dengan link tujuan .

Selesai dan publikasikan , sampai di sini sobat sudah berhasil membuat daftar anime,apabila sobat ada kesulitan atau kebingungan dalam membuatnya silahkan berkomentar di bawah saya akan dengan senang hati membantu. 

Share this post