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

Cara Membuat Auto Index Anime Ongoing di Wordpress

Kalian semua pasti sudah tidak asing lagi dengan Cara Membuat Anime Ongoing kan bagi pecinta fansubs biasanya dengan Platform Blogger kan, nah sekarang kita akan menjelaskan cara membuat Anime Ongoing di Wordpress, Saya membaca tutor ini di dari website Eroyaro.us kita langsung saja yuk.
Pertama Kalian Cukup Membuat 1 File page php dengan nama ongoing.php , jika sudah kalian Masukkan kode dibawah ini di dalam ongoing.php tadi

<?php
/*
Template Name: Anime Ongoing
*/

get_header(); ?>

<div id="sanjivinsmoke">
<div class="vinsmokebody">
<h1 class='archiver'>Anime Ongoing</h1>

<div class="ongoingrekom">
<div class="listongo">
<?php
$myposts = array(
    'showposts' => 16,
    'post_type' => 'anime',
    'orderby' => '',
    'tax_query' => array(
        array(
        'taxonomy' => 'status',
        'field' => 'slug',
        'terms' => 'ongoing')
    )
);
$wp_query= null;
$wp_query = new WP_Query();
$wp_query->query($myposts);
?>
<?php while ($wp_query->have_posts()) : $wp_query->the_post(); ?> 
<div class="boxreko">
<div class="ongogambar"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php if ( has_post_thumbnail() ) { the_post_thumbnail(); }?><h2><?php the_title(); ?></h2></a></div>
</div>
<?php endwhile; ?></div></div></div>
<?php get_template_part('sidebarz'); ?>
</div>
</div>
<?php get_footer(); ?>

Catatan : Kalian bisa atur sendiri Tag Div sesuai template kalian

Jika kalian ingin memunculkan batas jumlah anime ongoing nya silahkan atur kode ini

'showposts' => 16

Cara Membuat Anime List Otomatis Page di WordPress

Selamat datang di blog Kang Safiq kali admin akan membagikan Tutorial Dari Blog Eroyaro Tutorial dan Tips & Trik yang sangat berguna bagi kalian semua . Kali ini akan membuat Sebuah Tutorial yang sangat Bagus. Tutorial ini Sangat Sering digunakan bagi kalian yang Membuka Blog Artikel , Fansubs, Fanshare dll, Cara Membuat Anime List di WordPress
Pertama buatlah 1 file php dengan nama terserah kalian . disini saya akan memberi contoh nya animelist.php, kemudian letakan kode ini kedalam file animelist.php

<?php
/*
Template Name: Anime List
*/

get_header(); ?>

<div id="sanjivinsmoke">
<div class="vinsmokebody">
<h1 class='archiver'>Anime List</h1>
<div class="nav_apb"> <a href="#%23">#</a> <a href="#A">A</a> <a href="#B">B</a> <a href="#C">C</a> <a href="#D">D</a> <a href="#E">E</a> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#I">I</a> <a href="#J">J</a> <a href="#K">K</a> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a> <a href="#O">O</a> <a href="#P">P</a> <a href="#Q">Q</a> <a href="#R">R</a> <a href="#S">S</a> <a href="#T">T</a> <a href="#U">U</a> <a href="#V">V</a> <a href="#W">W</a> <a href="#X">X</a> <a href="#Y">Y</a> <a href="#Z">Z</a><div class="clear"></div></div>
<div id="animelist">
<div id="a-z">
 <?php
 $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
 $args = array (
 'posts_per_page' => 1000,
 'post_type' => 'anime',
 'orderby' => 'title',
 'order' => 'ASC',
 'paged' => $paged
 );
 query_posts($args);
 if ( have_posts() ) {
 $in_this_row = 0;
 while ( have_posts() ) {
 the_post();
 $first_letter = strtoupper(substr(apply_filters('the_title',$post->post_title),0,1));
 if ($first_letter != $curr_letter) {
 if (++$post_count > 1) {
 end_prev_letter();
 }
 start_new_letter($first_letter);
 $curr_letter = $first_letter;
 }
 if (++$in_this_row > $posts_per_row) {
 end_prev_row();
 start_new_row();
 ++$in_this_row; // Account for this first post
 } ?>
 <div class="title-cell"><li><a class="series" href="<?php the_permalink() ?>" rel="<?php the_ID(); ?>"><?php the_title(); ?></a></li></div>
 <?php }
 end_prev_letter();
 ?>
 <?php } else {
 echo "<h2>Sorry, no posts were found!</h2>";
 }
 ?>
 
 </div><!-- End id='a-z' -->
</div>
</div>
<?php include (TEMPLATEPATH . '/sidebarz.php'); ?>
</div>
</div>

<?php get_footer(); ?>
<?php
function end_prev_letter() {
 end_prev_row();
 echo "</div><!-- End of letter-group -->\n";

}
function start_new_letter($letter) {
 echo "<div class='letter-group'>\n";
 echo "\t<div class='letter-cell'><a name='$letter'>$letter</a></div>\n";
 start_new_row($letter);
}
function end_prev_row() {
 echo "\t</div><!-- End row-cells -->\n";
}
function start_new_row() {
 global $in_this_row;
 $in_this_row = 0;
 echo "\t<div class='row-cells'>\n";
}
 
?>

Note : Silahkan kalian Atur sendiri Tag Div sesuai Template kalian

Berikut CSS kode nya silahkan dicomot aja , paste kan ke dalam style.css kalian

/* -- Anime List -- */
.nav_apb{margin-bottom:5px;-webkit-font-smoothing:antialiased!important}
.nav_apb a{padding: 2px 0px;width: 22px;margin: 0 1px;text-align: center;display: block;font-weight: 700;float: left;background:#272727;color: #fff;}
.nav_apb a:hover{background:#e34e85;text-decoration:none}
#animelist{overflow:hidden}
#animelist h2{font-size:14px;padding:3px 0;margin-bottom:5px;border-bottom:4px solid #343434}
#a-z{overflow:hidden}
.letter-group{height:auto;margin:0 0 10px;overflow:hidden}
.letter-cell{font-weight: 700;padding: 0px 5px;margin-bottom: 5px;border-bottom:3px solid #3E3E3E;}
.letter-cell a{color:#222;font-size:15px;margin-bottom:4px;display:block}
.title-cell{line-height:18px;margin-right:7px;text-overflow:ellipsis;white-space:nowrap}
.title-cell li{list-style:none}
.title-cell a{color:#333;font-weight:bold;}
.title-cell a:hover{text-decoration:none;color:#e34e85}

Nanti tampilan contohnya akan seperti ini :

Sesuaikan nama custom post kalian , Setting nya cari kode yang seperti ini

'post_type' => 'anime'

Lalu cara Memunculkannya Pergi ke Pages/Laman -> Add New -> Ubah di bagian Page Attributes Template – > Anime list
Seperti gambar dibawah ini :