17 Juni 2017

Cara Membuat Anime List Seperti Animeindo

Cara Membuat Anime List Seperti Animeindo - 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 Animeindo, Tutorial Membuat Anime List Seperti Animeindo, Widget Anime List Animeindo, 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

Animeindo merupakan website yang dikenal dengan tempat streaming anime, animeindo baru-baru ini merubah penampilan temanya, tentunya website streaming anime ini merubah penampilan anime list-nya. Maka dari itu saya akan membagikan cara pembuatannya. Sebelumnya saya memposting tentang pembuatan staff list, yaitu Cara Membuat Staff List Seperti Gantz ID, dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Anime List Seperti Animeindo. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.

Cara Membuat Anime List Seperti Animeindo


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

  2. /* Anime List Animeindo - Aka321 */
    .alai321 {overflow: hidden}
    .alai321 .alai-info{padding: 15px 10px}
    .alai321 .alai-info span{padding: 0 25px}
    .alai321 .alai-apb{position: fixed;bottom: 0;left: 0;width: 100%;margin: 0;padding: 5px;background: #262626;text-align: center;font-size: 16px;z-index: 999}
    .alai321 .alai-apb a{color: #eee;padding: 0 5px}
    .alai321 .alai-apb a:hover{color: #eee}
    .alai321 .alai-wrap{display: inline-block;width: 100%;margin-bottom: 15px}
    .alai321 .alai-head{font-size: 16px;padding: 5px 15px;background: #1d1d1d;margin-bottom: 10px}
    .alai321 .alai-head a{color: #eee}
    .alai321 .alai-item{width: 50%;float: left;padding-left: 30px}
    .alai321 .alai-item.tv, .alai321 .alai-info .tv{background: url(https://4.bp.blogspot.com/-EIakT9ka0vM/WUU6VCQWR1I/AAAAAAAADVI/_3dYS77m00wJ0fDZl4Mfik1450429x9sQCLcBGAs/s1600/alai-tv.png) 0 0 no-repeat}
    .alai321 .alai-item.ova, .alai321 .alai-info .ova{background: url(https://3.bp.blogspot.com/-rbdo3WEGFjM/WUU6VNkVkkI/AAAAAAAADVQ/4HVvyL30vm8pkfTOsbxoiJXcs3zRJkjRQCLcBGAs/s1600/alai-ova.png) 0 0 no-repeat}
    .alai321 .alai-item.mov, .alai321 .alai-info .mov{background: url(https://1.bp.blogspot.com/-8RAANO9XQUk/WUU6VJCRaFI/AAAAAAAADVM/Oo-iv4pqFn4ipV-ELGrzh1Ko3ocO3HARQCLcBGAs/s1600/alai-mov.png) 0 0 no-repeat}
    .alai321 .alai-item a{color: #262626}
    @media only screen and (max-width: 768px){.alai321 .alai-apb{position: relative;margin-bottom: 15px}.alai321 .alai-wrap{width: 50%}.alai321 .alai-item{width:100%}}
    @media screen and (max-width:480px){.alai321 .alai-wrap{width: 100%}}

  3. Jika Sudah, Silahkan Simpan Template.
  4. Kemudian, Saat Kamu membuat postingan baru terapkan Kode Anime List Animeindo di bawah ini pada Tab HTML (Bukan Compose).

  5. <div class='alai321'>
     <div class='alai-info'>
      <span class='tv'>Series</span>
      <span class='mov'>Movie</span>
      <span class='ova'>Ova</span>
     </div>
     <div class='alai-apb'>
      <a href='#top'>Top</a>
      <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='alai-wrap'>
      <div class='alai-head'><a name='#'>#</a></div>
      
      <!-- KODE UNTUK ANIME "#" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='A'>A</a></div>
      
      <!-- KODE UNTUK ANIME "A" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='B'>B</a></div>
      
      <!-- KODE UNTUK ANIME "B" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='C'>C</a></div>
      
      <!-- KODE UNTUK ANIME "C" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='D'>D</a></div>
      
      <!-- KODE UNTUK ANIME "D" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='E'>E</a></div>
      
      <!-- KODE UNTUK ANIME "E" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='F'>F</a></div>
      
      <!-- KODE UNTUK ANIME "F" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='G'>G</a></div>
      
      <!-- KODE UNTUK ANIME "G" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='H'>H</a></div>
      
      <!-- KODE UNTUK ANIME "H" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='I'>I</a></div>
      
      <!-- KODE UNTUK ANIME "I" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='J'>J</a></div>
      
      <!-- KODE UNTUK ANIME "J" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='K'>K</a></div>
      
      <!-- KODE UNTUK ANIME "K" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='L'>L</a></div>
      
      <!-- KODE UNTUK ANIME "L" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='M'>M</a></div>
      
      <!-- KODE UNTUK ANIME "M" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='N'>N</a></div>
      
      <!-- KODE UNTUK ANIME "N" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='O'>O</a></div>
      
      <!-- KODE UNTUK ANIME "O" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='P'>P</a></div>
      
      <!-- KODE UNTUK ANIME "P" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='Q'>Q</a></div>
      
      <!-- KODE UNTUK ANIME "Q" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='R'>R</a></div>
      
      <!-- KODE UNTUK ANIME "R" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='S'>S</a></div>
      
      <!-- KODE UNTUK ANIME "S" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='T'>T</a></div>
      
      <!-- KODE UNTUK ANIME "T" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='U'>U</a></div>
      
      <!-- KODE UNTUK ANIME "U" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='V'>V</a></div>
      
      <!-- KODE UNTUK ANIME "V" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='W'>W</a></div>
      
      <!-- KODE UNTUK ANIME "W" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='X'>X</a></div>
      
      <!-- KODE UNTUK ANIME "X" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='Y'>Y</a></div>
      
      <!-- KODE UNTUK ANIME "Y" DISINI -->
      
     </div>
     <div class='alai-wrap'>
      <div class='alai-head'><a name='Z'>Z</a></div>
      
      <!-- KODE UNTUK ANIME "Z" DISINI -->
      
     </div>
    </div>

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

  7.    <div class='aial-item tv'><a title='Nama Anime' href='#'>Nama Anime</a></div>
       <div class='aial-item ova'><a title='Nama Anime' href='#'>Nama Anime</a></div>
       <div class='aial-item mov'><a title='Nama Anime' href='#'>Nama Anime</a></div>
       <div class='aial-item tv'><a title='Nama Anime' href='#'>Nama Anime</a></div>
       <div class='aial-item ova'><a title='Nama Anime' href='#'>Nama Anime</a></div>
       <div class='aial-item mov'><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.
ova / mov /tv
Ganti dengan tipe anime tersebut.
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

This Is The Newest Post

6 komentar

I'm looking for something similar, but more automated, and using the Blog Feed.

Could not you make a list, showing a small picture next to the title?

I'm looking for something like the one from http://www.crunchyroll.com/videos/anime/alpha using the blog feed.

Although the list you have made is very beautiful.

Do you have something for wordpress? Is it possible to use this list in Wordpress?

First of all thanks for the compliment, but for the automatic and wordpress maybe I can not make it. maybe i will learn again later...

Wah, makasih gan. Jangan lupa kunjungi tutorial yg lain ya (:

Cara buat download box sendiri gimana min

PERMAINAN ONLINE TERBESAR DI INDONESIA

Website paling ternama dan paling terpercaya di Asia ^^
Sistem pelayanan 24 Jam Non-Stop bersama dengan CS Berpengalaman respon tercepat :)
Memiliki 8 Jenis game yang sangat digemari oleh seluruh peminat poker / domino

- Adu Q
- Bandar Q
- Bandar Sakong
- Bandar Poker
- Poker
- Domino 99
- Capsa Susun
- BANDAR66 / ADU BALAK ( GAME TERBARU )

Permainan Judi online yang menggunakan uang asli dan mendapatkan uang asli ^^
* Minimal Deposit : 20.000
* Minimal Withdraw : 20.000
* Deposit dan Withdraw 24 jam Non stop ( Kecuali Bank offline / gangguan )
* Bonus REFFERAL 15 % Seumur hidup tanpa syarat
* Bonus ROLLINGAN 0.3 % Dibagikan 5 hari 1 kali
* Proses Deposit & Withdraw PALING CEPAT
* Sistem keamanan Terbaru & Terjamin
* Poker Online Terpercaya
* Live chat yang Responsive
* Support lebih banyak bank LOKAL
* Link Alternatif :
- sahabat2019.com
- sahabat2019.net
- sahabat2019.org
- sahabat2019.info


Contact Us

Website SahabatQQ
WA 1 : +85515769793
WA 2 : +855972076840
Telegram 1 :+85515769793
Telegram 2 : +855972076840
LINE : SAHABATQQ
TWITTER : SahabatQQ
Kami Siap Melayani anda 24 jam Nonstop
daftar sahabatqq

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