02 April 2016

Cara Membuat Anime List Seperti Anime21

Cara Membuat Anime List Seperti Anime21 - Anime list atau daftar anime biasanya digunakan oleh fansub atau fanshare agar pengunjungnya tidak kesulitan mencari anime yang diinginkannya. Ini juga membuat website mereka tampil bagus, rapih, dan juga seperti fansub atau fanshare yang profesional. Tetapi terkadang ada juga fansub atau fanshare yang belum tahu Cara Membuat Anime List.

Cara Membuat Anime List Seperti Anime21, Tutorial Membuat Anime List Seperti Anime21, Widget Anime List Anime21, Cara Membuat Anime List Fansub, Tutorial Membuat Anime List Fansub, Cara Membuat Daftar Anime Fansub, Anime List Fansub, Anime List Fanshare, Anime List Website Anime, How To Make Anime List Fansub, Anime List Fansub Site, Cara Membuat Fansub, Cara Membuat Widget Fansub, Tutorial Fansub, Website Fansub, Aka321, Aka321.blogspot.com

Anime21 merupakan tempat download anime yang cukup terkenal, fanshare yang dulunya mempunyai domain anime21.web.id ini sudah tidak dapat di akses lagi. Mungkin dari kalian ada yang ingin membuat anime list-nya, maka dari itu saya akan membagikan cara pembuatannya. Sebelumnya saya memposting template blogger, yaitu Phantom World 321 Blogger Template, dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Anime List Seperti Anime21. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.

Cara Membuat Anime List Seperti Anime21


  1. Buka blogger > Edit HTML > Salin dan terapkan kode di bawah ini sebelum </b:skin> atau </style>.

  2. /* Anime List Animeindo - Aka321 */
    .alads321{overflow:hidden}
    .alads321 .alads-apb{font-size: 14px}
    .alads321 .alads-apb a{line-height: 30px;width: 38px;color: #FFFFFF;border-radius: 5px;background: #6AB2F2;transition: all 0.25s;display: inline-block;text-align: center}
    .alads321 .alads-apb a:hover{text-decoration: underline;color: #FFFFFF}
    .alads321 .alads-wrap{margin-top: 20px}
    .alads321 .alads-group{display: inline-block;width: 100%;background: #F9F9F9;margin-bottom: 10px}
    .alads321 .alads-head{font-weight: 700;overflow: hidden;margin-bottom: 10px;background: #1581BC;font-size: 15px}
    .alads321 .alads-head a{color: #FFFFFF;background: #19A3EA;float: left;margin: -5px -10px -8px -10px;padding: 12px 30px;border-top-right-radius: 50px}
    .alads321 .alads-item{float: left;color: #727272;width: 33.3%;border-left: 2px solid #D7D7D7}
    .alads321 .alads-item a{line-height: 24px;font-size: 14px;color: #7A7A7A;padding-right: 10px;text-overflow: ellipsis;overflow: hidden;font-weight: 100;white-space: nowrap;padding-left: 10px}
    @media screen and (max-width:1066px){.alads321 .alads-apb a{margin:1px}}
    @media only screen and (max-width: 768px){.alads321 .alads-item{width:50%}}
    @media screen and (max-width:480px){.alads321 .alads-item{width:100%}}

  3. Jika sudah, silahkan simpan template.
  4. Kemudian, buat postingan baru di halaman statis > Tambah kode di bawah ini pada Tab HTML (Bukan Compose).

  5. <div class='alads321'>
     <div class='alads-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 class='clear'></div>
     </div>
     <div class='alads-wrap'>
      <div class='alads-group'>
       <div class='alads-head'><a name='#'>#</a></div>
       
       
       <!-- KODE UNTUK ANIME "#" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='A'>A</a></div>
       
       
       <!-- KODE UNTUK ANIME "A" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='B'>B</a></div>
       
       
       <!-- KODE UNTUK ANIME "B" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='C'>C</a></div>
       
       
       <!-- KODE UNTUK ANIME "C" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='D'>D</a></div>
       
       
       <!-- KODE UNTUK ANIME "D" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='E'>E</a></div>
       
       
       <!-- KODE UNTUK ANIME "E" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='F'>F</a></div>
       
       
       <!-- KODE UNTUK ANIME "F" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='G'>G</a></div>
       
       
       <!-- KODE UNTUK ANIME "G" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='H'>H</a></div>
       
       
       <!-- KODE UNTUK ANIME "H" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='I'>I</a></div>
       
       
       <!-- KODE UNTUK ANIME "I" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='J'>J</a></div>
       
       
       <!-- KODE UNTUK ANIME "J" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='K'>K</a></div>
       
       
       <!-- KODE UNTUK ANIME "K" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='L'>L</a></div>
       
       
       <!-- KODE UNTUK ANIME "L" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='M'>M</a></div>
       
       
       <!-- KODE UNTUK ANIME "M" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='N'>N</a></div>
       
       
       <!-- KODE UNTUK ANIME "N" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='O'>O</a></div>
       
       
       <!-- KODE UNTUK ANIME "O" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='P'>P</a></div>
       
       
       <!-- KODE UNTUK ANIME "P" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='Q'>Q</a></div>
       
       
       <!-- KODE UNTUK ANIME "Q" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='R'>R</a></div>
       
       
       <!-- KODE UNTUK ANIME "R" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='S'>S</a></div>
       
       
       <!-- KODE UNTUK ANIME "S" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='T'>T</a></div>
       
       
       <!-- KODE UNTUK ANIME "T" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='U'>U</a></div>
       
       
       <!-- KODE UNTUK ANIME "U" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='V'>V</a></div>
       
       
       <!-- KODE UNTUK ANIME "V" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='W'>W</a></div>
       
       
       <!-- KODE UNTUK ANIME "W" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='X'>X</a></div>
       
       
       <!-- KODE UNTUK ANIME "X" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='Y'>Y</a></div>
       
       
       <!-- KODE UNTUK ANIME "Y" DISINI -->
       
       
      </div>
      <div class='alads-group'>
       <div class='alads-head'><a name='Z'>Z</a></div>
       
       
       <!-- KODE UNTUK ANIME "Z" DISINI -->
       
       
      </div>
     </div>
    </div>

  6. Setelah itu, dibawah ini merupakan kode untuk menambah anime di anime list wardhanime. Untuk menambahkan anime, silahkan salin dan terapkan kode dibawah ini mengganti kode yang sudah ditandai.

  7.    <div class='alads-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
       <div class='alads-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
       <div class='alads-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
       <div class='alads-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
       <div class='alads-item'><a title='Nama Anime' href='#'>Nama Anime</a></div>
    

  8. Jika sudah, silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu, dan silahkan di publikasikan lalu lihat bagaimana hasilnya.

Kode Pengaturan
<!-- KODE UNTUK ANIME "#" DISINI -->
Ganti dengan kode untuk menambah anime.
Nama Anime
Ganti dengan Nama Anime tersebut.
#
Ganti dengan URL atau Link yang akan dituju.


Sekian postingan kali ini semoga bermanfaat untuk kalian, jangan lupa di bagikan ke teman-teman, dan jika ada yang ingin ditanyakan silahkan bertanya di kolom komentar. Sampai jumpa di tutorial berikutnya Terima kasih.

Artikel Terkait

15 komentar

kebetulan sekali, saya suka anime

kebetulan tuh. gimana kalau agan buat fansub/fanshare :D

susah juga ya, tapi lumayan lah udah ada gambaran

Gan cara masukin link nya gimana?

gan kok di tempat saya gak full gitu ??
link : http://rakyatfansanime.blogspot.co.id/p/blog-page_17.html

Kapok gan bikin Blog Anime... udah banyak pengunjungnya.. kena lapor langsung dari TOEI ANIMATION, secara kan ilegal hehe mending kalo mau blog cari niche yang aman aja wkkwwk

wkwkwk, platformnya wordpress gan disarankan

Gan bangun blog anime itu kalo diblogger biar aman apa perlu pake domain, hosting, vps gitu...? seperti oploverz btw blog oploverz itu Wordpress/blogger?

Disarankan kalo pengen serius bangun fansub/fanshare pakai platform Wordpress, kalo pake blogger karna dia dari google walaupun sudah beli domain biasanya dihapus blognya karena melanggar hak cipta. Oploverz itu WP gan..

Gan kok punya saya tulisannya kelewat batas ya, caranya gimana untuk tidak kelewat batas?

Nanti di perbaiki lagi ya gan..

Komentar ini telah dihapus oleh pengarang.

Gan tulisan judul animenya bisa di buat ke kiri ga? itukan aslinya di tengah.

Gan.. Pada tampilan Responsive "white-space"nya bikin tampilan Rusak. Judul jadi tembus gak keliatan

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.
EmoticonEmoticon