Cara Membuat Anime Genre Widget di Blog

Kali ini saya akan membagikan tutor Cara Membuat Anime Genre di Blog.Tutor ini saya mendapatkannya dari blog Yuukitheme, dan tentunya Tutorial widget genre ini bisa digunakan pada theme blogger atau theme wordpress, juga widget genre anime ini responsif.Yuk langsung saja kita mulai

Cara membuat Anime Genre di Wordpress

1. Log di Dasbor Wordpress Anda
2. Buka Appearance> Widgets
3. Pilih Custom HTML Widget dan masukkan kode di bawah ini di kotak konten widget

<link rel='stylesheet' href='https://rawgit.com/Yuukithemes/yuukithemes.github.io/master/css/yk-widget-genre.css' type='text/css' media='all' />
<div class="yuukithemes-genre">
<ul>
  <li><a href="/genre/action" title="Genre Action"><span>Action</span></a></li>
  <li><a href="/genre/adventure" title="Genre Adventure"><span>Adventure</span></a></li>
  <li><a href="/genre/comedy" title="Genre Comedy"><span>Comedy</span></a></li>
  <li><a href="/genre/drama" title="Genre Drama"><span>Drama</span></a></li>
  <li><a href="/genre/demons" title="Genre Demons"><span>Demons</span></a></li>
  <li><a href="/genre/ecchi" title="Genre Ecchi"><span>Ecchi</span></a></li>
  <li><a href="/genre/fantasy" title="Genre Fantasy"><span>Fantasy</span></a></li>
  <li><a href="/genre/game" title="Genre Game"><span>Game</span></a></li>
  <li><a href="/genre/hareem" title="Genre Hareem"><span>Hareem</span></a></li>
  <li><a href="/genre/historical" title="Genre Historical"><span>Historical</span></a></li>
  <li><a href="/genre/horror" title="Genre Horror"><span>Horror</span></a></li>
  <li><a href="/genre/isekai" title="Genre Isekai"><span>Isekai</span></a></li>
  <li><a href="/genre/kids" title="Genre Kids"><span>Kids</span></a></li>
  <li><a href="/genre/magic" title="Genre Magic"><span>Magic</span></a></li>
  <li><a href="/genre/martial arts" title="Genre Martial-Arts"><span>Martial Arts</span></a></li>
  <li><a href="/genre/mecha" title="Genre Mecha"><span>Mecha</span></a></li>
  <li><a href="/genre/military" title="Genre Military"><span>Military</span></a></li>
  <li><a href="/genre/music" title="Genre Music"><span>Music</span></a></li>
  <li><a href="/genre/mystery" title="Genre Mystery"><span>Mystery</span></a></li>
  <li><a href="/genre/parody" title="Genre Parody"><span>Parody</span></a></li>
  <li><a href="/genre/police" title="Genre Police"><span>Police</span></a></li>
  <li><a href="/genre/psychological" title="Genre Psychological"><span>Psychological</span></a></li>
  <li><a href="/genre/romance" title="Genre Romance"><span>Romance</span></a></li>
  <li><a href="/genre/school" title="Genre School"><span>School</span></a></li>
  <li><a href="/genre/sci-fi" title="Genre Sci-Fi"><span>Sci-Fi</span></a></li>
  <li><a href="/genre/seinen" title="Genre Seinen"><span>Seinen</span></a></li>
  <li><a href="/genre/shoujo" title="Genre Shoujo"><span>Shoujo</span></a></li>
  <li><a href="/genre/slice of life/" title="Genre Slice-of-Life"><span>Slice of Life</span></a></li>
  <li><a href="/genre/space" title="Genre Space"><span>Space</span></a></li>
  <li><a href="/genre/sports" title="Genre Sports"><span>Sports</span></a></li>
  <li><a href="/genre/supernatural" title="Genre Supernatural"><span>Supernatural</span></a></li>
  <li><a href="/genre/super power" title="Genre Super-Power"><span>Super Power</span></a></li>
  <li><a href="/genre/tragedy" title="Genre Tragedy"><span>Tragedy</span></a></li>
  <li><a href="/genre/vampire" title="Genre Vampire"><span>Vampire</span></a></li>
</ul>
</div>

Setelah itu Simpan

Cara membuat Anime Genre di Blogger

1. Login Blogger anda
2. Blog Anda> Tata Letak> Tambahkan Gadget
3. Pilih HTML / Javascript
4. Salin kode di bawah ini dan tempelkan di dalam konten widget

<link rel='stylesheet' href='https://rawgit.com/Yuukithemes/yuukithemes.github.io/master/css/yk-widget-genre.css' type='text/css' media='all' />
<div class="yuukithemes-genre">
<ul>
  <li><a href="/search/label/Action" title="Genre Action"><span>Action</span></a></li>
  <li><a href="/search/label/Adventure" title="Genre Adventure"><span>Adventure</span></a></li>
  <li><a href="/search/label/Comedy" title="Genre Comedy"><span>Comedy</span></a></li>
  <li><a href="/search/label/Drama" title="Genre Drama"><span>Drama</span></a></li>
  <li><a href="/search/label/Demons" title="Genre Demons"><span>Demons</span></a></li>
  <li><a href="/search/label/Ecchi" title="Genre Ecchi"><span>Ecchi</span></a></li>
  <li><a href="/search/label/Fantasy" title="Genre Fantasy"><span>Fantasy</span></a></li>
  <li><a href="/search/label/Game" title="Genre Game"><span>Game</span></a></li>
  <li><a href="/search/label/Hareem" title="Genre Hareem"><span>Hareem</span></a></li>
  <li><a href="/search/label/Historical" title="Genre Historical"><span>Historical</span></a></li>
  <li><a href="/search/label/Horror" title="Genre Horror"><span>Horror</span></a></li>
  <li><a href="/search/label/Isekai" title="Genre Isekai"><span>Isekai</span></a></li>
  <li><a href="/search/label/Kids" title="Genre Kids"><span>Kids</span></a></li>
  <li><a href="/search/label/Magic" title="Genre Magic"><span>Magic</span></a></li>
  <li><a href="/search/label/Martial arts" title="Genre Martial-Arts"><span>Martial Arts</span></a></li>
  <li><a href="/search/label/Mecha" title="Genre Mecha"><span>Mecha</span></a></li>
  <li><a href="/search/label/Military" title="Genre Military"><span>Military</span></a></li>
  <li><a href="/search/label/Music" title="Genre Music"><span>Music</span></a></li>
  <li><a href="/search/label/Mystery" title="Genre Mystery"><span>Mystery</span></a></li>
  <li><a href="/search/label/Parody" title="Genre Parody"><span>Parody</span></a></li>
  <li><a href="/search/label/Police" title="Genre Police"><span>Police</span></a></li>
  <li><a href="/search/label/Psychological" title="Genre Psychological"><span>Psychological</span></a></li>
  <li><a href="/search/label/Romance" title="Genre Romance"><span>Romance</span></a></li>
  <li><a href="/search/label/School" title="Genre School"><span>School</span></a></li>
  <li><a href="/search/label/Sci-fi" title="Genre Sci-Fi"><span>Sci-Fi</span></a></li>
  <li><a href="/search/label/Seinen" title="Genre Seinen"><span>Seinen</span></a></li>
  <li><a href="/search/label/Shoujo" title="Genre Shoujo"><span>Shoujo</span></a></li>
  <li><a href="/search/label/Slice of life/" title="Genre Slice-of-Life"><span>Slice of Life</span></a></li>
  <li><a href="/search/label/Space" title="Genre Space"><span>Space</span></a></li>
  <li><a href="/search/label/Sports" title="Genre Sports"><span>Sports</span></a></li>
  <li><a href="/search/label/Supernatural" title="Genre Supernatural"><span>Supernatural</span></a></li>
  <li><a href="/search/label/Super power" title="Genre Super-Power"><span>Super Power</span></a></li>
  <li><a href="/search/label/Tragedy" title="Genre Tragedy"><span>Tragedy</span></a></li>
  <li><a href="/search/label/Vampire" title="Genre Vampire"><span>Vampire</span></a></li>
</ul>
</div>

Setelah itu Simpan