03 Mei 2016

Cara Membuat Anime List Seperti Wardhanime 2014

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.

Cara Membuat Anime List Seperti Wardhanime 2014, Cara Membuat Anime List, Cara Membuat Anime List Fansub

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.


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

Artikel Terkait

19 komentar

Akhirnya ada yg share tutorialnya, thanks gan

wah,, keren,,

mas,,
mau tanya bagaimana cara membuat Highlight Script dan Button Demo kek punya ente?

Komentar tindak lanjut akan dikirim ke bulanalgaza@gmail.com

Kebetulan nih lagi butuh, makasih tutorialnya om

capek juga bacanya gan

oh jadi begini gan caranya thanks ya

pas gan mau buat blog anime, thanks

kerenn ini mah gann thank u info na

Kwerenn nih (y) perlu dicoba

cara biar fullpage gimana ???

ajarin gan cara buat safelink anime

mntap gan
gan ada gk cara buat halaman di page genre tertentu kyak fansub lain...

Bisa gan kalau blogger pake label aja, atau ada contohnya?

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