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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUaXMUwIvdYG6nnszENCHLpRRb9K6_8IMF29C4KisP6xpb22qGmQS_werASq3BEXDhtp0-szuAxDQDR1N34yGy1fLbWniy5sChbj5EfrtOPXNMWiaQ3O6ECwP5OzGn2zC2Em9Qntj6ON8G/s1600/alai-tv.png) 0 0 no-repeat}
    .alai321 .alai-item.ova, .alai321 .alai-info .ova{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNffTZn1WuTEeg_tT393kIGGMduiFLW1-k9BxQzk6SCLiSvBnxMKScQ2CuiG1AWrGlYY-Z_SNOUp3A0Z0v5nqQMGnKBd5pVxg9q6HzD8Az5Q-jK_kpvKRhHQSpPnWhAsrEwN9FY0TgtRJG/s1600/alai-ova.png) 0 0 no-repeat}
    .alai321 .alai-item.mov, .alai321 .alai-info .mov{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN4Vw_R3q4v3bS_ARBb5nVdUUqT-V20CAloNhwIUdqyZ5i23Dpg0XgVXOW-RMQ6lJDXRSw30EMhVm3nrB4QAfFbB1_SsSaxnqAstRam_-Il2MBva_13m6UEKzERO0B4Tk7C3X4G7wbOkdJ/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.

12 Juni 2017

Cara Membuat Staff List Seperti Gantz ID

Cara Membuat Staff List Seperti Gantz ID - Staff List atau Daftar Staff adalah widget yang biasa digunakan oleh fansub atau fanshare agar pengunjung tahu siapa staff yang bekerja di fansub atau fanshare tersebut.

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

Dalam suatu fansub biasanya ada lebih dari lima staff, dalam hal ini biasanya pekerjaan staff itu berbeda-beda contohnya, encoder, uploader, translator, dan masih banyak yang lainnya. Staff list dari Gantz ID ini sangat cocok untuk fansub yang memiliki banyak staff. Staff list ini juga cocok untuk fanshare yang mempunyai sedikit staff. Terlebih lagi Staff list ini sudah responsive yang artinya tampilannya tetap rapih saat dilihat di dalam smartphone atau handphone.

Sebelumnya saya memposting tentang pembuatan jadwal rilis yaitu Cara Membuat Jadwal Rilis Seperti Animeindo. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Staff List Seperti Gantz ID. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.

Cara Membuat Staff List Seperti Gantz ID


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

  2. /* Staff List Gantz ID - Aka321 */
    .slgi321 ul{display: block;position: relative;overflow: hidden;margin: 0}
    .slgi321 ul li{width: 25%;padding: 15px;position: relative;float: left}
    .slgi321 ul li:hover .slgi-imgwrap img{filter: grayscale(100%);transform: scale(1.03);transition: all 0.2s ease}
    .slgi321 .slgi-imgwrap{position: relative}
    .slgi321 .slgi-imgwrap img{width: 100%}
    .slgi321 .slgi-name{position: absolute;right: 0;bottom: 0;padding: 0 10px;background: #444;color: #fff;margin: 0 10px 15px}
    .slgi321 .slgi-name span{margin: 0 !important;background: #00afd1;padding: 0px 10px !important;position: absolute !important}
    .slgi321 .slgi-skillswrap{margin: 10px 0}
    .slgi321 .slgi-label{font-size: 14px}
    .slgi321 .slgi-prog{height: 4px;border: 1px solid #eee;background: #fff;border-radius: 5px;margin: 0 0 6px;box-sizing: content-box}
    .slgi321 .slgi-prog .line{height: 100%;-webkit-animation: 400ms;border-radius: 5px;background-color: #00afd1}
    .slgi321 .slgi-social{text-align: center}
    .slgi321 .slgi-social a{padding: 2px 10px;border-radius: 3px;display: inline-block;color: #aaa}
    .slgi321 .slgi-social a.hide{display: none}
    .slgi321 .slgi-social a.facebook:hover{background: #3b5998;color: #fff}
    .slgi321 .slgi-social a.twitter:hover{background: #1da1f2;color: #fff}
    .slgi321 .slgi-social a.google:hover{background: #dc4e41;color: #fff}
    .slgi321 .slgi-social a.instagram:hover{background: #9b6954;color: #fff}
    .slgi321 .slgi-social a.youtube:hover{background: #cd201f;color: #fff}
    @media only screen and (max-width: 768px){.slgi321 ul li{width: 50%}}
    @media screen and (max-width:480px){.slgi321 ul li{width:100%}}

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

  5. <div class='slgi321'>
    <ul>
     <li>
     <div class='slgi-wrap'>
      <div class='slgi-imgwrap'>
       <a><img title='Nama Staff' alt='Nama Staff' src='#IMG'></a>
       <div class='slgi-name'>Nama Staff
        <span>Jabatan</span>
       </div>
      </div>
      <div class='slgi-skillswrap'>
       <div class='slgi-label'>Skill 1</div>
       <div class='slgi-prog'>
        <div style='width: 100%;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
       </div>
       <div class='slgi-label'>Skill 2</div>
       <div class='slgi-prog'>
        <div style='width: 100%;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
       </div>
       <div class='slgi-label'>Skill 3</div>
       <div class='slgi-prog'>
        <div style='width: 100%;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
       </div>
       <div class='slgi-label'>Skill 4</div>
       <div class='slgi-prog'>
        <div style='width: 100%;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
       </div>
      </div>
      <div class='slgi-social'>
       <a href='#' target='_blank' class='facebook hide'><i class='fa fa-facebook' aria-hidden='true'></i></a>
       <a href='#' target='_blank' class='twitter hide'><i class='fa fa-twitter' aria-hidden='true'></i></a>
       <a href='#' target='_blank' class='youtube hide'><i class='fa fa-youtube' aria-hidden='true'></i></a>
       <a href='#' target='_blank' class='google hide'><i class='fa fa-google-plus' aria-hidden='true'></i></a>
       <a href='#' target='_blank' class='instagram hide'><i class='fa fa-instagram' aria-hidden='true'></i></a>
      </div>
     </div>
     </li>
    </ul>
    </div>

  6. Setelah itu, dibawah ini merupakan kode untuk menambah staff di staff list gantz id. Untuk menambahkan staff, silahkan salin dan terapkan kode dibawah ini di atas kode </ul>.

  7.  <li>
     <div class='slgi-wrap'>
      <div class='slgi-imgwrap'>
       <a><img title='Nama Staff' alt='Nama Staff' src='#IMG'></a>
       <div class='slgi-name'>Nama Staff
        <span>Jabatan</span>
       </div>
      </div>
      <div class='slgi-skillswrap'>
       <div class='slgi-label'>Skill 1</div>
       <div class='slgi-prog'>
        <div style='width: 100%;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
       </div>
       <div class='slgi-label'>Skill 2</div>
       <div class='slgi-prog'>
        <div style='width: 100%;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
       </div>
       <div class='slgi-label'>Skill 3</div>
       <div class='slgi-prog'>
        <div style='width: 100%;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
       </div>
       <div class='slgi-label'>Skill 4</div>
       <div class='slgi-prog'>
        <div style='width: 100%;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
       </div>
      </div>
      <div class='slgi-social'>
       <a href='#' target='_blank' class='facebook hide'><i class='fa fa-facebook' aria-hidden='true'></i></a>
       <a href='#' target='_blank' class='twitter hide'><i class='fa fa-twitter' aria-hidden='true'></i></a>
       <a href='#' target='_blank' class='youtube hide'><i class='fa fa-youtube' aria-hidden='true'></i></a>
       <a href='#' target='_blank' class='google hide'><i class='fa fa-google-plus' aria-hidden='true'></i></a>
       <a href='#' target='_blank' class='instagram hide'><i class='fa fa-instagram' aria-hidden='true'></i></a>
      </div>
     </div>
     </li>

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

Kode Pengaturan
Nama Staff
Ganti dengan nama staff.
#IMG
Ganti dengan URL atau Link gambar yang ingin dipasang.
Jabatan
Ganti dengan jabatan yang sedang dipegang oleh staff tersebut.
Skill #
Ganti dengan skill yang dimiliki oleh staff tersebut.
100%
Ganti dengan seberapa besar skill yang sudah dicapai.
#
Ganti dengan URL atau Link anime yang akan dituju.
hide
Hapus jika ingin memunculkan sosial media tersebut.


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.

07 Juni 2017

Cara Membuat Jadwal Rilis Seperti Animeindo

Cara Membuat Jadwal Rilis Seperti Animeindo - Jadwal rilis adalah widget yang biasa di gunakan atau dipakai fansub atau fanshare agar pengunjung mereka tahu kapan anime yang ingin di lihatnya atau di downloadnya akan muncul atau rilis. Namun masih banyak fansub atau fanshare yang belum mengetahui cara membuat jadwal rilis, maka dari itu saya membuat tutorial ini.

Cara Membuat Jadwal Rilis Seperti Animeindo, Tutorial Membuat Jadwal Rilis Seperti Animeindo, Widget Jadwal Rilis Animeindo, Cara Membuat Jadwal Rilis Fansub, Tutorial Membuat Jadwal Rilis Fansub, Jadwal Rilis Fansub, Jadwal Rilis Fanshare, Jadwal Rilis Website Anime, How To Make Schedule List Fansub, Schedule List Fansub Site, Cara Membuat Fansub, Cara Membuat Widget Fansub, Tutorial Fansub, Website Fansub, Aka321, Aka321.blogspot.com

Karena sudah lama sekali saya tidak memposting cara membuat jadwal rilis, dan ini saatnya saya memposting pembuatan jadwal rilis dari fanshare yaitu Animeindo. Sebelumnya saya memposting tentang pembuatan anime list yaitu Cara Membuat Anime List Seperti Meongs. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Jadwal Rilis Seperti Animeindo. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.

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

  2. /* Jadwal Rilis Animeindo - Aka321 */
    .jrai-fix{width: 25%;float: left}
    .jrai-wrap{padding: 10px 4px 10px}
    .jrai-title{color:#fff;font-family:sans-serif;text-align: center;padding: 20px 10px;text-transform: uppercase;font-size: 22px;font-weight: bold}
    .jrai-fix:nth-child(1) .jrai-title{background: #0098FD;border-bottom: 5px solid #007dd0}
    .jrai-fix:nth-child(2) .jrai-title{background: #3db300;border-bottom: 5px solid #308e00}
    .jrai-fix:nth-child(3) .jrai-title{background: #c1004f;border-bottom: 5px solid #9e0041}
    .jrai-fix:nth-child(4) .jrai-title{background: #ff5722;border-bottom: 5px solid #ce4115}
    .jrai-fix:nth-child(5) .jrai-title{background: #008287;border-bottom: 5px solid #00696d}
    .jrai-fix:nth-child(6) .jrai-title{background: #7200ac;border-bottom: 5px solid #5d008c}
    .jrai-fix:nth-child(7) .jrai-title{background: #f58500;border-bottom: 5px solid #bd6700}
    .jrai-fix:nth-child(8) .jrai-title{background: #8c0000;border-bottom: 5px solid #610000}
    .jrai-wrap ul{margin: 0 !important;padding: 0 !important;color: #333;background: #ebebeb}
    .jrai-wrap ul li{list-style: none;padding: 7px 12px !important;transition: all 0.3s;margin: 0 !important}
    .jrai-wrap ul li:hover{background: #ddd}
    .jrai-wrap ul li a{color: #333}
    .jrai-wrap ul li a:hover{color: #333}

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

  5. <div class='jrai321'>
     <div class='jrai-fix'>
     <div class='jrai-wrap'>
      <div class='jrai-title'>Senin</div>
    
      <!-- KODE UNTUK ANIME "SENIN" DISINI -->
      
     </div>
     </div>
     <div class='jrai-fix'>
     <div class='jrai-wrap'>
      <div class='jrai-title'>Selasa</div>
    
      <!-- KODE UNTUK ANIME "SELASA" DISINI -->
     
     </div>
     </div>
     <div class='jrai-fix'>
     <div class='jrai-wrap'>
      <div class='jrai-title'>Rabu</div>
    
      <!-- KODE UNTUK ANIME "RABU" DISINI -->
      
     </div>
     </div>
     <div class='jrai-fix'>
     <div class='jrai-wrap'>
      <div class='jrai-title'>Kamis</div>
    
      <!-- KODE UNTUK ANIME "KAMIS" DISINI -->
      
     </div>
     </div>
     <div class='jrai-fix'>
     <div class='jrai-wrap'>
      <div class='jrai-title'>Jumat</div>
    
      <!-- KODE UNTUK ANIME "JUMAT" DISINI -->
      
     </div>
     </div>
     <div class='jrai-fix'>
     <div class='jrai-wrap'>
      <div class='jrai-title'>Sabtu</div>
    
      <!-- KODE UNTUK ANIME "SABTU" DISINI -->
      
     </div>
     </div>
     <div class='jrai-fix'>
     <div class='jrai-wrap'>
      <div class='jrai-title'>Minggu</div>
    
      <!-- KODE UNTUK ANIME "MINGGU" DISINI --> 
    
     </div>
     </div>
     <div class='jrai-fix'>
     <div class='jrai-wrap'>
      <div class='jrai-title'>Random</div>
    
      <!-- KODE UNTUK ANIME "RANDOM" DISINI -->
    
     </div>
     </div>
    </div>

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

  7.   <ul>
       <li><a href='#'>Nama Anime</a></li>
       <li><a href='#'>Nama Anime</a></li>
       <li><a href='#'>Nama Anime</a></li>
       <li><a href='#'>Nama Anime</a></li>
       <li><a href='#'>Nama Anime</a></li>
      </ul>

  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 "RANDOM" DISINI -->
Ganti dengan kode untuk menambah anime.
#
Ganti dengan URL atau Link anime yang akan dituju.
Nama Anime
Ganti dengan Nama Anime tersebut.


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.

07 April 2017

Cara Membuat Anime List Seperti Meongs

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

Karena sudah lama sekali saya tidak memposting cara membuat anime list, dan ini saatnya saya memposting pembuatan anime list dari fansub dan sekaligus juga fanshare yaitu meongs. Sebelumnya saya memposting tentang pembuatan download box, yaitu Cara Membuat Cara Membuat Download Box Seperti Meongs, dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Anime List Seperti Meongs. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.

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

  2. /* Anime List Meongs - Aka321 */
    .alm321 .alm-info{width: 100%;text-align: center}
    .alm321 .alm-info ul{margin: 0}
    .alm321 .alm-info ul li{border: 1px solid #ddd;margin: 0 0 10px;list-style: none;padding: 8px;display: inline-block;text-align: center}
    .alm321 .alm-apb{text-align: center;font-weight: bold;margin: 10px 0;font-size: 13px}
    .alm321 .alm-apb a{line-height: 30px;width: 30px;color: #FFFFFF;border-radius: 25%;background: #00A3A3;margin: 2px;transition: all 0.25s;display: inline-block}
    .alm321 .alm-apb a:hover{color: #FFFFFF;background: #000000}
    .alm321 .alm-list{display: block;position: relative;overflow: hidden}
    .alm321 .alm-list .alm-wrap{width: 33.333%;float: left}
    .alm321 .alm-list .alm-item ul{margin: 0 !important;padding: 0 6px !important}
    .alm321 .alm-list .alm-item ul .alm-head{font-size: 125%;font-weight:bold}
    .alm321 .alm-list .alm-item ul .alm-head a{color:#000000}
    .alm321 .alm-list .alm-item ul li{list-style: none;font-size:14px}
    .alm321 .alm-list .alm-item ul li a{color:#00A3A3}
    @media only screen and (max-width: 768px){.alm321 .alm-info ul li{width:100%;margin:0 0 2px !important}.alm321 .alm-list .alm-wrap{width:100%}}

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

  5. <div class='alm321'>
     <div class='alm-info'>
      <ul>
       <li>List Info</li>
       <li>List Info</li>
       <li>List Info</li>
       <li>List Info</li>
       <li>List Info</li>
       <li>List Info</li>
      </ul>
     </div>
     <div class='alm-apb'>
      <a href='##'>#</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='alm-listn'>
      <div class='alm-wrap'>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='#'>#</a></li>
         
         <!-- KODE UNTUK ANIME "#" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='A'>A</a></li>  
    
         <!-- KODE UNTUK ANIME "A" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='B'>B</a></li>  
    
         <!-- KODE UNTUK ANIME "B" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='C'>C</a></li>   
         
         <!-- KODE UNTUK ANIME "C" DISINI -->
         
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='D'>D</a></li> 
    
         <!-- KODE UNTUK ANIME "D" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='E'>E</a></li>
         
         <!-- KODE UNTUK ANIME "E" DISINI -->
         
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='F'>F</a></li>  
    
         <!-- KODE UNTUK ANIME "F" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='G'>G</a></li>  
    
         <!-- KODE UNTUK ANIME "G" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='H'>H</a></li> 
    
         <!-- KODE UNTUK ANIME "H" DISINI -->
        
        </ul>
       </div>
      </div>
      <div class='alm-wrap'>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='I'>I</a></li>  
    
         <!-- KODE UNTUK ANIME "I" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='J'>J</a></li> 
    
         <!-- KODE UNTUK ANIME "J" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='K'>K</a></li>
         
         <!-- KODE UNTUK ANIME "K" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='L'>L</a></li>  
    
         <!-- KODE UNTUK ANIME "L" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='M'>M</a></li> 
    
         <!-- KODE UNTUK ANIME "M" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='N'>N</a></li> 
    
         <!-- KODE UNTUK ANIME "N" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='O'>O</a></li> 
    
         <!-- KODE UNTUK ANIME "O" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='P'>P</a></li>  
    
         <!-- KODE UNTUK ANIME "P" DISINI -->
        
        </ul>
       </div>
      </div>
      <div class='alm-wrap'>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='Q'>Q</a></li>  
    
         <!-- KODE UNTUK ANIME "Q" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='R'>R</a></li>  
    
         <!-- KODE UNTUK ANIME "R" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='S'>S</a></li>  
    
         <!-- KODE UNTUK ANIME "S" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='T'>T</a></li>  
    
         <!-- KODE UNTUK ANIME "T" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='U'>U</a></li>  
    
         <!-- KODE UNTUK ANIME "U" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='V'>V</a></li>  
    
         <!-- KODE UNTUK ANIME "V" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='W'>W</a></li> 
    
         <!-- KODE UNTUK ANIME "W" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='X'>X</a></li> 
    
         <!-- KODE UNTUK ANIME "X" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='Y'>Y</a></li> 
    
         <!-- KODE UNTUK ANIME "Y" DISINI -->
        
        </ul>
       </div>
       <div class='alm-item'>
        <ul>
         <li class='alm-head'><a name='Z'>Z</a></li>  
    
         <!-- KODE UNTUK ANIME "Z" DISINI -->
        
        </ul>
       </div>
      </div>
     </div>
    </div>

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

  7.      <li><a href='#' target='_blank'>Nama Anime</a></li>
         <li><a href='#' target='_blank'>Nama Anime</a></li>
         <li><a href='#' target='_blank'>Nama Anime</a></li>
         <li><a href='#' target='_blank'>Nama Anime</a></li>
         <li><a href='#' target='_blank'>Nama Anime</a></li>
         <li><a href='#' target='_blank'>Nama Anime</a></li>

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

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


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.

01 April 2017

Cara Membuat Download Box Seperti Meownime

Cara Membuat Download Box Seperti Meownime - Jika kamu mengunjungi postingan ini berarti kamu ingin membuat download box, sebelumnya apa itu download box? Mungkin ada yang belum tahu apa itu download box. Download box adalah widget yang biasanya digunakan oleh fansub atau fanshare untuk membuat link downloadnya tertata rapih. Download box ini juga membuat website mereka tampi bagus, rapih, dan juga terlihat seperti fansub atau fanshare profesional, tetapi terkadang ada fansub atau fanshare yang belum tahu cara membuat download box.

Cara Membuat Download Box Seperti Meownime, Tutorial Membuat Download Box Seperti Meownime, Widget Download Box Meownime, Cara Membuat Download Box Fansub, Tutorial Membuat Download Box Fansub, Cara Membuat Link Download Fansub, Download Box Fansub, Download Box Fanshare, Download Box Website Anime, How To Make Download Box Fansub, Download Box Fansub Site, Cara Membuat Fansub, Cara Membuat Widget Fansub, Tutorial Fansub, Website Fansub, Aka321, Aka321.blogspot.com

Sudah lama sekali saya tidak memposting tutorial, dikarenakan banyaknya kesibukan di dunia nyata. Sebelumnya saya mem-posting template premium yaitu Anime Pupuru Blogger Template, dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Cara Membuat Download Box Seperti Meownime. Download box ini merupakan request dari rauza501 jika kamu ingin me-request sesuatu kamu tinggal mengisi formulir di halaman Request, langsung saja mari ikuti langkah-langkah yang ada di bawah ini.

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

  2. /* Download Box Meownime - Aka321 */
    .dlmn321{text-align: center;font-size: 15px}
    .dlmn321 > .dlmn-head{background: #39484D;padding: 8px;font-weight: bold}
    .dlmn321 > .dlmn-head span:first-child{color: #DADADA}
    .dlmn321 > .dlmn-head span:last-child{color: #DA4453}
    .dlmn321 .dlmn-wrap .dlmn-head{padding: 8px;border-top: 1px solid #DDDDDD}
    .dlmn321 .dlmn-wrap ul{margin: 0 !important;padding: 8px !important;border-top: 1px solid #DDDDDD;background: #EEEEEE}
    .dlmn321 .dlmn-wrap ul li{margin: 0 !important;padding: 0 !important;list-style: none !important}
    .dlmn321 .dlmn-wrap ul li a{color:#DA4453}
    .dlmn321 .dlmn-wrap ul li a:hover{color:#39484D}
    .dlmn321 .dlmn-wrap ul li a:after{content:"|";color:#909090}
    .dlmn321 .dlmn-wrap ul li a:after:hover{color:#909090}
    .dlmn321 .dlmn-wrap .dlmn-head:hover, .dlmn321 .dlmn-wrap ul:hover{background: #F5F5F5}

  3. Jika Sudah, Silahkan Simpan Template.
  4. Kemudian, Saat Kamu membuat postingan baru terapkan kode download box meownime di bawah ini pada Tab HTML (Bukan Compose).

  5. <div class='dlmn321'>
     <div class='dlmn-head'>
      <span>Link Download #1 — </span>
      <span>Mkv 720p</span>
     </div>
     <div class='dlmn-wrap'>
      <div class='dlmn-head'>
       Episode 01 — (<b>00.0 MB</b>)
      </div>
      <ul>
       <li>
        <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
        <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
        <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
       </li>
      </ul>
      <div class='dlmn-head'>
       Episode 02 — (<b>00.0 MB</b>)
      </div>
      <ul>
       <li>
        <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
        <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
        <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
       </li>
      </ul>
     </div>
    </div>
    

  6. Setelah itu, dibawah ini merupakan kode untuk menambah episode anime di download box meownime. Untuk menambahkan episode anime, silahkan salin dan terapkan pada kode diatas sesudah </ul> terakhir.

  7.   <div class='dlmn-head'>
       Episode 00 — (<b>00.0 MB</b>)
      </div>
      <ul>
       <li>
        <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
        <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
        <a href='#' rel='nofollow' target='_blank'>Nama Server</a>
       </li>
      </ul>

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

Kode Pengaturan
Link Download #1 —
Ganti dengan nama anime atau ganti nomor.
Mkv 720p
Ganti dengan kualitas yang diinginkan.
Episode 01 — (<b>00.0 MB</b>)
Ganti dengan nomor episode dan size file tersebut.
#
Ganti dengan URL atau yang akan dituju.
Nama Server
Ganti dengan nama server 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.

19 Maret 2017

Anime Pupuru Premium Blogger Template


Hai Hai! Pada kesempatan kali ini saya akan memperlihatkan template premium kedua saya, dengan warna utama yaitu warna ungu. Saya harap kalian suka dengan templatenya. Template ini di desain dengan simpel.




Deskripsi Template

Anime Pupuru Premium Blogger Template adalah template yang digunakan untuk fansub/fanshare bahkan bisa digunakan untuk postingan manga.Template ini sudah sangat responsive, dengan warna utama ungu.

Catatan : -

Theme Name: Anime Pupuru
Version: V1.8
Designer: Aka321
Category: Premium Blogger Template
Release: 19 Maret, 2017
Order
IDR 80.000
Features:
- SEO.
- Fast Load.
- Responsive.
- Mobile Friendly.
- Font Awesome Icons v4.7.0.
- Vertical Menu on Mobile View.
- Etc.
Changelog:
v1.8
- Bug Fix.

07 Februari 2017

Aoinimu Premium Blogger Template


Hai Hai! Pada kesempatan kali ini saya akan memperlihatkan template premium pertama saya, dengan warna utama yaitu warna biru. Saya harap kalian suka dengan templatenya. Template ini di desain dengan simpel.

Aoinimu Premium Blogger Template Preview, Aoinimu Blogger Template, Aoinimu Blogger Tutorial, Aka321 Aoinimu Template, Anime Blogger Template

Deskripsi Template

Aoinimu Premium Blogger Template adalah template yang digunakan untuk fansub/fanshare.Template ini sudah responsive, dengan warna utama biru.

Catatan : -

Theme Name: Aoinimu
Version: V1.7
Designer: Aka321
Category: Premium Blogger Template
Release: 2 Febuari, 2017
Order
IDR 50.000
Features:
- SEO.
- Fast Load.
- Responsive.
- Mobile Friendly.
- Font Awesome Icons v4.7.0.
- Fullscreen Search.
- Back To Top Button.
- Etc.
Changelog:
v1.7
- Fix Mini Browser Bug.
- Change Comment Style.

14 Desember 2016

Manga Sēbu v1.1 Blogger Template

Hai Hai! Pada kesempatan kali ini saya akan membagikan template dengan tipe Manga, dengan warna utama yaitu warna hijau dan kuning. Saya harap kalian suka dengan templatenya. Template ini di desain dengan simpel.

Manga Sēbu Blogger Template Preview, Aka321 Blogger Template, Aka321 Blogger Tutorial, Aka321 Manga Sēbu Template, Anime Blogger Template

Deskripsi Template

Manga Sēbu Blogger Template adalah template yang digunakan khusus untuk postingan manga.

Template ini sudah responsive, dengan 1 kolom pada mode postingan dan berwarna utama hijau dan kuning.

Catatan : Jika ada Error atau Bug di harapkan Lapor. Dan jika anda menggunakan Template ini, Harap Tidak Menghapus Credit di Footer!

Theme Name: Manga Sēbu
Version: V1.1
Designer: Aka321
Category: Blogger Template
Release: 15 Desember, 2016
Template (Only)

Password: AKA321

Live Preview
Features:
- Back To Top Button.
- Font Awesome Icons v4.7.0.
- Responsive.
- Etc.
Changelog:
v1.1
- Fix Posts