Cara Membuat Anime List Seperti Wardhanime 2014

Kijin Tutorial on

Tuesday, 3 May 2016

Cara Membuat Anime List Seperti Wardhanime 2014 - Anime List atau Daftar Anime, biasanya digunakan oleh Fansub atau Fanshare agar para pengunjung setianya mudah mencari Anime yang di inginkan.

Sebelumnya saya sudah berbagi ilmu tentang Cara Membuat Anime List Seperti Wardhanime Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Anime List Seperti Wardhanime tahun 2014. Langsung saja kamu ikuti langkah-langkah yang ada di bawah ini.

• Pertama, Buka Blogger > Edit HTML > Salin, Terapkan dan Simpan Kode di bawah ini sebelum </b:skin> atau </style>

/* CSS Anime List Wardhanime 2014 - Aka321 */
#anilist1{float: left;border: 1px solid #e5e5e5}
.anilist2{width: 266px;float: left;padding: 0px 15px}
.anilist2 ul{margin: 10px 0 10px 0 !important;padding: 0 !important;list-style: none;text-indent: 0}
.anilist2 ul{margin: 10px 0 10px 0;padding: 0;list-style: none;text-indent: 0}
.anilist2 p.sep{background: #e8e8e8;border-radius: 5px 5px 5px 5px;font-size: 1.0em;color: #999999;font-weight: bold;padding: 5px 0 5px 10px;margin: 13px 0px}
.anilist2 li{margin: 0 0 6px 0;padding: 0 0 0 5px !important;border-bottom: 1px solid #f5f5f5;list-style-type: none !important;font-size: 11px}
.anilist2 ul li a:hover{color: #000000}
.anilist2 ul li a{color: #7A7A7A}

• Jika sudah, Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).

<div id="anilist1">
    <div class="anilist2">
        <ul>
            <p class="sep">A</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "A" DISINI -->
   
   </ul>
            <p class="sep">B</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "B" DISINI -->
   
   </ul>
            <p class="sep">C</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "C" DISINI -->
   
   </ul>
            <p class="sep">D</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "D" DISINI -->
   
   </ul>
            <p class="sep">E</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "E" DISINI -->
   
   </ul>
            <p class="sep">F</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "F" DISINI -->
   
   </ul>
            <p class="sep">G</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "G" DISINI -->
   
   </ul>
            <p class="sep">H</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "H" DISINI -->
   
   </ul>
        </ul>
    </div>
    <div class="anilist2">
        <ul>
            <p class="sep">I</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "I" DISINI -->
   
   </ul>
            <p class="sep">J</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "J" DISINI -->
   
   </ul>
            <p class="sep">K</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "K" DISINI -->
   
   </ul>
            <p class="sep">L</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "L" DISINI -->
   
   </ul>
            <p class="sep">M</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "M" DISINI -->
   
   </ul>
            <p class="sep">N</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "N" DISINI -->
   
   </ul>
            <p class="sep">O</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "O" DISINI -->
   
   </ul>
        </ul>
    </div>
    <div class="anilist2">
        <ul>
            <p class="sep">P</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "P" DISINI -->
   
   </ul>
            <p class="sep">Q</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "Q" DISINI -->
   
   </ul>
            <p class="sep">R</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "R" DISINI -->
   
   </ul>
            <p class="sep">S</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "S" DISINI -->
   
   </ul>
            <p class="sep">T</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "T" DISINI -->
   
   </ul>
            <p class="sep">U</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "U" DISINI -->
   
   </ul>
            <p class="sep">V</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "V" DISINI -->
   
   </ul>
            <p class="sep">W</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "W" DISINI -->
   
   </ul>
            <p class="sep">X</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "X" DISINI -->
   
   </ul>
            <p class="sep">Y</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "Y" DISINI -->
   
   </ul>
            <p class="sep">Z</p>
            <ul>
   
   <!-- KODE UNTUK ANIME "Z" DISINI -->
   
   </ul>
        </ul>
    </div>
</div>

• Setelah itu, dibawah ini merupakan kode untuk menambah anime di jadwal rilis. Untuk menambahkan anime, silahkan salin dan terapkan di kode diatas.

   <li><a href=" LINK ANIME ">NAMA ANIME</a></li>
   <li><a href=" LINK ANIME ">NAMA ANIME</a></li>
   <li><a href=" LINK ANIME ">NAMA ANIME</a></li>
   <li><a href=" LINK ANIME ">NAMA ANIME</a></li>
   <li><a href=" LINK ANIME ">NAMA ANIME</a></li>

• Jika sudah silahkan ganti kode yang sudah ditandai lalu publikasikan dan lihat bagaimana hasilnya.

• Demo

Sekian ilmu yang saya bagikan hari ini. Semoga bermanfaat. Terima kasih.

Labels: Anime List, Tutorial

Thanks for reading Cara Membuat Anime List Seperti Wardhanime 2014. Please share...!