Cara Membuat Genre List Seperti Kurogaze

Malam sobat vetizens setelah kemarin saya share tentang Cara Pasang Emoticon Kedalam Blog Post kali ini saya akan membagikan sedikit tutorial tentang Cara Membuat Genre List Seperti Kurogaze. Pasti kalian tidak asing kan dengan kurogaze? yap situs fanshare anime subtitle indonesia webnya lumayan ringan dan tampilannya bagus, tetapi kali ini yang akan saya bahas adalah cara membuat genre list nya saja bukan templatenya :D

Okelah langsung saja ke TKP nya:

1. Login Blogger kalian.

2. Blog Kalian > Laman > Laman Baru.

3. Pastekan Kode dibawah ini di HTML bukan Compose.

<style>

.kggl321 {font-family: sans-serif;}

.kggl321 ul {margin: 0;padding: 0;}

.kggl321 ul li {list-style: none;}

.kggl321 ul li a {color: #333 !important;width: 135px;padding: 12px;white-space: nowrap;float: left;display: inline;border-bottom: 1px solid #ddd;}

.kggl321 ul li a:hover {text-decoration: none;background: #eee;transition: 0.3s all ease;}

</style>

<div class="kggl321">

 <ul>

  <li>

   <a title="Anime bergenre Action" href="/search/label/action" target="_blank">Action</a>

  </li>

  <li>

   <a title="Anime bergenre Adventure" href="/search/label/adventure" target="_blank">Adventure</a>

  </li>

  <li>

   <a title="Anime bergenre Comedy" href="/search/label/comedy" target="_blank">Comedy</a>

  </li>

  <li>

   <a title="Anime bergenre Demons" href="/search/label/demons" target="_blank">Demons</a>

  </li>

  <li>

   <a title="Anime bergenre Drama" href="/search/label/drama" target="_blank">Drama</a>

  </li>

  <li>

   <a title="Anime bergenre Fantasy" href="/search/label/fantasy" target="_blank">Fantasy</a>

  </li>

  <li>

   <a title="Anime bergenre Game" href="/search/label/game" target="_blank">Game</a>

  </li>

  <li>

   <a title="Anime bergenre Historical" href="/search/label/historical" target="_blank">Historical</a>

  </li>

  <li>

   <a title="Anime bergenre Horror" href="/search/label/horror" target="_blank">Horror</a>

  </li>

  <li>

   <a title="Anime bergenre Magic" href="/search/label/magic" target="_blank">Magic</a>

  </li>

  <li>

   <a title="Anime bergenre Martial Arts" href="/search/label/martial-arts" target="_blank">Martial Arts</a>

  </li>

  <li>

   <a title="Anime bergenre Mecha" href="/search/label/mecha" target="_blank">Mecha</a>

  </li>

  <li>

   <a title="Anime bergenre Military" href="/search/label/military" target="_blank">Military</a>

  </li>

  <li>

   <a title="Anime bergenre Music" href="/search/label/music" target="_blank">Music</a>

  </li>

  <li>

   <a title="Anime bergenre Mystery" href="/search/label/mystery" target="_blank">Mystery</a>

  </li>

  <li>

   <a title="Anime bergenre Parody" href="/search/label/parody" target="_blank">Parody</a>

  </li>

  <li>

   <a title="Anime bergenre Police" href="/search/label/police" target="_blank">Police</a>

  </li>

  <li>

   <a title="Anime bergenre Psychological" href="/search/label/psychological" target="_blank">Psychological</a>

  </li>

  <li>

   <a title="Anime bergenre Romance" href="/search/label/romance" target="_blank">Romance</a>

  </li>

  <li>

   <a title="Anime bergenre Samurai" href="/search/label/samurai" target="_blank">Samurai</a>

  </li>

  <li>

   <a title="Anime bergenre School" href="/search/label/school" target="_blank">School</a>

  </li>

  <li>

   <a title="Anime bergenre Sci-Fi" href="/search/label/sci-fi" target="_blank">Sci-Fi</a>

  </li>

  <li>

   <a title="Anime bergenre Seinen" href="/search/label/seinen" target="_blank">Seinen</a>

  </li>

  <li>

   <a title="Anime bergenre Shoujo" href="/search/label/shoujo" target="_blank">Shoujo</a>

  </li>

  <li>

   <a title="Anime bergenre Shounen" href="/search/label/shounen" target="_blank">Shounen</a>

  </li>

  <li>

   <a title="Anime bergenre Shounen Ai" href="/search/label/shounen-ai" target="_blank">Shounen Ai</a>

  </li>

  <li>

   <a title="Anime bergenre Slice of Life" href="/search/label/slice-of-life" target="_blank">Slice of Life</a>

  </li>

  <li>

   <a title="Anime bergenre Space" href="/search/label/space" target="_blank">Space</a>

  </li>

  <li>

   <a title="Anime bergenre Spiritual" href="/search/label/spiritual" target="_blank">Spiritual</a>

  </li>

  <li>

   <a title="Anime bergenre Sports" href="/search/label/sports" target="_blank">Sports</a>

  </li>

  <li>

   <a title="Anime bergenre Super Power" href="/search/label/super-power" target="_blank">Super Power</a>

  </li>

  <li>

   <a title="Anime bergenre Supernatural" href="/search/label/supernatural" target="_blank">Supernatural</a>

  </li>

  <li>

   <a title="Anime bergenre Thriller" href="/search/label/thriller" target="_blank">Thriller</a>

  </li>

  <li>

   <a title="Anime bergenre Vampire" href="/search/label/vampire" target="_blank">Vampire</a>

  </li>

 </ul>

</div>

Ganti <a title="Anime bergenre Action" href="/search/label/action" target="_blank">Action</a>
yang berwarna merah menjadi sesuai genre yang kalian buat.

Sekian tutorial kali ini semoga bermanfaat khususnya buat para fansub fanshare berplatfom blogger, sampai ketemu di tutorial selanjutnya :D.
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .