Home Posts filed under Genre List
Tampilkan postingan dengan label Genre List. Tampilkan semua postingan
Tampilkan postingan dengan label Genre List. Tampilkan semua postingan

14 Oktober 2016

Cara Membuat Genre List Seperti Kurogaze

6 Comments
Cara Membuat Genre List Seperti Kurogaze - Genre List atau Daftar Genre, biasanya digunakan oleh Fansub atau Fanshare agar para pengunjung setianya mudah mencari Anime yang di inginkan berdasarkan genre favoritnya.

Cara Membuat Genre List Seperti Kurogaze, Cara Membuat Genre List, Cara Membuat Genre List Seperti Fansub, Cara Membuat Daftar Genre Seperti Fansub, Cara Membuat Daftar Genre Seperti Kurogaze, Aka321, Tutorial Fansub

Sebelumnya saya sudah berbagi ilmu tentang Cara Membuat Genre List Seperti AnimeKompi dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Genre List Seperti Kurogaze. Langsung saja kamu ikuti langkah-langkah yang ada di bawah ini.

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

/* CSS Genre List Kurogaze - Aka321 */
.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;}

Setelah itu, Silahkan Simpan Template.

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

<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>

Terakhir, silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu.


Sekian Tutorial kali ini. Semoga Bermanfaat. Sampai jumpa pada tutorial berikutnya.

06 Agustus 2016

Cara Membuat Genre List Seperti AnimeKompi

5 Comments
Cara Membuat Genre List Seperti AnimeKompi - Genre List atau Daftar Genre, biasanya digunakan oleh Fansub atau Fanshare agar para pengunjung setianya mudah mencari Anime yang di inginkan berdasarkan genre favoritnya.

Cara Membuat Genre List Seperti Animekompi, Cara Membuat Genre List, Cara Membuat Genre List Seperti Fansub, Cara Membuat Daftar Genre Seperti Fansub, Cara Membuat Daftar Genre Seperti Animekompi, Aka321, Tutorial Fansub

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

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

/* CSS Genre List AnimeKompi - Aka321 */
.akgenres321{overflow:hidden;font-size:13px;    margin-left: -4px !important;margin-right: -4px !important;line-height: 21px !important;font-family: tahoma;list-style: none !important;padding: 0px !important;margin: 0px !important;}
.akgenres321 li{line-height: 21px !important;float: left;list-style: none !important;}
.akgenres321 li a{background:#F5F5F5;color: #0176C9 !important;padding:3px 10px;border:1px solid #DDD;display:block;margin:4px;width:93px;border-radius:3px}
.akgenres321 li a:hover{background:#0091D0;color:#FFF !important;text-decoration:none;border:1px solid #FFF;box-shadow:0 1px 1px #DDD}

Setelah itu, Silahkan Simpan Template.

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

<ul class="akgenres321">
<li>
<a href="/search/label/action/" title="View all in Action">Action</a>
</li>
<li>
<a href="/search/label/adventure/" title="View all in Adventure">Adventure</a>
</li>
<li>
<a href="/search/label/animation/" title="View all in Animation">Animation</a>
</li>
<li>
<a href="/search/label/cars/" title="View all in Cars">Cars</a>
</li>
<li>
<a href="/search/label/comedy/" title="View all in Comedy">Comedy</a>
</li>
<li>
<a href="/search/label/dementia/" title="View all in Dementia">Dementia</a>
</li>
<li>
<a href="/search/label/demons/" title="View all in Demons">Demons</a>
</li>
<li>
<a href="/search/label/drama/" title="View all in Drama">Drama</a>
</li>
<li>
<a href="/search/label/ecchi/" title="View all in Ecchi">Ecchi</a>
</li>
<li>
<a href="/search/label/fantasy/" title="View all in Fantasy">Fantasy</a>
</li>
<li>
<a href="/search/label/game/" title="View all in Game">Game</a>
</li>
<li>
<a href="/search/label/harem/" title="View all in Harem">Harem</a>
</li>
<li>
<a href="/search/label/historical/" title="View all in Historical">Historical</a>
</li>
<li>
<a href="/search/label/horror/" title="View all in Horror">Horror</a>
</li>
<li>
<a href="/search/label/josei/" title="View all in Josei">Josei</a>
</li>
<li>
<a href="/search/label/kids/" title="View all in Kids">Kids</a>
</li>
<li>
<a href="/search/label/magic/" title="View all in Magic">Magic</a>
</li>
<li>
<a href="/search/label/martial-arts/" title="View all in Martial Arts">Martial Arts</a>
</li>
<li>
<a href="/search/label/mecha/" title="View all in Mecha">Mecha</a>
</li>
<li>
<a href="/search/label/military/" title="View all in Military">Military</a>
</li>
<li>
<a href="/search/label/music/" title="View all in Music">Music</a>
</li>
<li>
<a href="/search/label/mystery/" title="View all in Mystery">Mystery</a>
</li>
<li>
<a href="/search/label/parody/" title="View all in Parody">Parody</a>
</li>
<li>
<a href="/search/label/police/" title="View all in Police">Police</a>
</li>
<li>
<a href="/search/label/psychological/" title="View all in Psychological">Psychological</a>
</li>
<li>
<a href="/search/label/romance/" title="View all in Romance">Romance</a>
</li>
<li>
<a href="/search/label/samurai/" title="View all in Samurai">Samurai</a>
</li>
<li>
<a href="/search/label/school/" title="View all in School">School</a>
</li>
<li>
<a href="/search/label/sci-fi/" title="View all in Sci-Fi">Sci-Fi</a>
</li>
<li>
<a href="/search/label/seinen/" title="View all in Seinen">Seinen</a>
</li>
<li>
<a href="/search/label/shoujo/" title="View all in Shoujo">Shoujo</a>
</li>
<li>
<a href="/search/label/shoujo-ai/" title="View all in Shoujo Ai">Shoujo Ai</a>
</li>
<li>
<a href="/search/label/shounen/" title="View all in Shounen">Shounen</a>
</li>
<li>
<a href="/search/label/shounen-ai/" title="View all in Shounen Ai">Shounen Ai</a>
</li>
<li>
<a href="/search/label/slice-of-life/" title="View all in Slice of Life">Slice of Life</a>
</li>
<li>
<a href="/search/label/space/" title="View all in Space">Space</a>
</li>
<li>
<a href="/search/label/sports/" title="View all in Sports">Sports</a>
</li>
<li>
<a href="/search/label/super-power/" title="View all in Super Power">Super Power</a>
</li>
<li>
<a href="/search/label/supernatural/" title="View all in Supernatural">Supernatural</a>
</li>
<li>
<a href="/search/label/thriller/" title="View all in Thriller">Thriller</a>
</li>
<li>
<a href="/search/label/vampire/" title="View all in Vampire">Vampire</a>
</li>
</ul>

Terakhir, silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu.


Sekian Tutorial kali ini. Semoga Bermanfaat. Sampai jumpa pada tutorial berikutnya.
Langganan: Postingan (Atom)