tag:blogger.com,1999:blog-60438345297518135262024-03-13T02:02:17.670-07:00Aka321Tempatnya Berbagi Template dan Tutorial Fansub BloggerKang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.comBlogger38125tag:blogger.com,1999:blog-6043834529751813526.post-27922725318794143102017-06-17T08:39:00.001-07:002017-06-17T08:44:01.122-07:00Cara Membuat Anime List Seperti Animeindo<div style="text-align: justify;">
<a href="https://aka321.blogspot.co.id/2017/06/anime-list-animeindo.html" target="_blank">Cara Membuat Anime List Seperti Animeindo</a> - Anime list atau daftar anime biasanya digunakan oleh fansub atau fanshare agar pengunjungnya tidak kesulitan mencari anime yang diinginkannya. Ini juga membuat website mereka tampil bagus, rapih, dan juga seperti fansub atau fanshare yang profesional. Tetapi terkadang ada juga fansub atau fanshare yang belum tahu Cara Membuat Anime List.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUtn1LldIJDzvi1FkESG2vRwN_LQg5QMRa-9x-ze1oNx9lQh57GLfOovYv8lu7MjgDAHuxfrn8eelgUqpf8vklIHCxzBjBX8sj_DzzmmsEZhjL5IBP7vEVTrp0cLALjiL1O-j-QDi4CKI/s1600/Cara+Membuat+Anime+List+Seperti+Animeindo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Anime List Seperti Animeindo, Tutorial Membuat Anime List Seperti Animeindo, Widget Anime List Animeindo, Cara Membuat Anime List Fansub, Tutorial Membuat Anime List Fansub, Cara Membuat Daftar Anime Fansub, Anime List Fansub, Anime List Fanshare, Anime List Website Anime, How To Make Anime List Fansub, Anime List Fansub Site, Cara Membuat Fansub, Cara Membuat Widget Fansub, Tutorial Fansub, Website Fansub, Aka321, Aka321.blogspot.com" border="0" data-original-height="720" data-original-width="1280" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUtn1LldIJDzvi1FkESG2vRwN_LQg5QMRa-9x-ze1oNx9lQh57GLfOovYv8lu7MjgDAHuxfrn8eelgUqpf8vklIHCxzBjBX8sj_DzzmmsEZhjL5IBP7vEVTrp0cLALjiL1O-j-QDi4CKI/s640/Cara+Membuat+Anime+List+Seperti+Animeindo.jpg" title="Cara Membuat Anime List Seperti Animeindo" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Animeindo merupakan website yang dikenal dengan tempat streaming anime, animeindo baru-baru ini merubah penampilan temanya, tentunya website streaming anime ini merubah penampilan anime list-nya. Maka dari itu saya akan membagikan cara pembuatannya. Sebelumnya saya memposting tentang pembuatan staff list, yaitu <a href="https://aka321.blogspot.co.id/2017/06/staff-list-gantzid.html" target="_blank">Cara Membuat Staff List Seperti Gantz ID</a>, dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2017/06/anime-list-animeindo.html" target="_blank">Cara Membuat Anime List Seperti Animeindo</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<h3 style="text-align: justify;">
Cara Membuat Anime List Seperti Animeindo</h3>
<br />
<ol>
<li style="text-align: justify;"><b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd><b>.</b></li>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* Anime List Animeindo - Aka321 */
.alai321 {overflow: hidden}
.alai321 .alai-info{padding: 15px 10px}
.alai321 .alai-info span{padding: 0 25px}
.alai321 .alai-apb{position: fixed;bottom: 0;left: 0;width: 100%;margin: 0;padding: 5px;background: #262626;text-align: center;font-size: 16px;z-index: 999}
.alai321 .alai-apb a{color: #eee;padding: 0 5px}
.alai321 .alai-apb a:hover{color: #eee}
.alai321 .alai-wrap{display: inline-block;width: 100%;margin-bottom: 15px}
.alai321 .alai-head{font-size: 16px;padding: 5px 15px;background: #1d1d1d;margin-bottom: 10px}
.alai321 .alai-head a{color: #eee}
.alai321 .alai-item{width: 50%;float: left;padding-left: 30px}
.alai321 .alai-item.tv, .alai321 .alai-info .tv{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUaXMUwIvdYG6nnszENCHLpRRb9K6_8IMF29C4KisP6xpb22qGmQS_werASq3BEXDhtp0-szuAxDQDR1N34yGy1fLbWniy5sChbj5EfrtOPXNMWiaQ3O6ECwP5OzGn2zC2Em9Qntj6ON8G/s1600/alai-tv.png) 0 0 no-repeat}
.alai321 .alai-item.ova, .alai321 .alai-info .ova{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNffTZn1WuTEeg_tT393kIGGMduiFLW1-k9BxQzk6SCLiSvBnxMKScQ2CuiG1AWrGlYY-Z_SNOUp3A0Z0v5nqQMGnKBd5pVxg9q6HzD8Az5Q-jK_kpvKRhHQSpPnWhAsrEwN9FY0TgtRJG/s1600/alai-ova.png) 0 0 no-repeat}
.alai321 .alai-item.mov, .alai321 .alai-info .mov{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN4Vw_R3q4v3bS_ARBb5nVdUUqT-V20CAloNhwIUdqyZ5i23Dpg0XgVXOW-RMQ6lJDXRSw30EMhVm3nrB4QAfFbB1_SsSaxnqAstRam_-Il2MBva_13m6UEKzERO0B4Tk7C3X4G7wbOkdJ/s1600/alai-mov.png) 0 0 no-repeat}
.alai321 .alai-item a{color: #262626}
@media only screen and (max-width: 768px){.alai321 .alai-apb{position: relative;margin-bottom: 15px}.alai321 .alai-wrap{width: 50%}.alai321 .alai-item{width:100%}}
@media screen and (max-width:480px){.alai321 .alai-wrap{width: 100%}}</code></pre>
<br />
<li style="text-align: justify;">Jika Sudah, <b>Silahkan Simpan Template.</b></li>
<li style="text-align: justify;">Kemudian, <b>Saat Kamu membuat postingan baru terapkan Kode Anime List Animeindo di bawah ini pada Tab HTML (Bukan Compose).</b></li>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class='alai321'>
<div class='alai-info'>
<span class='tv'>Series</span>
<span class='mov'>Movie</span>
<span class='ova'>Ova</span>
</div>
<div class='alai-apb'>
<a href='#top'>Top</a>
<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>
<div class='alai-wrap'>
<div class='alai-head'><a name='#'>#</a></div>
<mark><!-- KODE UNTUK ANIME "#" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='A'>A</a></div>
<mark><!-- KODE UNTUK ANIME "A" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='B'>B</a></div>
<mark><!-- KODE UNTUK ANIME "B" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='C'>C</a></div>
<mark><!-- KODE UNTUK ANIME "C" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='D'>D</a></div>
<mark><!-- KODE UNTUK ANIME "D" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='E'>E</a></div>
<mark><!-- KODE UNTUK ANIME "E" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='F'>F</a></div>
<mark><!-- KODE UNTUK ANIME "F" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='G'>G</a></div>
<mark><!-- KODE UNTUK ANIME "G" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='H'>H</a></div>
<mark><!-- KODE UNTUK ANIME "H" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='I'>I</a></div>
<mark><!-- KODE UNTUK ANIME "I" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='J'>J</a></div>
<mark><!-- KODE UNTUK ANIME "J" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='K'>K</a></div>
<mark><!-- KODE UNTUK ANIME "K" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='L'>L</a></div>
<mark><!-- KODE UNTUK ANIME "L" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='M'>M</a></div>
<mark><!-- KODE UNTUK ANIME "M" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='N'>N</a></div>
<mark><!-- KODE UNTUK ANIME "N" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='O'>O</a></div>
<mark><!-- KODE UNTUK ANIME "O" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='P'>P</a></div>
<mark><!-- KODE UNTUK ANIME "P" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='Q'>Q</a></div>
<mark><!-- KODE UNTUK ANIME "Q" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='R'>R</a></div>
<mark><!-- KODE UNTUK ANIME "R" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='S'>S</a></div>
<mark><!-- KODE UNTUK ANIME "S" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='T'>T</a></div>
<mark><!-- KODE UNTUK ANIME "T" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='U'>U</a></div>
<mark><!-- KODE UNTUK ANIME "U" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='V'>V</a></div>
<mark><!-- KODE UNTUK ANIME "V" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='W'>W</a></div>
<mark><!-- KODE UNTUK ANIME "W" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='X'>X</a></div>
<mark><!-- KODE UNTUK ANIME "X" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='Y'>Y</a></div>
<mark><!-- KODE UNTUK ANIME "Y" DISINI --></mark>
</div>
<div class='alai-wrap'>
<div class='alai-head'><a name='Z'>Z</a></div>
<mark><!-- KODE UNTUK ANIME "Z" DISINI --></mark>
</div>
</div></code></pre>
<br />
<li style="text-align: justify;">Setelah itu, dibawah ini merupakan kode untuk menambah anime di anime list animeindo. <b>Untuk menambahkan anime, silahkan salin dan terapkan kode dibawah ini di bawah kode yang sudah ditandai.</b></li>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"> <div class='aial-item <mark1>tv</mark1>'><a title='<mark2>Nama Anime</mark2>' href='<mark3>#</mark3>'><mark2>Nama Anime</mark2></a></div>
<div class='aial-item <mark1>ova</mark1>'><a title='<mark2>Nama Anime</mark2>' href='<mark3>#</mark3>'><mark2>Nama Anime</mark2></a></div>
<div class='aial-item <mark1>mov</mark1>'><a title='<mark2>Nama Anime</mark2>' href='<mark3>#</mark3>'><mark2>Nama Anime</mark2></a></div>
<div class='aial-item <mark1>tv</mark1>'><a title='<mark2>Nama Anime</mark2>' href='<mark3>#</mark3>'><mark2>Nama Anime</mark2></a></div>
<div class='aial-item <mark1>ova</mark1>'><a title='<mark2>Nama Anime</mark2>' href='<mark3>#</mark3>'><mark2>Nama Anime</mark2></a></div>
<div class='aial-item <mark1>mov</mark1>'><a title='<mark2>Nama Anime</mark2>' href='<mark3>#</mark3>'><mark2>Nama Anime</mark2></a></div></code></pre>
<br />
<li style="text-align: justify;">Jika sudah, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu, dan silahkan di publikasikan lalu lihat bagaimana hasilnya.</b></li>
</ol>
<br />
<table>
<thead>
<tr>
<th>Kode</th>
<th>Pengaturan</th>
</tr>
</thead>
<tbody>
<tr>
<td><!-- KODE UNTUK ANIME "#" DISINI --> <div class="dot-wrap dot1"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan kode untuk menambah anime.</td>
</tr>
<tr>
<td>ova / mov /tv <div class="dot-wrap dot2"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan tipe anime tersebut.</td>
</tr>
<tr>
<td>Nama Anime <div class="dot-wrap dot3"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan Nama Anime tersebut.</td>
</tr>
<tr>
<td># <div class="dot-wrap dot4"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan URL atau Link yang akan dituju.</td>
</tr>
</tbody>
</table>
<br />
<div class="cl" style="text-align: center;">
<a class="btn-post btn-demo" href="http://preview321.blogspot.com/2017/06/anime-list-animeindo.html" target="_blank">
Live Preview <i class="fa fa-paper-plane"></i>
</a>
</div>
<br />
<div style="text-align: justify;">
Sekian postingan kali ini semoga bermanfaat untuk kalian, jangan lupa di bagikan ke teman-teman, dan jika ada yang ingin ditanyakan silahkan bertanya di kolom komentar. Sampai jumpa di tutorial berikutnya Terima kasih.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com7tag:blogger.com,1999:blog-6043834529751813526.post-90536417482800705312017-06-12T10:09:00.000-07:002017-06-13T21:16:28.352-07:00Cara Membuat Staff List Seperti Gantz ID<div style="text-align: justify;">
<a href="https://aka321.blogspot.co.id/2017/06/staff-list-gantzid.html" target="_blank">Cara Membuat Staff List Seperti Gantz ID</a> - Staff List atau Daftar Staff adalah widget yang biasa digunakan oleh fansub atau fanshare agar pengunjung tahu siapa staff yang bekerja di fansub atau fanshare tersebut.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6NL0FSE8SRHNEz6xkivP_SJfIjXFL5N6Tpqworaf2pD8rcNzhPsaG_Wn2BsMLSR7AkPezp9jJxAdP7lMGSQYvNKrRQN9GiM_0i94Gf2iL8UJ5H5_qK7TFm_-ZWK4lufl5ycFbqmd7xuw/s1600/Cara+Membuat+Staff+List+Seperti+Gantz+ID.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Staff List Seperti Gantz ID, Tutorial Membuat Staff List Seperti Gantz ID, Widget Staff List Gantz ID, Cara Membuat Staff List Fansub, Tutorial Membuat Staff List Fansub, Cara Membuat Daftar Staff Fansub, Staff List Fansub, Staff List Fanshare, Staff List Website Anime, Daftar Admin Fansub, How To Make Staff List Fansub, Staff List Fansub Site, Cara Membuat Fansub, Cara Membuat Widget Fansub, Tutorial Fansub, Website Fansub, Aka321, Aka321.blogspot.com" border="0" data-original-height="720" data-original-width="1280" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6NL0FSE8SRHNEz6xkivP_SJfIjXFL5N6Tpqworaf2pD8rcNzhPsaG_Wn2BsMLSR7AkPezp9jJxAdP7lMGSQYvNKrRQN9GiM_0i94Gf2iL8UJ5H5_qK7TFm_-ZWK4lufl5ycFbqmd7xuw/s640/Cara+Membuat+Staff+List+Seperti+Gantz+ID.jpg" title="Cara Membuat Staff List Seperti Gantz ID" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Dalam suatu fansub biasanya ada lebih dari lima staff, dalam hal ini biasanya pekerjaan staff itu berbeda-beda contohnya, encoder, uploader, translator, dan masih banyak yang lainnya. Staff list dari Gantz ID ini sangat cocok untuk fansub yang memiliki banyak staff. Staff list ini juga cocok untuk fanshare yang mempunyai sedikit staff. Terlebih lagi Staff list ini sudah responsive yang artinya tampilannya tetap rapih saat dilihat di dalam smartphone atau handphone.</div>
<br />
<div style="text-align: justify;">
Sebelumnya saya memposting tentang pembuatan jadwal rilis yaitu <a href="https://aka321.blogspot.co.id/2017/06/jadwal-rilis-animeindo.html" target="_blank">Cara Membuat Jadwal Rilis Seperti Animeindo</a>. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2017/06/staff-list-gantzid.html" target="_blank">Cara Membuat Staff List Seperti Gantz ID</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<h3>
Cara Membuat Staff List Seperti Gantz ID</h3>
<br />
<ol>
<li><b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd><b>.</b></li>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* Staff List Gantz ID - Aka321 */
.slgi321 ul{display: block;position: relative;overflow: hidden;margin: 0}
.slgi321 ul li{width: 25%;padding: 15px;position: relative;float: left}
.slgi321 ul li:hover .slgi-imgwrap img{filter: grayscale(100%);transform: scale(1.03);transition: all 0.2s ease}
.slgi321 .slgi-imgwrap{position: relative}
.slgi321 .slgi-imgwrap img{width: 100%}
.slgi321 .slgi-name{position: absolute;right: 0;bottom: 0;padding: 0 10px;background: #444;color: #fff;margin: 0 10px 15px}
.slgi321 .slgi-name span{margin: 0 !important;background: #00afd1;padding: 0px 10px !important;position: absolute !important}
.slgi321 .slgi-skillswrap{margin: 10px 0}
.slgi321 .slgi-label{font-size: 14px}
.slgi321 .slgi-prog{height: 4px;border: 1px solid #eee;background: #fff;border-radius: 5px;margin: 0 0 6px;box-sizing: content-box}
.slgi321 .slgi-prog .line{height: 100%;-webkit-animation: 400ms;border-radius: 5px;background-color: #00afd1}
.slgi321 .slgi-social{text-align: center}
.slgi321 .slgi-social a{padding: 2px 10px;border-radius: 3px;display: inline-block;color: #aaa}
.slgi321 .slgi-social a.hide{display: none}
.slgi321 .slgi-social a.facebook:hover{background: #3b5998;color: #fff}
.slgi321 .slgi-social a.twitter:hover{background: #1da1f2;color: #fff}
.slgi321 .slgi-social a.google:hover{background: #dc4e41;color: #fff}
.slgi321 .slgi-social a.instagram:hover{background: #9b6954;color: #fff}
.slgi321 .slgi-social a.youtube:hover{background: #cd201f;color: #fff}
@media only screen and (max-width: 768px){.slgi321 ul li{width: 50%}}
@media screen and (max-width:480px){.slgi321 ul li{width:100%}}</code></pre>
<br />
<li>Jika sudah, <b>silahkan simpan template.</b></li>
<li>Kemudian, <b>buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).</b></li>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class='slgi321'>
<ul>
<li>
<div class='slgi-wrap'>
<div class='slgi-imgwrap'>
<a><img title='<mark>Nama Staff</mark>' alt='<mark>Nama Staff</mark>' src='<mark1>#IMG</mark1>'></a>
<div class='slgi-name'><mark>Nama Staff</mark>
<span><mark2>Jabatan</mark2></span>
</div>
</div>
<div class='slgi-skillswrap'>
<div class='slgi-label'><mark3>Skill 1</mark3></div>
<div class='slgi-prog'>
<div style='width: <mark4>100%</mark4>;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
</div>
<div class='slgi-label'><mark3>Skill 2</mark3></div>
<div class='slgi-prog'>
<div style='width: <mark4>100%</mark4>;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
</div>
<div class='slgi-label'><mark3>Skill 3</mark3></div>
<div class='slgi-prog'>
<div style='width: <mark4>100%</mark4>;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
</div>
<div class='slgi-label'><mark3>Skill 4</mark3></div>
<div class='slgi-prog'>
<div style='width: <mark4>100%</mark4>;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
</div>
</div>
<div class='slgi-social'>
<a href='<mark5>#</mark5>' target='_blank' class='facebook <mark6>hide</mark6>'><i class='fa fa-facebook' aria-hidden='true'></i></a>
<a href='<mark5>#</mark5>' target='_blank' class='twitter <mark6>hide</mark6>'><i class='fa fa-twitter' aria-hidden='true'></i></a>
<a href='<mark5>#</mark5>' target='_blank' class='youtube <mark6>hide</mark6>'><i class='fa fa-youtube' aria-hidden='true'></i></a>
<a href='<mark5>#</mark5>' target='_blank' class='google <mark6>hide</mark6>'><i class='fa fa-google-plus' aria-hidden='true'></i></a>
<a href='<mark5>#</mark5>' target='_blank' class='instagram <mark6>hide</mark6>'><i class='fa fa-instagram' aria-hidden='true'></i></a>
</div>
</div>
</li>
</ul>
</div></code></pre>
<br />
<li>Setelah itu, dibawah ini merupakan kode untuk menambah staff di staff list gantz id. Untuk menambahkan staff, <b>silahkan salin dan terapkan kode dibawah ini di atas kode</b> <kbd></ul></kbd><b>.</b></li>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"> <li>
<div class='slgi-wrap'>
<div class='slgi-imgwrap'>
<a><img title='<mark>Nama Staff</mark>' alt='<mark>Nama Staff</mark>' src='<mark1>#IMG</mark1>'></a>
<div class='slgi-name'><mark>Nama Staff</mark>
<span><mark2>Jabatan</mark2></span>
</div>
</div>
<div class='slgi-skillswrap'>
<div class='slgi-label'><mark3>Skill 1</mark3></div>
<div class='slgi-prog'>
<div style='width: <mark4>100%</mark4>;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
</div>
<div class='slgi-label'><mark3>Skill 2</mark3></div>
<div class='slgi-prog'>
<div style='width: <mark4>100%</mark4>;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
</div>
<div class='slgi-label'><mark3>Skill 3</mark3></div>
<div class='slgi-prog'>
<div style='width: <mark4>100%</mark4>;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
</div>
<div class='slgi-label'><mark3>Skill 4</mark3></div>
<div class='slgi-prog'>
<div style='width: <mark4>100%</mark4>;' class='line' data-progress-animation='100%' data-appear-animation-delay='400'></div>
</div>
</div>
<div class='slgi-social'>
<a href='<mark5>#</mark5>' target='_blank' class='facebook <mark6>hide</mark6>'><i class='fa fa-facebook' aria-hidden='true'></i></a>
<a href='<mark5>#</mark5>' target='_blank' class='twitter <mark6>hide</mark6>'><i class='fa fa-twitter' aria-hidden='true'></i></a>
<a href='<mark5>#</mark5>' target='_blank' class='youtube <mark6>hide</mark6>'><i class='fa fa-youtube' aria-hidden='true'></i></a>
<a href='<mark5>#</mark5>' target='_blank' class='google <mark6>hide</mark6>'><i class='fa fa-google-plus' aria-hidden='true'></i></a>
<a href='<mark5>#</mark5>' target='_blank' class='instagram <mark6>hide</mark6>'><i class='fa fa-instagram' aria-hidden='true'></i></a>
</div>
</div>
</li></code></pre>
<br />
<li>Jika sudah, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu, dan silahkan di publikasikan lalu lihat bagaimana hasilnya.</b></li></ol>
<br />
<table>
<thead>
<tr>
<th>Kode</th>
<th>Pengaturan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Nama Staff <div class="dot-wrap dot1"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan nama staff.</td>
</tr>
<tr>
<td>#IMG <div class="dot-wrap dot2"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan URL atau Link gambar yang ingin dipasang.</td>
</tr>
<tr>
<td>Jabatan <div class="dot-wrap dot3"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan jabatan yang sedang dipegang oleh staff tersebut.</td>
</tr>
<tr>
<td>Skill # <div class="dot-wrap dot4"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan skill yang dimiliki oleh staff tersebut.</td>
</tr>
<tr>
<td>100% <div class="dot-wrap dot5"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan seberapa besar skill yang sudah dicapai.</td>
</tr>
<tr>
<td># <div class="dot-wrap dot6"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan URL atau Link anime yang akan dituju.</td>
</tr>
<tr>
<td>hide <div class="dot-wrap dot7"><i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Hapus jika ingin memunculkan sosial media tersebut.</td>
</tr>
</tbody>
</table>
<br />
<div class="cl" style="text-align: center;">
<a class="btn-post btn-demo" href="https://preview321.blogspot.com/2017/06/staff-list-gantz-id.html" target="_blank">
Live Preview <i class="fa fa-paper-plane"></i>
</a>
</div>
<br />
<div style="text-align: justify;">
Sekian postingan kali ini semoga bermanfaat untuk kalian, jangan lupa di bagikan ke teman-teman, dan jika ada yang ingin ditanyakan silahkan bertanya di kolom komentar. Sampai jumpa di tutorial berikutnya Terima kasih.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com2tag:blogger.com,1999:blog-6043834529751813526.post-9837577205764223012017-06-07T02:58:00.001-07:002017-06-12T10:19:08.594-07:00Cara Membuat Jadwal Rilis Seperti Animeindo<div style="text-align: justify;">
<a href="https://aka321.blogspot.co.id/2017/06/jadwal-rilis-animeindo.html" target="_blank">Cara Membuat Jadwal Rilis Seperti Animeindo</a> - Jadwal rilis adalah widget yang biasa di gunakan atau dipakai fansub atau fanshare agar pengunjung mereka tahu kapan anime yang ingin di lihatnya atau di downloadnya akan muncul atau rilis. Namun masih banyak fansub atau fanshare yang belum mengetahui cara membuat jadwal rilis, maka dari itu saya membuat tutorial ini.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqMll04SIvZBrpAh1a_4LKWcCh__zxJEdW3fIgpGgdKK9nSOpRrvOJPGnk1sGtIiprYMjpcRmmWeeRB2jfz4UjRtWhIAY7oFJgzFRj2kw0gpiZJBZMfviInHSt563UqqcGx_lxaphYvA/s1600/Cara+Membuat+Anime+List+Seperti+Animeindo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Jadwal Rilis Seperti Animeindo, Tutorial Membuat Jadwal Rilis Seperti Animeindo, Widget Jadwal Rilis Animeindo, Cara Membuat Jadwal Rilis Fansub, Tutorial Membuat Jadwal Rilis Fansub, Jadwal Rilis Fansub, Jadwal Rilis Fanshare, Jadwal Rilis Website Anime, How To Make Schedule List Fansub, Schedule List Fansub Site, Cara Membuat Fansub, Cara Membuat Widget Fansub, Tutorial Fansub, Website Fansub, Aka321, Aka321.blogspot.com" border="0" data-original-height="720" data-original-width="1280" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGqMll04SIvZBrpAh1a_4LKWcCh__zxJEdW3fIgpGgdKK9nSOpRrvOJPGnk1sGtIiprYMjpcRmmWeeRB2jfz4UjRtWhIAY7oFJgzFRj2kw0gpiZJBZMfviInHSt563UqqcGx_lxaphYvA/s640/Cara+Membuat+Anime+List+Seperti+Animeindo.jpg" title="Cara Membuat Jadwal Rilis Seperti Animeindo" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Karena sudah lama sekali saya tidak memposting cara membuat jadwal rilis, dan ini saatnya saya memposting pembuatan jadwal rilis dari fanshare yaitu Animeindo. Sebelumnya saya memposting tentang pembuatan anime list yaitu <a href="https://aka321.blogspot.co.id/2017/04/anime-list-meongs.html" target="_blank">Cara Membuat Anime List Seperti Meongs</a>. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2017/06/jadwal-rilis-animeindo.html" target="_blank">Cara Membuat Jadwal Rilis Seperti Animeindo</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<ol>
<li style="text-align: justify;"><b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd><b>.</b></li>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* Jadwal Rilis Animeindo - Aka321 */
.jrai-fix{width: 25%;float: left}
.jrai-wrap{padding: 10px 4px 10px}
.jrai-title{color:#fff;font-family:sans-serif;text-align: center;padding: 20px 10px;text-transform: uppercase;font-size: 22px;font-weight: bold}
.jrai-fix:nth-child(1) .jrai-title{background: #0098FD;border-bottom: 5px solid #007dd0}
.jrai-fix:nth-child(2) .jrai-title{background: #3db300;border-bottom: 5px solid #308e00}
.jrai-fix:nth-child(3) .jrai-title{background: #c1004f;border-bottom: 5px solid #9e0041}
.jrai-fix:nth-child(4) .jrai-title{background: #ff5722;border-bottom: 5px solid #ce4115}
.jrai-fix:nth-child(5) .jrai-title{background: #008287;border-bottom: 5px solid #00696d}
.jrai-fix:nth-child(6) .jrai-title{background: #7200ac;border-bottom: 5px solid #5d008c}
.jrai-fix:nth-child(7) .jrai-title{background: #f58500;border-bottom: 5px solid #bd6700}
.jrai-fix:nth-child(8) .jrai-title{background: #8c0000;border-bottom: 5px solid #610000}
.jrai-wrap ul{margin: 0 !important;padding: 0 !important;color: #333;background: #ebebeb}
.jrai-wrap ul li{list-style: none;padding: 7px 12px !important;transition: all 0.3s;margin: 0 !important}
.jrai-wrap ul li:hover{background: #ddd}
.jrai-wrap ul li a{color: #333}
.jrai-wrap ul li a:hover{color: #333}</code></pre>
<br />
<li style="text-align: justify;">Jika sudah, <b>silahkan simpan template.</b></li>
<li style="text-align: justify;">Kemudian,<b> buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada <i>Tab HTML</i> (Bukan Compose).</b></li>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class='jrai321'>
<div class='jrai-fix'>
<div class='jrai-wrap'>
<div class='jrai-title'>Senin</div>
<mark><!-- KODE UNTUK ANIME "SENIN" DISINI --></mark>
</div>
</div>
<div class='jrai-fix'>
<div class='jrai-wrap'>
<div class='jrai-title'>Selasa</div>
<mark><!-- KODE UNTUK ANIME "SELASA" DISINI --></mark>
</div>
</div>
<div class='jrai-fix'>
<div class='jrai-wrap'>
<div class='jrai-title'>Rabu</div>
<mark><!-- KODE UNTUK ANIME "RABU" DISINI --></mark>
</div>
</div>
<div class='jrai-fix'>
<div class='jrai-wrap'>
<div class='jrai-title'>Kamis</div>
<mark><!-- KODE UNTUK ANIME "KAMIS" DISINI --></mark>
</div>
</div>
<div class='jrai-fix'>
<div class='jrai-wrap'>
<div class='jrai-title'>Jumat</div>
<mark><!-- KODE UNTUK ANIME "JUMAT" DISINI --></mark>
</div>
</div>
<div class='jrai-fix'>
<div class='jrai-wrap'>
<div class='jrai-title'>Sabtu</div>
<mark><!-- KODE UNTUK ANIME "SABTU" DISINI --></mark>
</div>
</div>
<div class='jrai-fix'>
<div class='jrai-wrap'>
<div class='jrai-title'>Minggu</div>
<mark><!-- KODE UNTUK ANIME "MINGGU" DISINI --></mark>
</div>
</div>
<div class='jrai-fix'>
<div class='jrai-wrap'>
<div class='jrai-title'>Random</div>
<mark><!-- KODE UNTUK ANIME "RANDOM" DISINI --></mark>
</div>
</div>
</div></code></pre>
<br />
<li style="text-align: justify;">Setelah itu, dibawah ini merupakan <u>kode untuk menambah anime di jadwal rilis animeindo</u>. <b>Untuk menambahkan anime, silahkan salin dan terapkan kode dibawah ini di bawah kode yang sudah ditandai.</b></li>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"> <ul>
<li><a href='<mark1>#</mark1>'><mark2>Nama Anime</mark2></a></li>
<li><a href='<mark1>#</mark1>'><mark2>Nama Anime</mark2></a></li>
<li><a href='<mark1>#</mark1>'><mark2>Nama Anime</mark2></a></li>
<li><a href='<mark1>#</mark1>'><mark2>Nama Anime</mark2></a></li>
<li><a href='<mark1>#</mark1>'><mark2>Nama Anime</mark2></a></li>
</ul></code></pre>
<br />
<li style="text-align: justify;">Jika sudah, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu, dan silahkan di publikasikan lalu lihat bagaimana hasilnya.</b></li>
</ol>
<br />
<table>
<thead>
<tr>
<th>Kode</th>
<th>Pengaturan</th>
</tr>
</thead>
<tbody>
<tr>
<td><!-- KODE UNTUK ANIME "RANDOM" DISINI --> <div class="dot-wrap dot1"><i class="fa fa-square " aria-hidden="true"></i></div></td>
<td>Ganti dengan kode untuk menambah anime.</td>
</tr>
<tr>
<td># <div class="dot-wrap dot2"><i class="fa fa-square " aria-hidden="true"></i></div></td>
<td>Ganti dengan URL atau Link anime yang akan dituju.</td>
</tr>
<tr>
<td>Nama Anime <div class="dot-wrap dot3"><i class="fa fa-square " aria-hidden="true"></i></div></td>
<td>Ganti dengan Nama Anime tersebut.</td>
</tr>
</tbody>
</table>
<br />
<div class='cl' style="text-align: center;">
<a href="https://preview321.blogspot.com/2017/06/jadwal-rilis-animeindo.html" target="_blank" class="btn-post btn-demo">
<span>Live Preview <i class="fa fa-paper-plane"></i></span>
</a>
</div>
<br />
<div style="text-align: justify;">
Sekian postingan kali ini semoga bermanfaat untuk kalian, jangan lupa di bagikan ke teman-teman, dan jika ada yang ingin ditanyakan silahkan bertanya di kolom komentar. Sampai jumpa di tutorial berikutnya Terima kasih.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com5tag:blogger.com,1999:blog-6043834529751813526.post-1437957086381052092017-04-07T19:03:00.001-07:002017-06-12T10:19:25.956-07:00Cara Membuat Anime List Seperti Meongs<div style="text-align: justify;">
<a href="https://aka321.blogspot.co.id/2017/04/anime-list-meongs.html" target="_blank">Cara Membuat Anime List Seperti Meongs</a> - Anime list atau daftar anime biasanya digunakan oleh fansub atau fanshare agar pengunjungnya tidak kesulitan mencari anime yang diinginkannya. Ini juga membuat website mereka tampil bagus, rapih, dan juga seperti fansub atau fanshare yang profesional. Tetapi terkadang ada juga fansub atau fanshare yang belum tahu <a href="https://aka321.blogspot.co.id/search/label/Anime%20List" target="_blank">Cara Membuat Anime List</a>.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihjMe_b2eZxIe8WBa9grdsOCTVsP_ydVF8q_b0Guum1xO2GlzLh-XxFO8jhrfi6gyWeEOWKappWx2TkDKUrm3NUrLBK8HFhZHI9JPe9Xjd1RzO_o8Lx0FvSyuYZTFpgAYBedFSBQZPLf8/s1600/Cara+Membuat+Anime+List+Seperti+Meongs.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Anime List Seperti Meongs, Tutorial Membuat Anime List Seperti Meongs, Widget Anime List Meongs, Cara Membuat Anime List Fansub, Tutorial Membuat Anime List Fansub, Cara Membuat Daftar Anime Fansub, Anime List Fansub, Anime List Fanshare, Anime List Website Anime, How To Make Anime List Fansub, Anime List Fansub Site, Cara Membuat Fansub, Cara Membuat Widget Fansub, Tutorial Fansub, Website Fansub, Aka321, Aka321.blogspot.com" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihjMe_b2eZxIe8WBa9grdsOCTVsP_ydVF8q_b0Guum1xO2GlzLh-XxFO8jhrfi6gyWeEOWKappWx2TkDKUrm3NUrLBK8HFhZHI9JPe9Xjd1RzO_o8Lx0FvSyuYZTFpgAYBedFSBQZPLf8/s640/Cara+Membuat+Anime+List+Seperti+Meongs.jpg" title="Cara Membuat Anime List Seperti Meongs" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Karena sudah lama sekali saya tidak memposting cara membuat anime list, dan ini saatnya saya memposting pembuatan anime list dari fansub dan sekaligus juga fanshare yaitu meongs. Sebelumnya saya memposting tentang pembuatan download box, yaitu <a href="https://aka321.blogspot.co.id/2017/04/download-box-meownime.html" target="_blank">Cara Membuat Cara Membuat Download Box Seperti Meongs</a>, dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2017/04/anime-list-meongs.html" target="_blank">Cara Membuat Anime List Seperti Meongs</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<ol>
<li style="text-align: justify;">Pertama, <b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></li>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* Anime List Meongs - Aka321 */
.alm321 .alm-info{width: 100%;text-align: center}
.alm321 .alm-info ul{margin: 0}
.alm321 .alm-info ul li{border: 1px solid #ddd;margin: 0 0 10px;list-style: none;padding: 8px;display: inline-block;text-align: center}
.alm321 .alm-apb{text-align: center;font-weight: bold;margin: 10px 0;font-size: 13px}
.alm321 .alm-apb a{line-height: 30px;width: 30px;color: #FFFFFF;border-radius: 25%;background: #00A3A3;margin: 2px;transition: all 0.25s;display: inline-block}
.alm321 .alm-apb a:hover{color: #FFFFFF;background: #000000}
.alm321 .alm-list{display: block;position: relative;overflow: hidden}
.alm321 .alm-list .alm-wrap{width: 33.333%;float: left}
.alm321 .alm-list .alm-item ul{margin: 0 !important;padding: 0 6px !important}
.alm321 .alm-list .alm-item ul .alm-head{font-size: 125%;font-weight:bold}
.alm321 .alm-list .alm-item ul .alm-head a{color:#000000}
.alm321 .alm-list .alm-item ul li{list-style: none;font-size:14px}
.alm321 .alm-list .alm-item ul li a{color:#00A3A3}
@media only screen and (max-width: 768px){.alm321 .alm-info ul li{width:100%;margin:0 0 2px !important}.alm321 .alm-list .alm-wrap{width:100%}}</code></pre>
<br />
<li style="text-align: justify;">Jika Sudah, <b>Silahkan Simpan Template.</b></li>
<li style="text-align: justify;">Kemudian, <b>Saat Kamu membuat postingan baru terapkan Kode Anime List Meongs di bawah ini pada Tab HTML (Bukan Compose).</b></li>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class='alm321'>
<div class='alm-info'>
<ul>
<li><mark>List Info</mark></li>
<li><mark>List Info</mark></li>
<li><mark>List Info</mark></li>
<li><mark>List Info</mark></li>
<li><mark>List Info</mark></li>
<li><mark>List Info</mark></li>
</ul>
</div>
<div class='alm-apb'>
<a href='##'>#</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 class='alm-listn'>
<div class='alm-wrap'>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='#'>#</a></li>
<mark1><!-- KODE UNTUK ANIME "#" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='A'>A</a></li>
<mark1><!-- KODE UNTUK ANIME "A" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='B'>B</a></li>
<mark1><!-- KODE UNTUK ANIME "B" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='C'>C</a></li>
<mark1><!-- KODE UNTUK ANIME "C" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='D'>D</a></li>
<mark1><!-- KODE UNTUK ANIME "D" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='E'>E</a></li>
<mark1><!-- KODE UNTUK ANIME "E" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='F'>F</a></li>
<mark1><!-- KODE UNTUK ANIME "F" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='G'>G</a></li>
<mark1><!-- KODE UNTUK ANIME "G" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='H'>H</a></li>
<mark1><!-- KODE UNTUK ANIME "H" DISINI --></mark1>
</ul>
</div>
</div>
<div class='alm-wrap'>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='I'>I</a></li>
<mark1><!-- KODE UNTUK ANIME "I" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='J'>J</a></li>
<mark1><!-- KODE UNTUK ANIME "J" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='K'>K</a></li>
<mark1><!-- KODE UNTUK ANIME "K" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='L'>L</a></li>
<mark1><!-- KODE UNTUK ANIME "L" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='M'>M</a></li>
<mark1><!-- KODE UNTUK ANIME "M" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='N'>N</a></li>
<mark1><!-- KODE UNTUK ANIME "N" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='O'>O</a></li>
<mark1><!-- KODE UNTUK ANIME "O" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='P'>P</a></li>
<mark1><!-- KODE UNTUK ANIME "P" DISINI --></mark1>
</ul>
</div>
</div>
<div class='alm-wrap'>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='Q'>Q</a></li>
<mark1><!-- KODE UNTUK ANIME "Q" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='R'>R</a></li>
<mark1><!-- KODE UNTUK ANIME "R" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='S'>S</a></li>
<mark1><!-- KODE UNTUK ANIME "S" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='T'>T</a></li>
<mark1><!-- KODE UNTUK ANIME "T" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='U'>U</a></li>
<mark1><!-- KODE UNTUK ANIME "U" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='V'>V</a></li>
<mark1><!-- KODE UNTUK ANIME "V" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='W'>W</a></li>
<mark1><!-- KODE UNTUK ANIME "W" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='X'>X</a></li>
<mark1><!-- KODE UNTUK ANIME "X" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='Y'>Y</a></li>
<mark1><!-- KODE UNTUK ANIME "Y" DISINI --></mark1>
</ul>
</div>
<div class='alm-item'>
<ul>
<li class='alm-head'><a name='Z'>Z</a></li>
<mark1><!-- KODE UNTUK ANIME "Z" DISINI --></mark1>
</ul>
</div>
</div>
</div>
</div></code></pre>
<br />
<li style="text-align: justify;">Setelah itu, dibawah ini merupakan <u>kode untuk menambah anime di anime list meongs</u>. Untuk menambahkan anime, <b>silahkan salin dan terapkan kode dibawah ini di bawah kode yang sudah ditandai.</b></li>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"> <li><a href='<mark2>#</mark2>' target='_blank'><mark3>Nama Anime</mark3></a></li>
<li><a href='<mark2>#</mark2>' target='_blank'><mark3>Nama Anime</mark3></a></li>
<li><a href='<mark2>#</mark2>' target='_blank'><mark3>Nama Anime</mark3></a></li>
<li><a href='<mark2>#</mark2>' target='_blank'><mark3>Nama Anime</mark3></a></li>
<li><a href='<mark2>#</mark2>' target='_blank'><mark3>Nama Anime</mark3></a></li>
<li><a href='<mark2>#</mark2>' target='_blank'><mark3>Nama Anime</mark3></a></li></code></pre>
<br />
<li style="text-align: justify;">Jika sudah, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu, dan silahkan di publikasikan lalu lihat bagaimana hasilnya.</b></li>
</ol>
<br />
<table>
<thead>
<tr>
<th>Kode</th>
<th>Pengaturan</th>
</tr>
</thead>
<tbody>
<tr>
<td>List Info
<div class="dot-wrap dot1">
<i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan informasi anime tersebut.</td>
</tr>
<tr>
<td><!-- KODE UNTUK ANIME "#" DISINI -->
<div class="dot-wrap dot2">
<i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan kode untuk menambah anime.</td>
</tr>
<tr>
<td>#
<div class="dot-wrap dot3">
<i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan URL atau Link yang akan dituju.</td>
</tr>
<tr>
<td>Nama Anime
<div class="dot-wrap dot4">
<i aria-hidden="true" class="fa fa-square "></i></div>
</td>
<td>Ganti dengan Nama Anime tersebut.</td>
</tr>
</tbody>
</table>
<br />
<div class="cl" style="text-align: center;">
<a class="btn-post btn-demo" href="https://preview321.blogspot.com/2017/04/anime-list-meongs.html" target="_blank">
Live Preview <i class="fa fa-paper-plane"></i>
</a>
</div>
<br />
<div style="text-align: justify;">
Sekian postingan kali ini semoga bermanfaat untuk kalian, jangan lupa di bagikan ke teman-teman, dan jika ada yang ingin ditanyakan silahkan bertanya di kolom komentar. Sampai jumpa di tutorial berikutnya Terima kasih.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com9tag:blogger.com,1999:blog-6043834529751813526.post-56818404560729698432017-04-01T20:24:00.001-07:002017-06-12T10:19:42.180-07:00Cara Membuat Download Box Seperti Meownime<div style="text-align: justify;">
<a href="https://aka321.blogspot.co.id/2017/04/download-box-meownime.html" target="_blank">Cara Membuat Download Box Seperti Meownime</a> - Jika kamu mengunjungi postingan ini berarti kamu ingin membuat download box, sebelumnya apa itu download box? Mungkin ada yang belum tahu apa itu download box. Download box adalah widget yang biasanya digunakan oleh fansub atau fanshare untuk membuat link downloadnya tertata rapih. Download box ini juga membuat website mereka tampi bagus, rapih, dan juga terlihat seperti fansub atau fanshare profesional, tetapi terkadang ada fansub atau fanshare yang belum tahu cara membuat download box.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglnH9Y9DTjmFZqPJfvzt4APqy5OCom80IL5Vv9RAx3YUirvVMWgxsS9I_4h2cjAJ9_a17Ou76o3K0cRIQ22K5JP-dP7kgYxJK5PHSjlCRCvR6bdDgD7a0OmLurfnva5VpPRAhMICBoOSo/s1600/Cara+Membuat+Download+Box+Seperti+Meownime.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Download Box Seperti Meownime, Tutorial Membuat Download Box Seperti Meownime, Widget Download Box Meownime, Cara Membuat Download Box Fansub, Tutorial Membuat Download Box Fansub, Cara Membuat Link Download Fansub, Download Box Fansub, Download Box Fanshare, Download Box Website Anime, How To Make Download Box Fansub, Download Box Fansub Site, Cara Membuat Fansub, Cara Membuat Widget Fansub, Tutorial Fansub, Website Fansub, Aka321, Aka321.blogspot.com" border="0" data-original-height="720" data-original-width="1280" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglnH9Y9DTjmFZqPJfvzt4APqy5OCom80IL5Vv9RAx3YUirvVMWgxsS9I_4h2cjAJ9_a17Ou76o3K0cRIQ22K5JP-dP7kgYxJK5PHSjlCRCvR6bdDgD7a0OmLurfnva5VpPRAhMICBoOSo/s640/Cara+Membuat+Download+Box+Seperti+Meownime.jpg" title="Cara Membuat Download Box Seperti Meownime" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Sudah lama sekali saya tidak memposting tutorial, dikarenakan banyaknya kesibukan di dunia nyata. Sebelumnya saya mem-posting template premium yaitu <a href="https://aka321.blogspot.co.id/2017/03/anime-pupuru-blogger-template.html" target="_blank">Anime Pupuru Blogger Template</a>, dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2017/04/download-box-meownime.html" target="_blank">Cara Membuat Cara Membuat Download Box Seperti Meownime</a>. Download box ini merupakan request dari rauza501 jika kamu ingin me-request sesuatu kamu tinggal mengisi formulir di halaman <a href="https://aka321.blogspot.co.id/p/request_12.html" target="_blank">Request</a>, langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<ol>
<li><b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd><b>.</b></li>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* Download Box Meownime - Aka321 */
.dlmn321{text-align: center;font-size: 15px}
.dlmn321 > .dlmn-head{background: #39484D;padding: 8px;font-weight: bold}
.dlmn321 > .dlmn-head span:first-child{color: #DADADA}
.dlmn321 > .dlmn-head span:last-child{color: #DA4453}
.dlmn321 .dlmn-wrap .dlmn-head{padding: 8px;border-top: 1px solid #DDDDDD}
.dlmn321 .dlmn-wrap ul{margin: 0 !important;padding: 8px !important;border-top: 1px solid #DDDDDD;background: #EEEEEE}
.dlmn321 .dlmn-wrap ul li{margin: 0 !important;padding: 0 !important;list-style: none !important}
.dlmn321 .dlmn-wrap ul li a{color:#DA4453}
.dlmn321 .dlmn-wrap ul li a:hover{color:#39484D}
.dlmn321 .dlmn-wrap ul li a:after{content:"|";color:#909090}
.dlmn321 .dlmn-wrap ul li a:after:hover{color:#909090}
.dlmn321 .dlmn-wrap .dlmn-head:hover, .dlmn321 .dlmn-wrap ul:hover{background: #F5F5F5}</code></pre>
<br />
<li>Jika Sudah, <b>Silahkan Simpan Template.</b></li>
<li>Kemudian, <b>Saat Kamu membuat postingan baru terapkan kode download box meownime di bawah ini pada Tab HTML (Bukan Compose).</b></li>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class='dlmn321'>
<div class='dlmn-head'>
<span><mark>Link Download #1 — </mark></span>
<span><mark1>Mkv 720p</mark1></span>
</div>
<div class='dlmn-wrap'>
<div class='dlmn-head'>
<mark2>Episode 01 — (<b>00.0 MB</b>)</mark2>
</div>
<ul>
<li>
<a href='<mark3>#</mark3>' rel='nofollow' target='_blank'><mark4>Nama Server</mark4></a>
<a href='<mark3>#</mark3>' rel='nofollow' target='_blank'><mark4>Nama Server</mark4></a>
<a href='<mark3>#</mark3>' rel='nofollow' target='_blank'><mark4>Nama Server</mark4></a>
</li>
</ul>
<div class='dlmn-head'>
<mark2>Episode 02 — (<b>00.0 MB</b>)</mark2>
</div>
<ul>
<li>
<a href='<mark3>#</mark3>' rel='nofollow' target='_blank'><mark4>Nama Server</mark4></a>
<a href='<mark3>#</mark3>' rel='nofollow' target='_blank'><mark4>Nama Server</mark4></a>
<a href='<mark3>#</mark3>' rel='nofollow' target='_blank'><mark4>Nama Server</mark4></a>
</li>
</ul>
</div>
</div>
</code></pre>
<br />
<li>Setelah itu, <b>dibawah ini merupakan kode untuk menambah episode anime di download box meownime. Untuk menambahkan episode anime, silahkan salin dan terapkan pada kode diatas sesudah</b> <kbd></ul></kbd> <b>terakhir.</b></li>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"> <div class='dlmn-head'>
<mark2>Episode 00 — (<b>00.0 MB</b>)</mark2>
</div>
<ul>
<li>
<a href='<mark3>#</mark3>' rel='nofollow' target='_blank'><mark4>Nama Server</mark4></a>
<a href='<mark3>#</mark3>' rel='nofollow' target='_blank'><mark4>Nama Server</mark4></a>
<a href='<mark3>#</mark3>' rel='nofollow' target='_blank'><mark4>Nama Server</mark4></a>
</li>
</ul></code></pre>
<br />
<li>Jika Sudah, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu. Lalu, publikasikan dan lihat bagaimana hasilnya</b></li>
</ol>
<br />
<table>
<thead>
<tr>
<th>Kode</th>
<th>Pengaturan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Link Download #1 — <div class="dot-wrap dot1"><i class="fa fa-square " aria-hidden="true"></i></div></td>
<td>Ganti dengan nama anime atau ganti nomor.</td>
</tr>
<tr>
<td>Mkv 720p <div class="dot-wrap dot2"><i class="fa fa-square" aria-hidden="true"></i></div></td>
<td>Ganti dengan kualitas yang diinginkan.</td>
</tr>
<tr>
<td>Episode 01 — (<b>00.0 MB</b>) <div class="dot-wrap dot3"><i class="fa fa-square" aria-hidden="true"></i></div></td>
<td>Ganti dengan nomor episode dan size file tersebut.</td>
</tr>
<tr>
<td># <div class="dot-wrap dot4"><i class="fa fa-square" aria-hidden="true"></i></div></td>
<td>Ganti dengan URL atau yang akan dituju.</td>
</tr>
<tr>
<td>Nama Server <div class="dot-wrap dot5"><i class="fa fa-square" aria-hidden="true"></i></div></td>
<td>Ganti dengan nama server yang akan dituju.</td>
</tr>
</tbody>
</table>
<br />
<div class="cl" style="text-align: center;">
<a class="btn-post btn-demo" href="https://preview321.blogspot.co.id/2017/04/download-box-meownime.html" target="_blank">
Live Preview <i class="fa fa-paper-plane"></i></a>
</div>
<br />
<div style="text-align: justify;">
Sekian postingan kali ini semoga bermanfaat untuk kalian, jangan lupa di bagikan ke teman-teman, dan jika ada yang ingin ditanyakan silahkan bertanya di kolom komentar. Sampai jumpa di tutorial berikutnya Terima kasih.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com14tag:blogger.com,1999:blog-6043834529751813526.post-64642336524081280632017-03-19T07:53:00.002-07:002017-05-08T04:09:01.383-07:00Anime Pupuru Premium Blogger Template<img border="0" style="display:none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_LUk1I0AwevMMChbn5ZpPaI-roOOZP-9vjmYPlpe44d5bLYACw9xNgBhx5TSywbzGmIfkE4rVfoL11HLG6OKs6rHGC9H_itGmCZTux6RU2RImm4C5zJBTjPzNCcTPRfam6yMY5RsqPg/s1600/Template+Anime+P%25C5%25ABpuru+Blogger+Template.jpg"/><br />
<div style="text-align: justify;">Hai Hai! Pada kesempatan kali ini saya akan memperlihatkan template premium kedua saya, dengan warna utama yaitu warna ungu. Saya harap kalian suka dengan templatenya. Template ini di desain dengan simpel.</div><br />
<div class="temp-area"><div class="temp-btt"><div class="css-slider-wrapper"><input type="radio" name="slider" class="slide-radio1" checked id="slider_1"><input type="radio" name="slider" class="slide-radio2" id="slider_2"><input type="radio" name="slider" class="slide-radio3" id="slider_3"><input type="radio" name="slider" class="slide-radio4" id="slider_4"><input type="radio" name="slider" class="slide-radio5" id="slider_5"><br />
<div class="slider-pagination"><label for="slider_1" class="page1"></label><label for="slider_2" class="page2"></label><label for="slider_3" class="page3"></label><label for="slider_4" class="page4"></label><label for="slider_5" class="page5"></label><br />
</div><div class="next control"><label for="slider_1" class="numb1"><i class="fa fa-angle-right"></i></label><label for="slider_2" class="numb2"><i class="fa fa-angle-right"></i></label><label for="slider_3" class="numb3"><i class="fa fa-angle-right"></i></label><label for="slider_4" class="numb4"><i class="fa fa-angle-right"></i></label><label for="slider_5" class="numb5"><i class="fa fa-angle-right"></i></label><br />
</div><div class="previous control"><label for="slider_1" class="numb1"><i class="fa fa-angle-left"></i></label><label for="slider_2" class="numb2"><i class="fa fa-angle-left"></i></label><label for="slider_3" class="numb3"><i class="fa fa-angle-left"></i></label><label for="slider_4" class="numb4"><i class="fa fa-angle-left"></i></label><label for="slider_5" class="numb5"><i class="fa fa-angle-left"></i></label><br />
</div><div class="slider slide1"><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVf49Ru1iu9ehy2dftozTilMR6wORNBaNzg1fFpOLyrYTM4P7ZIzMGTFEUrk_YfaUOBoFj68gNFqhxUSSCavhm0JuogrASnGGmjB9lJXDt46lBltQEFa2f-tOHnnnFM7XyCpYR04MT9Ok/s1600/Anime+P%25C5%25ABpuru+-+Home.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVf49Ru1iu9ehy2dftozTilMR6wORNBaNzg1fFpOLyrYTM4P7ZIzMGTFEUrk_YfaUOBoFj68gNFqhxUSSCavhm0JuogrASnGGmjB9lJXDt46lBltQEFa2f-tOHnnnFM7XyCpYR04MT9Ok/s400/Anime+P%25C5%25ABpuru+-+Home.png" width="310" height="400" /></a></div></div><div class="slider slide2"><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2SfHA3gXJ_-9OoYXHLGzgYo2NDD6VKfEIPyEDXxFc8P4ShcqG3ut6_8WXia3dWnuBSEw5LQKEnOgczfMOmOGVDoK-xKZj9ZjxOIQtZW3iCV4t9TAH5OMVPkdevePcq-vQcQ5UuZY47E/s1600/Anime+P%25C5%25ABpuru+-+Post.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ2SfHA3gXJ_-9OoYXHLGzgYo2NDD6VKfEIPyEDXxFc8P4ShcqG3ut6_8WXia3dWnuBSEw5LQKEnOgczfMOmOGVDoK-xKZj9ZjxOIQtZW3iCV4t9TAH5OMVPkdevePcq-vQcQ5UuZY47E/s400/Anime+P%25C5%25ABpuru+-+Post.png" width="252" height="400" /></a></div></div><div class="slider slide3"><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0BGEdgw3ds7uzSpJmEzdKuMfbXeszfQqLsjHaMtHNv-s3xuDWvGgG8TQZRyCe7foUC4JabcJZoH-7BdDcCt-zB155PQ9oRv8xLezc6R9fmdaxzvbnlwCTwBelVx5AH_l0NFFOxLTp05I/s1600/Anime+P%25C5%25ABpuru+-+Post_Full.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0BGEdgw3ds7uzSpJmEzdKuMfbXeszfQqLsjHaMtHNv-s3xuDWvGgG8TQZRyCe7foUC4JabcJZoH-7BdDcCt-zB155PQ9oRv8xLezc6R9fmdaxzvbnlwCTwBelVx5AH_l0NFFOxLTp05I/s400/Anime+P%25C5%25ABpuru+-+Post_Full.png" width="252" height="400" /></a></div></div><div class="slider slide4"><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_5Wjopx8m3BNgB6OOTP19gNkF_nV_wL0tJiYSChn4fVvrfY4wtW6f8WuernNIEnkwgGZICFVpX75N8fwlftdMkWjnCMG0KPVmptpTN6C-tQzn87asELSS3U3ZvfDfHOikA8Lld-njaSs/s1600/Anime+P%25C5%25ABpuru+-+Home_Mobile.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_5Wjopx8m3BNgB6OOTP19gNkF_nV_wL0tJiYSChn4fVvrfY4wtW6f8WuernNIEnkwgGZICFVpX75N8fwlftdMkWjnCMG0KPVmptpTN6C-tQzn87asELSS3U3ZvfDfHOikA8Lld-njaSs/s400/Anime+P%25C5%25ABpuru+-+Home_Mobile.png" width="87" height="400" /></a></div></div><div class="slider slide5"><div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikS6vhRixxD44zvpHOjGWnvNlAMAw-JANoPAZOZRnnuzOkMVIdjWIE7-xomTp183iWyhEbkENfVzUS7YZBgRY0ZB2hurZOSrfDwDC5Q7FheWpbJ8_KKiDmwa0SeREzF6rWfEUln96GEY0/s1600/Anime+P%25C5%25ABpuru+-+Post_Mobile.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikS6vhRixxD44zvpHOjGWnvNlAMAw-JANoPAZOZRnnuzOkMVIdjWIE7-xomTp183iWyhEbkENfVzUS7YZBgRY0ZB2hurZOSrfDwDC5Q7FheWpbJ8_KKiDmwa0SeREzF6rWfEUln96GEY0/s400/Anime+P%25C5%25ABpuru+-+Post_Mobile.png" width="93" height="400" /></a></div></div></div><div class="temp-desc"><br />
<div style="text-align: justify;"><b style="text-align: center;">Deskripsi Template</b><br />
<p>Anime Pupuru Premium Blogger Template adalah template yang digunakan untuk fansub/fanshare bahkan bisa digunakan untuk postingan manga.Template ini sudah sangat responsive, dengan warna utama ungu.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMILO5o71MoOp4Xlw6r-9H8l7j0c4TZu-IN8uKHOFQmnK3blk4zNw25tYop0B-cVF1TZe8LZPjl9_XkRSFjxCwq_hMVwIUj7xoTBW8fWKOUAjQJLVwHAcYIqXFXS7WEeJJ5akIkWz5qDE/s1600/GTmetrix+Anime+Pupuru.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMILO5o71MoOp4Xlw6r-9H8l7j0c4TZu-IN8uKHOFQmnK3blk4zNw25tYop0B-cVF1TZe8LZPjl9_XkRSFjxCwq_hMVwIUj7xoTBW8fWKOUAjQJLVwHAcYIqXFXS7WEeJJ5akIkWz5qDE/s400/GTmetrix+Anime+Pupuru.jpg" width="400" height="139" /></a></div><p><b>Catatan :</b> -</p></div></div></div></div><div style="display: none;"><div id="Theme-details"><div class="temp-dl"><div class="tempinf321"><b>Theme Name:</b> Anime Pupuru<br />
<b>Version:</b> V1.8<br />
<b>Designer:</b> Aka321<br />
<b>Category:</b> Premium Blogger Template<br />
<b>Release:</b> 19 Maret, 2017</div><a class="dlbt dl" href="https://facebook.com/messages/t/aka321i"><i class="fa fa-shopping-cart"></i> Order<br />
IDR 80.000</a><div class="tempfitur321"><b>Features:</b><br />
- SEO.<br />
- Fast Load.<br />
- Responsive.<br />
- Mobile Friendly.<br />
- Font Awesome Icons v4.7.0.<br />
- Vertical Menu on Mobile View.<br />
- Etc.</div><div class="tempganti321"><b>Changelog:</b><br />
<b>v1.8</b><br />
- Bug Fix.</div></div><div style="clear: both;"></div></div></div><style>#sidebar2, #tabs{display:none;}</style>Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com9tag:blogger.com,1999:blog-6043834529751813526.post-76334302059060351482017-02-07T05:52:00.000-08:002017-04-22T05:46:13.996-07:00Aoinimu Premium Blogger Template<img border="0" style="display:none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaF9NYDbhAexgheLiNHZVsw9obHVQYelfJGsZDGjKvgbbslpACBEwWRv9xJwr98vsFkAS4ETUuKwn1SEj6U-YVACv2tpN2T4iWhPQgx0PPnnZUr03_xrnI2yyhkJaSaddaaU3HgRxct_I/s1600/Aoinimu+Blogger+Template.jpg"/><br />
<div style="text-align: justify;">Hai Hai! Pada kesempatan kali ini saya akan memperlihatkan template premium pertama saya, dengan warna utama yaitu warna biru. Saya harap kalian suka dengan templatenya. Template ini di desain dengan simpel.</div><br />
<div class="temp-area"><div class="temp-btt"><div class="temp-live"><div class="temp-thmb"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDFmugwNBiuksywzNNrFjk_DlZcMNJQ8ziAznXHRZkaDgomovBn9HZKFEUzv1pskYFcda04GHGct56CNqHczg-oHbuvAKTzBVzuZdQsmtYcduv7vtFg-FV0qb3QyapUcreYWsF35YY0g4/s1600/Aoinimu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Aoinimu Premium Blogger Template Preview, Aoinimu Blogger Template, Aoinimu Blogger Tutorial, Aka321 Aoinimu Template, Anime Blogger Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDFmugwNBiuksywzNNrFjk_DlZcMNJQ8ziAznXHRZkaDgomovBn9HZKFEUzv1pskYFcda04GHGct56CNqHczg-oHbuvAKTzBVzuZdQsmtYcduv7vtFg-FV0qb3QyapUcreYWsF35YY0g4/s1600/Aoinimu.jpg" title="Aoinimu Blogger Template Preview" /></a></div></div><div class="temp-desc"><br />
<div style="text-align: justify;"><b style="text-align: center;">Deskripsi Template</b><br />
<p>Aoinimu Premium Blogger Template adalah template yang digunakan untuk fansub/fanshare.Template ini sudah responsive, dengan warna utama biru.</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpwTnRFR6LTqRYKreIOSPzjSa67Y4XbzNKhlL7t7ERoLJO8ZGJYQI9azA2WcNTjCf6T6lxiaL82-Keg7OFLCDj2CM9uyaTOiMLvUZBMUH1Y-ZqHlXuhxCJ4-La84c9RzEYMsZIB7OQws/s1600/aoistat.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpwTnRFR6LTqRYKreIOSPzjSa67Y4XbzNKhlL7t7ERoLJO8ZGJYQI9azA2WcNTjCf6T6lxiaL82-Keg7OFLCDj2CM9uyaTOiMLvUZBMUH1Y-ZqHlXuhxCJ4-La84c9RzEYMsZIB7OQws/s400/aoistat.jpg" width="400" height="104" /></a></div><p><b>Catatan :</b> -</p></div></div></div></div><div style="display: none;"><div id="Theme-details"><div class="temp-dl"><div class="tempinf321"><b>Theme Name:</b> Aoinimu<br />
<b>Version:</b> V1.7<br />
<b>Designer:</b> Aka321<br />
<b>Category:</b> Premium Blogger Template<br />
<b>Release:</b> 2 Febuari, 2017</div><a class="dlbt dl" href="https://facebook.com/messages/t/aka321i"><i class="fa fa-shopping-cart"></i> Order<br />
IDR 50.000</a><div class="tempfitur321"><b>Features:</b><br />
- SEO.<br />
- Fast Load.<br />
- Responsive.<br />
- Mobile Friendly.<br />
- Font Awesome Icons v4.7.0.<br />
- Fullscreen Search.<br />
- Back To Top Button.<br />
- Etc.</div><div class="tempganti321"><b>Changelog:</b><br />
<b>v1.7</b><br />
- Fix Mini Browser Bug.<br />
- Change Comment Style.</div></div><div style="clear: both;"></div></div></div><style>#sidebar2, #tabs{display:none;}</style>Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com8tag:blogger.com,1999:blog-6043834529751813526.post-58794824908818135562016-12-14T16:12:00.000-08:002017-05-31T20:14:35.024-07:00Manga Sēbu v1.1 Blogger Template<div class="separator" style="clear: both; display: none; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSTHy5PA1CWd5pXrYvxXMeaSKh4RXS1meUep4dsG4bjgpT2YLG4Vy008WSlsqNpM6ik-KCyeba5itA6J4fG15jmedf2ZuKP_-hPLMvQpVfP5o0x7fAP7rzgMeurrhCVf8aiSFQ26rLsjg/s1600/Manga+S%25C4%2593bu+Blogger+Template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSTHy5PA1CWd5pXrYvxXMeaSKh4RXS1meUep4dsG4bjgpT2YLG4Vy008WSlsqNpM6ik-KCyeba5itA6J4fG15jmedf2ZuKP_-hPLMvQpVfP5o0x7fAP7rzgMeurrhCVf8aiSFQ26rLsjg/s640/Manga+S%25C4%2593bu+Blogger+Template.jpg" width="640" /></a></div><div style="text-align: justify;">Hai Hai! Pada kesempatan kali ini saya akan membagikan template dengan tipe Manga, dengan warna utama yaitu warna hijau dan kuning. Saya harap kalian suka dengan templatenya. Template ini di desain dengan simpel.</div><br />
<div class="temp-area"><div class="temp-btt"><div class="temp-live"><div class="temp-thmb"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0wHAbQU0-w7CrO3jKaBsZ-CzbqZYFGx6vTFjLEmeCfBXrZ_t-rOmJvOHdo-5j2plOf9GW0p4fZUeynBWB5sft1GTkgpzdrAp3FFNRRbKAj_zIscO0XOQiI8VfB6xkY38NgCBnQ7WWAmY/s1600/Manga+S%25C4%2593bu.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Manga Sēbu Blogger Template Preview, Aka321 Blogger Template, Aka321 Blogger Tutorial, Aka321 Manga Sēbu Template, Anime Blogger Template" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0wHAbQU0-w7CrO3jKaBsZ-CzbqZYFGx6vTFjLEmeCfBXrZ_t-rOmJvOHdo-5j2plOf9GW0p4fZUeynBWB5sft1GTkgpzdrAp3FFNRRbKAj_zIscO0XOQiI8VfB6xkY38NgCBnQ7WWAmY/s1600/Manga+S%25C4%2593bu.jpg" title="Manga Sēbu Blogger Template Preview" /></a></div></div><div class="temp-desc"><br />
<div style="text-align: justify;"><b style="text-align: center;">Deskripsi Template</b><br />
<p>Manga Sēbu Blogger Template adalah template yang digunakan khusus untuk postingan manga.</p><p>Template ini sudah responsive, dengan 1 kolom pada mode postingan dan berwarna utama hijau dan kuning.</p><p><b>Catatan :</b> Jika ada Error atau Bug di harapkan Lapor. Dan jika anda menggunakan Template ini, Harap Tidak Menghapus Credit di Footer!</p></div></div></div></div><div style="display: none;"><div id="Theme-details"><div class="temp-dl"><div class="tempinf321"><b>Theme Name:</b> Manga Sēbu<br />
<b>Version:</b> V1.1<br />
<b>Designer:</b> Aka321<br />
<b>Category:</b> Blogger Template<br />
<b>Release:</b> 15 Desember, 2016</div><a class="dlbt dl" href="https://www.solidfiles.com/v/8NdpMg5G6eKgy"><i class="fa fa-download"></i> Template (Only)</a><p class="dlbt dl" title="password">Password: AKA321</p><a class="dlbt dl" href="http://mangasebu.blogspot.co.id/"><i class="fa fa-eye"></i> Live Preview</a><div class="tempfitur321"><b>Features:</b><br />
- Back To Top Button.<br />
- Font Awesome Icons v4.7.0.<br />
- Responsive.<br />
- Etc.</div><div class="tempganti321"><b>Changelog:</b><br />
<b>v1.1</b><br />
- Fix Posts</div></div><div style="clear: both;"></div></div></div><style>#sidebartop .widget{display:none}#sidebartop #HTML2{display:block}</style>Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com20tag:blogger.com,1999:blog-6043834529751813526.post-47585216258866624532016-11-25T00:03:00.001-08:002016-11-25T00:05:03.065-08:00Cara Membuat Staff List Seperti Langit Anime<div style="text-align: justify;">
<a href="https://aka321.blogspot.co.id/2016/11/staff-list-langit-anime.html" target="_blank">Cara Membuat Staff List Seperti Langit Anime</a> - Staff List atau Daftar Staff biasa digunakan oleh fansub atau fanshare untuk memberi tahu pengunjungnya informasi tentang staff di fansub atau fanshare tersebut.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIvcszB94YTpHBdJ-coIfvAB0VgxVL8dK8QgTmF6Xe-rkYtuaHKmuSctoDdIoBs3JUq9i-xsed5U_Z0LoXiJK10xdCdeWuFirwwOkZsK4ul_gpldbReqDA4LvFtkP1JiRa7P_nHtP8Ay0/s1600/Cara+Membuat+Staff+List+Seperti+Langit+Anime.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Staff List Seperti Langit Anime, Cara Membuat Staff List Seperti Fansub, Cara Membuat Staff List Fansub, Cara Membuat Fansub, Cara Membuat Seperti Langit Anime, Aka321, Aka321.blogspot.com, Tutorial Fansub, Cara Membuat Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIvcszB94YTpHBdJ-coIfvAB0VgxVL8dK8QgTmF6Xe-rkYtuaHKmuSctoDdIoBs3JUq9i-xsed5U_Z0LoXiJK10xdCdeWuFirwwOkZsK4ul_gpldbReqDA4LvFtkP1JiRa7P_nHtP8Ay0/s640/Cara+Membuat+Staff+List+Seperti+Langit+Anime.jpg" title="Cara Membuat Staff List Seperti Langit Anime" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Ini merupakan kesempatan pertama saya untuk berbagi ilmu tentang pembuatan staff list. Dan pada kesempatan kali ini saya akan berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2016/11/staff-list-langit-anime.html" target="_blank">Cara Membuat Staff List Seperti Langit Anime</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<ul>
<li style="text-align: justify;"><b>Pertama, Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd>.</li>
</ul>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* Staff List Langit Anime - Aka321 */
.slla321 .owner-wrap{display: inline-block}
.slla321 .owner-item{position: relative;float: left;margin: 0px 2%;margin-bottom: 20px;width: 46%}
.slla321 .owner-item .img-wrap img{width: 80%;height: 220px}
.slla321 .staff-wrap{display: inline-block}
.slla321 .title{margin: 31px 0px;overflow:hidden;display: block}
.slla321 .title h2{line-height: 0.2 !important;display: inline-block;position: relative;font-size: 24px;margin: 10px 0px;font-family: 'Verdana, Geneva, sans-serif';font-weight: bold}
.slla321 .title h2:after{content: "";position: absolute;height: 6px;border-bottom: 1px solid #e0dede;border-top: 1px solid #e0dede;top: 0;width: 1040px;overflow: hidden}
.slla321 .title h2:after{left: 100%;margin-left: 8px}
.slla321 .staff-item{position: relative;float: left;margin: 0px 2%;margin-bottom: 20px;width: 29.3%}
.slla321 .img-wrap{text-align: center}
.slla321 .staff-item .img-wrap img{width: 70%;height: 185px}
.slla321 .desc-wrap{margin-top: 25px}
.slla321 .desc-wrap0{display: table;width: 100%}
.slla321 .person-wrap{display: table-cell;vertical-align: middle}
.slla321 .nickname, .slla321 .name{font-size: 13px;color: #7d7d7d;font-weight: 400;line-height: 1.5;display: block;font-family: serif}
.slla321 .social-wrap{display: table-cell;vertical-align: middle;text-align: right}
.slla321 .social{color: #bebdbd !important;background-color: #e8e8e8;border-radius: 4px;text-align: center;padding: 9px 8px;vertical-align: middle;position:relative}
.slla321 .social.hide{display: none}
.slla321 .social:hover{opacity: 0.8}
.slla321 .social::before{font-size:11px;line-height:11px;font-family:Arial,sans-serif;text-transform:none;padding:8px 12px;top:-34px;display: table;transition:.3s ease-out;background:#000000;color:#d1d1d2;border-radius:5px;position:absolute;opacity:0;visibility:hidden}
.slla321 .social.facebook::before{content: "Facebook";right: 22px}
.slla321 .social.twitter::before{content: "Twitter";right: 12px}
.slla321 .social.youtube::before{content: "Youtube";right: 17px}
.slla321 .social.google::before{content: "Google Plus";right: 25px}
.slla321 .social.instagram::before{content: "Instagram";right: 20px}
.slla321 .social::after{content:" ";width:0;height:0;right:10px;top:-7px;transition:.3s ease-out;border-color:#000000 transparent transparent;border-style:solid;border-width:6px 6px 0;position:absolute;opacity:0;visibility:hidden}
.slla321 .social:hover::before, .slla321 .social:hover::after{opacity:100;visibility:visible}
.slla321 .social i{font-size: 16px;width: 18px}
.slla321 .content-wrap{margin-top: 25px;text-align: left;font-size: 15px;font-family: sans-serif}
@media only screen and (max-width: 785px){.slla321 .owner-item, .slla321 .staff-item {width: 100% !important;}}
</code></pre>
<br />
<ul>
<li style="text-align: justify;">Jika Sudah, <b>Silahkan Simpan Template.</b></li>
</ul>
<br />
<ul>
<li style="text-align: justify;">Kemudian, <b>Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).</b></li>
</ul>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="slla321">
<div class="owner-wrap">
<div class="owner-item">
<div class="img-wrap">
<img src="<mark>Link Gambar</mark>" alt="<mark>Nama Owner</mark>">
</div>
<div class="desc-wrap">
<div class="desc-wrap0">
<div class="person-wrap">
<span class="nickname"><mark>Nickname Owner</mark></span>
<span class="name"><mark>Nama Owner</mark></span>
</div>
<div class="social-wrap">
<a class="social <mark1>hide</mark1> facebook" href="<mark>Link Tujuan</mark>" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a class="social <mark1>hide</mark1> twitter" href="<mark>Link Tujuan</mark>" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a class="social <mark1>hide</mark1> youtube" href="<mark>Link Tujuan</mark>" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
<a class="social <mark1>hide</mark1> google" href="<mark>Link Tujuan</mark>" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a class="social <mark1>hide</mark1> instagram" href="<mark>Link Tujuan</mark>" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
</div>
<div class="content-wrap"><mark>Deskripsi Owner</mark></div>
</div>
<div class="fusion-clearfix"></div>
</div>
</div>
<div class="staff-wrap">
<div class="title">
<h2><mark>Posisi Staff</mark></h2>
</div>
<div class="staff-item">
<div class="img-wrap">
<img src="<mark>Link Gambar</mark>" alt="<mark>Nama Staff</mark>">
</div>
<div class="desc-wrap">
<div class="desc-wrap0">
<div class="person-wrap">
<span class="nickname"><mark>Nickname Staff</mark></span>
<span class="name"><mark>Nama Staff</mark></span>
</div>
<div class="social-wrap">
<a class="social <mark1>hide</mark1> facebook" href="<mark>Link Tujuan</mark>" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a class="social <mark1>hide</mark1> twitter" href="<mark>Link Tujuan</mark>" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a class="social <mark1>hide</mark1> youtube" href="<mark>Link Tujuan</mark>" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
<a class="social <mark1>hide</mark1> google" href="<mark>Link Tujuan</mark>" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a class="social <mark1>hide</mark1> instagram" href="<mark>Link Tujuan</mark>" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
</div>
<div class="content-wrap"><mark>Deskripsi Staff</mark></div>
</div>
<div class="fusion-clearfix"></div>
</div>
</div>
</div>
</code></pre>
<br />
<div class="kasihtau" style="text-align: justify;">
Jika ingin memunculkan tombol social media kalian hanya tinggal menghapus tulisan <kbd>hide</kbd> yang sudah ditandai dengan warna <b>Oranye</b>.</div>
<br />
<ul>
<li style="text-align: justify;">Jika sudah, <b>silahkan kamu ganti kode yang sudah ditandai sesuai dengan tanda kode tersebut. Lalu, publikasikan dan lihat bagaimana hasilnya.</b></li>
</ul>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/11/staff-list-langit-anime.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div style="text-align: justify;">
Sekian ilmu yang saya bagikan hari ini. Semoga bermanfaat. Terima kasih.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com3tag:blogger.com,1999:blog-6043834529751813526.post-46395941074383401312016-11-11T02:03:00.002-08:002016-11-11T02:03:26.815-08:00Cara Membuat Anime Info Seperti Tonansub<div style="text-align: justify;">
Cara Membuat Anime Info Seperti Tonansub - Anime Info atau Informasi Anime biasa digunakan Fansub atau Fanshare agar pengunjung mengetahui sinopsis, jumlah episode, rating, genre, durasi dari anime tersebut. Biasanya dalam Anime Info juga terdapat tabel episode anime untuk mempermudah pengunjung mendownload anime favoritnya.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BN1jAaezVnTbZd4UVDS7mrz5yoyYQxY4Wynit_Xoja8KfdvG07StMIw7xmSCSyFf5K3RPNSOpxP2qpdw4EmUiSi9PY1xMqJ8TfMnT_8zsEEcwy8oAFqqFGTM1ifD4ie-10YSHtilOsU/s1600/Cara+Membuat+Anime+Info+Seperti+Tonansub.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Anime Info Seperti Tonansub, Cara Membuat Anime Info Seperti Fansub, Cara Membuat Anime Info Fansub, Cara Membuat Fansub, Cara Membuat Seperti Tonansub, Aka321, Aka321.blogspot.com, Tutorial Fansub, Cara Membuat Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0BN1jAaezVnTbZd4UVDS7mrz5yoyYQxY4Wynit_Xoja8KfdvG07StMIw7xmSCSyFf5K3RPNSOpxP2qpdw4EmUiSi9PY1xMqJ8TfMnT_8zsEEcwy8oAFqqFGTM1ifD4ie-10YSHtilOsU/s640/Cara+Membuat+Anime+Info+Seperti+Tonansub.jpg" title="Cara Membuat Anime Info Seperti Tonansub" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Sebelumnya saya sudah membagikan ilmu tentang <a href="http://aka321.blogspot.com/2016/11/anime-info-nekonime.html" target="_blank">Cara Membuat Anime Info Seperti Nekonime</a>. Pada kesempatan kali ini saya akan berbagi ilmu tentang Cara Membuat Anime Info Seperti Tonansub. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<div style="text-align: justify;">
</div>
<ul>
<li style="text-align: justify;"><b>Pertama, Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></li>
</ul>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Anime Info Tonansub - Aka321 */
.aitaf321{font-size: 12px;font-family: 'Open sans', sans-serif}
.aitaf321 .aijdl321{position: relative;margin-top: 0;margin-bottom: 5px;text-align: center;display: block;font-size: 18px}
.aitaf321 .aijdl321:before{position: absolute;top: 50%;z-index: 1;display: block;width: 100%;height: 1px;border-top: 2px solid #ccc;content: ""}
.aitaf321 .aijdl321 span{position: relative;z-index: 1;padding: 0 20px;background: #fff;display: inline-block}
.aitaf321 .infoanime{margin-top: 20px;overflow: hidden}
.aitaf321 .infoimg{float: left;margin-right: 10px}
.aitaf321 .infoimg img{width: 230px;height: 307px;background: #FFF}
.aitaf321 .infolist .item{line-height: 17px;padding: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px}
.aitaf321 .infolist .item:nth-child(odd){background: #f7fcfd;border-bottom: 1px solid #ebebeb;border-top: 1px solid #ebebeb}
.aitaf321 .infolist .item:nth-child(even){background: #ffffff}
.aitaf321 .infolist .item b{display: block;float: left;width: 85px}
.aitaf321 .infolist .item a{color: #333;text-decoration: none}
.aitaf321 .synopsis{text-align: center;font-size: 13px;margin: 10px 0;border: 1px solid #deedf1;padding: 10px;background: #f7fcfd}
.synopsis b{font-size: 14px}
.aitaf321 .synopsis0{font-size: 12px}
.aitaf321 .synopsis0 p{margin: 1em 0 !important}
.aitaf321 .epslist{border-collapse: initial;border-spacing: initial;width: 100%;margin: 0;padding: 15px;border-radius: 5px;border: 1px solid #ebebeb;box-shadow: 0 3px 0 0 rgba(0,0,0,0.12)}
.aitaf321 .epslist thead{position: relative;margin-top: 0;margin-bottom: 5px;text-align: center;display: block;font-size: 18px;color: #5e5e5e}
.aitaf321 .epslist thead tr:before{position: absolute;top: 50%;z-index: 1;display: block;width: 100%;height: 1px;border-top: 2px solid #ccc;content: ""}
.aitaf321 .epslist thead th{font-size: 18px;position: relative;z-index: 1;padding: 0 20px;background: #fff;display: inline-block;border: 0px !important}
.aitaf321 .epslist tr{margin-bottom: 12px;display: block}
.aitaf321 .epslist td{line-height: 27px;padding: 10px 25px;font-weight: bold;text-align: center;font-size: 15px;display: block;border: 1px dashed #ebebeb;color: #75c5cf}
.aitaf321 .epslist a:hover{color: #5e5e5e;-webkit-transition: color 0.2s ease-in;-moz-transition: color 0.2s ease-in;-ms-transition: color 0.2s ease-in;-o-transition: color 0.2s ease-in;transition: color 0.2s ease-in}
.aitaf321 .epslist a{color: #75c5cf;text-decoration: none;-webkit-transition: color 0.2s ease-in;-moz-transition: color 0.2s ease-in;-ms-transition: color 0.2s ease-in;-o-transition: color 0.2s ease-in;transition: color 0.2s ease-in}
</code></pre>
<br />
<ul>
<li style="text-align: justify;">Jika Sudah, <b>Silahkan Simpan Template</b>.</li>
</ul>
<br />
<ul>
<li style="text-align: justify;">Kemudian, <b>Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose)</b>.</li>
</ul>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="aitaf321">
<h2 class="aijdl321">
<span><mark>Nama Anime</mark> Subtitle Indonesia</span>
</h2>
<div class="infoanime">
<div class="infoimg">
<img src=" <mark>Link Gambar/Cover Anime</mark> " alt="<mark>Judul Anime</mark>">
</div>
<div class="infolist">
<div class="item"><b>Japanese</b>: <mark>Nama Lain / Nama Jepang Anime</mark></div>
<div class="item"><b>Tipe</b>: <mark>Tipe Anime</mark></div>
<div class="item"><b>Genre</b>:
<a href="<mark>Link Genre</mark>"><mark>Genre Anime</mark></a>,
<a href="<mark>Link Genre</mark>"><mark>Genre Anime</mark></a>,
<a href="<mark>Link Genre</mark>"><mark>Genre Anime</mark></a>
</div>
<div class="item"><b>Status</b>: <mark>Status Anime</mark></div>
<div class="item"><b>Durasi</b>: <mark>Durasi Anime</mark></div>
<div class="item"><b>Rating</b>: <mark>Rating Anime</mark></div>
<div class="item"><b>Episode</b>: <mark>Episode Anime</mark></div>
<div class="item"><b>Produser</b>: <mark>Produser Anime</mark></div>
<div class="item"><b>Mulai Rilis</b>: <mark>Tanggal Rilis Anime</mark></div>
</div>
</div>
<div class="synopsis">
<b>Sinopsis</b></br>
<span class="synopsis0">
<p><mark>Sinopsis Anime</mark></p>
</span>
</div>
<table class="epslist">
<thead>
<tr>
<th>Download <mark>Nama Anime</mark></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<mark>Nama Anime</mark> Episode <mark>#</mark> Subtitle Indonesia</br>
[ 480p = <mark>Server 1</mark> | <mark>Server 2</mark> | <mark>Server 3</mark> ]</br>
[ 720p = <mark>Server 1</mark> | <mark>Server 2</mark> | <mark>Server 3</mark> ]</br>
</td>
</tr>
</tbody>
</table>
</div>
</code></pre>
<br />
<ul>
<li style="text-align: justify;">Setelah itu, <b>dibawah ini merupakan kode untuk menambah episode anime di anime info. Untuk menambahkan episode anime, silahkan salin dan terapkan pada kode diatas sebelum</b> <kbd></tbody></kbd>.</li>
</ul>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"> <tr>
<td>
<mark>Nama Anime</mark> Episode <mark>#</mark> Subtitle Indonesia</br>
[ 480p = <mark>Server 1</mark> | <mark>Server 2</mark> | <mark>Server 3</mark> ]</br>
[ 720p = <mark>Server 1</mark> | <mark>Server 2</mark> | <mark>Server 3</mark> ]</br>
</td>
</tr>
</code></pre>
<br />
<ul>
<li style="text-align: justify;">Jika sudah, <b>silahkan kamu ganti kode yang sudah ditandai sesuai dengan tanda kode tersebut. Lalu, publikasikan dan lihat bagaimana hasilnya</b>.</li>
</ul>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/11/anime-info-tonansub.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div style="text-align: justify;">
Sekian ilmu yang saya bagikan hari ini. Semoga bermanfaat. Terima kasih.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com4tag:blogger.com,1999:blog-6043834529751813526.post-73888155053096794852016-11-07T05:05:00.000-08:002016-11-07T05:18:10.052-08:00Cara Membuat Anime Info Seperti Nekonime<div style="text-align: justify;">
<a href="https://aka321.blogspot.co.id/2016/11/anime-info-nekonime.html" target="_blank">Cara Membuat Anime Info Seperti Nekonime</a> - Anime Info atau Informasi Anime biasa digunakan Fansub atau Fanshare agar pengunjung mengetahui sinopsis, jumlah episode, rating, genre, durasi dari anime tersebut. Biasanya dalam Anime Info juga terdapat tabel episode anime untuk mempermudah pengunjung mendownload anime favoritnya.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf_7LhrANjOPhKSAMsJi8O3lcMG7Jdef26rJBAPI96lMCItkkd1clYj4yCxq5j9_MDkXTFLq650yWs2eurCl_kHdLPNpeRv25kCwZcNiM5LKrTxQ_qJ9ylAVKcazVsskVfauFJFhDRWX8/s1600/Cara+Membuat+Anime+Info+Seperti+Nekonime.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Anime Info Seperti Nekonime, Cara Membuat Anime Info Seperti Fansub, Cara Membuat Anime Info Fansub, Cara Membuat Fansub, Cara Membuat Seperti Nekonime, Aka321, Aka321.blogspot.com, Tutorial Fansub, Cara Membuat Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf_7LhrANjOPhKSAMsJi8O3lcMG7Jdef26rJBAPI96lMCItkkd1clYj4yCxq5j9_MDkXTFLq650yWs2eurCl_kHdLPNpeRv25kCwZcNiM5LKrTxQ_qJ9ylAVKcazVsskVfauFJFhDRWX8/s640/Cara+Membuat+Anime+Info+Seperti+Nekonime.jpg" title="Cara Membuat Anime Info Seperti Nekonime" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sebelumnya saya sudah membagikan ilmu tentang <a href="https://aka321.blogspot.co.id/2016/10/anime-info-wardhanime.html" target="_blank">Cara Membuat Anime Info Seperti Wardhanime</a>. Pada kesempatan kali ini saya akan berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2016/11/anime-info-nekonime.html" target="_blank">Cara Membuat Anime Info Seperti Nekonime</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<div style="text-align: justify;">
</div>
<ul>
<li style="text-align: justify;"><b>Pertama, Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></li>
</ul>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Anime Info Nekonime - Aka321 */
.ainn321 h2{font-family: 'Open sans', sans-serif;font-weight: bold;color: #494949;font-size: 14px;border-bottom: 3px solid #23B95D;margin-bottom: 8px;padding: 4px 0}
.ainn321 .infoanime{overflow: hidden}
.ainn321 .infoimg{float: left;margin-right: 8px}
.ainn321 .infoimg img{width: 180px;height: 255px;border: 1px solid #DDD;padding: 4px;background: #FFF}
.ainn321 .totalwrap{width: 135px;float: right;margin-left: 10px;overflow: hidden;text-align: center}
.ainn321 .totalwrap h2{border-bottom: 0;font-weight: bold;font-size: 12px;text-align: center;padding: 3px 0;background: #313B42;color: #FFF;margin: 0 0 1px 0}
.ainn321 .totalwrap .totaleps{font-size: 27px;text-align: center;padding: 3px 0;font-weight: bold;font-family: 'Open sans', sans-serif;background: #FFF}
.ainn321 .totalwrap .totaleps a{color:#222;text-decoration:none}
.ainn321 .totalwrap h3{margin: 0;font-size: 12px;font-family: 'Open sans', sans-serif;text-align: center;padding: 3px 0;background: #23B95D;color: #FFF}
.ainn321 .infolist{font-family: 'Open sans', sans-serif;font-size: 12px;line-height: 20px}
.ainn321 .infolist .item a{color: #000;text-decoration: none}
.ainn321 .synopsis{text-align: justify;font-size: 14px;margin: 10px 0;font-family: 'Open sans', sans-serif;background: #FFF8D0;border: 1px solid #F5DFA7;padding: 10px}
.ainn321 .synopsis0{color: #333333;font-size: 12px;font-family: 'Open sans',sans-serif}
.ainn321 .epslist{width: 100%;margin: 0;padding: 0;border-collapse: collapse;border-spacing: 0;}
.ainn321 .epslist th{text-align:left;padding: 4px 0;color: #444;font-weight: bold;font-size: 12px;margin-bottom: 1px;font-family: helvetica,sans-serif;border-bottom: 2px solid #23B95D !important;background:#fff;}
.ainn321 .epslist th, .ainn321 .epslist td {border:0px;}
.ainn321 .epslist th.dt{text-align: center}
.ainn321 .epslist tr:nth-child(odd){background: ##FFFFFF}
.ainn321 .epslist tr:nth-child(even){background: #FAFAFA}
.ainn321 .epslist tr:hover{background: #FAFAFA !important}
.ainn321 .epslist td{border: 0px !important;padding: 0 5px;line-height: 25px;height: 25px;border-bottom: 1px solid #F0F0F0 !important;}
.ainn321 .epslist td.dt{width: 132px;text-align: center;font-family: 'Open sans', sans-serif;font-size: 12px;}
.ainn321 .epslist td:hover {background: transparent;}
.ainn321 .epslist a{font-size: 12px;color: #505050;font-family: 'Open sans', sans-serif;text-decoration: none}
</code></pre>
<br />
<ul>
<li style="text-align: justify;">Jika Sudah, <b>Silahkan Simpan Template</b>.</li>
</ul>
<br />
<ul>
<li style="text-align: justify;">Kemudian, <b>Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose)</b>.</li>
</ul>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="ainn321">
<span class="Apple-tab-span" style="white-space: pre;"> </span><h2><mark>Judul Anime</mark></h2>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="infoanime">
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="infoimg">
<span class="Apple-tab-span" style="white-space: pre;"> </span><img src=" <mark>Link Gambar/Cover Anime</mark> " alt="<mark>Judul Anime</mark>"/>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="totalwrap">
<span class="Apple-tab-span" style="white-space: pre;"> </span><h2>Total</h2>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="totaleps">
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#"><mark>Total Episode Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><h3>Episode</h3>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="infolist">
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Nama Jepang:</b> <mark>Nama Lain / Nama Jepang Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Produser:</b> <mark>Produser Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Tipe:</b> <mark>Tipe Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Status:</b> <mark>Status Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Genre:</b>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="Link Genre"><mark>Genre Anime</mark></a>,
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="Link Genre"><mark>Genre Anime</mark></a>,
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="Link Genre"><mark>Genre Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Durasi:</b> <mark>Durasi Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Rating:</b> <mark>Rating Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Ditambahkan pada:</b> <mark>Tanggal Rilis Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="synopsis">
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Sinopsis:</b></br>
<span class="Apple-tab-span" style="white-space: pre;"> </span><span class="synopsis0">
<span class="Apple-tab-span" style="white-space: pre;"> </span><p><mark>Sinopsis Anime</mark></p>
<span class="Apple-tab-span" style="white-space: pre;"> </span></span>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><table class="epslist">
<span class="Apple-tab-span" style="white-space: pre;"> </span><thead>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><th>Download <mark>Nama Anime</mark></th>
<span class="Apple-tab-span" style="white-space: pre;"> </span><th class="dt">Tanggal</th>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span></thead>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tbody>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#"><mark>Judul Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td class="dt">
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark>Tanggal Rilis Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tbody>
<span class="Apple-tab-span" style="white-space: pre;"> </span></table>
</div>
</code></pre>
<br />
<ul>
<li style="text-align: justify;">Setelah itu, <b>dibawah ini merupakan kode untuk menambah episode anime di anime info. Untuk menambahkan episode anime, silahkan salin dan terapkan pada kode diatas sebelum</b> <kbd></tbody></kbd>.</li>
</ul>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><span class="Apple-tab-span" style="white-space: pre;"> </span><tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="#"><mark>Judul Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td class="dt">
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark>Tanggal Rilis Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
</code></pre>
<br />
<ul>
<li style="text-align: justify;">Jika sudah, <b>silahkan kamu ganti kode yang sudah ditandai sesuai dengan tanda kode tersebut. Lalu, publikasikan dan lihat bagaimana hasilnya</b>.</li>
</ul>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/11/anime-info-nekonime.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div style="text-align: justify;">
Sekian ilmu yang saya bagikan hari ini. Semoga bermanfaat. Terima kasih.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com1tag:blogger.com,1999:blog-6043834529751813526.post-39757209580743404482016-10-30T08:18:00.000-07:002016-11-06T01:00:29.440-08:00Cara Membuat Anime Info Seperti Wardhanime<div style="text-align: justify;">
<a href="https://aka321.blogspot.co.id/2016/10/anime-info-wardhanime.html" target="_blank">Cara Membuat Anime Info Seperti Wardhanime</a> - Anime Info atau Informasi Anime biasa digunakan Fansub atau Fanshare agar pengunjung mengetahui sinopsis, jumlah episode, rating, genre, durasi dari anime tersebut. Biasanya dalam Anime Info juga terdapat tabel episode anime untuk mempermudah pengunjung mendownload anime favoritnya.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6SO37MPcDjRqrwp0L-G9E1pgqmDEH81Xl2cDSnMGIwjFaj84smsFZU8wnUUkP_7Nz8zopXZ4nS5ACNIcHMpelh8gTy3d8S-oOwnBjH8KdpQRp7S-ta95x0ZlQHp3nRWSvSNPIOQbdS8A/s1600/Cara+Membuat+Anime+Info+Seperti+Wardhanime.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Anime Info Seperti Wardhanime, Cara Membuat Anime Info Seperti Fansub, Cara Membuat Anime Info Fansub, Cara Membuat Fansub, Cara Membuat Seperti Wardhanime, Aka321, Aka321.blogspot.com, Tutorial Fansub, Cara Membuat Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6SO37MPcDjRqrwp0L-G9E1pgqmDEH81Xl2cDSnMGIwjFaj84smsFZU8wnUUkP_7Nz8zopXZ4nS5ACNIcHMpelh8gTy3d8S-oOwnBjH8KdpQRp7S-ta95x0ZlQHp3nRWSvSNPIOQbdS8A/s640/Cara+Membuat+Anime+Info+Seperti+Wardhanime.jpg" title="Cara Membuat Anime Info Seperti Wardhanime" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Sebelumnya saya sudah membagikan ilmu tentang <a href="https://aka321.blogspot.co.id/2016/10/anime-info-oploverz.html" target="_blank">Cara Membuat Anime Info Seperti Oploverz</a>. Pada kesempatan kali ini saya akan berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2016/10/anime-info-wardhanime.html" target="_blank">Cara Membuat Anime Info Seperti Wardhanime</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<div style="text-align: justify;">
<ul>
<li><b>Pertama, Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></li>
</ul>
</div>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Anime Info Wardhanime - Aka321 */
.aiaws321{font-size: 12px;font-family: 'Open sans', sans-serif}
.aiaws321 h2{font-weight: bold;font-size: 14px;border-bottom: 3px solid #2977BE;margin-bottom: 1px;padding: 4px 0}
.aiaws321 .infoimg{float: left;margin-right: 1px}
.aiaws321 .infoimg img{width: 166px;height: 223px;border: 1px solid #E7E7E7;padding: 4px;background: #FFF}
.aiaws321 .infolist .item{line-height: 25px;padding: 0 5px;border-bottom: 1px solid #FFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.aiaws321 .infolist .item:nth-child(odd){background: #FAFAFA}
.aiaws321 .infolist .item:nth-child(even){background: #F5F5F5}
.aiaws321 .infolist .item b{display: block;float: left;width: 95px}
.aiaws321 .infolist .item a{color: #333;text-decoration: none}
.aiaws321 .synopsis{text-align: justify;font-size: 14px;margin: 1px 0;border: 1px solid #E1EAF0;padding: 10px}
.aiaws321 .synopsis0{font-size: 12px}
.aiaws321 .synopsis0 p{margin: 1em 0 !important}
.aiaws321 .epslist{width: 100%;margin: 0;padding: 0;border-collapse: collapse;border-spacing: 0}
.aiaws321 .epslist th, .epslist td{border: 1px solid #fff}
.aiaws321 .epslist th{text-align: left;padding: 6px 5px;color: #646464;font-weight: bold;font-size: 11px;background: rgb(252,252,252);background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(232,232,232,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(232,232,232,1)));background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(232,232,232,1) 100%);background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(232,232,232,1) 100%);background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(232,232,232,1) 100%);background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(232,232,232,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e8e8e8',GradientType=0 )}
.aiaws321 .epslist th.dl{text-align: center}
.aiaws321 .epslist tr:nth-child(odd){background: #FAFAFA}
.aiaws321 .epslist tr:nth-child(even){background: #F5F5F5}
.aiaws321 .epslist tr:hover{background: #FAFAFA !important}
.aiaws321 .epslist td{padding: 0 5px;line-height: 25px;height: 25px}
.aiaws321 .epslist td.dl{width: 130px;text-align: center;background: #E5E8F0}
.aiaws321 .epslist a{font-size: 12px;color: #505050;font-family: 'Open sans', sans-serif;text-decoration: none}</code></pre>
<br />
<div style="text-align: justify;">
<ul>
<li>Jika Sudah, <b>Silahkan Simpan Template.</b></li>
</ul>
</div>
<br />
<div style="text-align: justify;">
<ul>
<li>Kemudian, <b>Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).</b></li>
</ul>
</div>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="aiaws321">
<span class="Apple-tab-span" style="white-space: pre;"> </span><h2><mark>Judul Anime</mark></h2>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="infoanime">
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="infoimg">
<span class="Apple-tab-span" style="white-space: pre;"> </span><img src="<mark>Link Gambar/Cover Anime</mark>" alt="<mark>Judul Anime</mark>">
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="infolist">
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Japanese</b>: <mark>Nama Lain / Nama Jepang Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Producer</b>: <mark>Produser Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Type</b>: <mark>Tipe Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Status</b>: <mark>Status Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Genres</b>:
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Genre</mark>"><mark>Genre Anime</mark></a>,
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Genre</mark>"><mark>Genre Anime</mark></a>,
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Genre</mark>"><mark>Genre Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Durasi</b>: <mark>Durasi Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Episode</b>: <mark>Episode Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Rating</b>: <mark>Rating Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="item"><b>Added On</b>: <mark>Tanggal Rilis Anime</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="synopsis">
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Sinopsis:</b></br>
<span class="Apple-tab-span" style="white-space: pre;"> </span><span class="synopsis0">
<span class="Apple-tab-span" style="white-space: pre;"> </span><p><mark>Sinopsis Anime</mark></p>
<span class="Apple-tab-span" style="white-space: pre;"> </span><center><iframe src="<mark>Link Trailer Anime</mark>" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></center>
<span class="Apple-tab-span" style="white-space: pre;"> </span></span>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><table class="epslist">
<span class="Apple-tab-span" style="white-space: pre;"> </span><thead>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><th><mark>Nama Anime</mark> Anime Episodes</th>
<span class="Apple-tab-span" style="white-space: pre;"> </span><th class="dl">Download</th>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span></thead>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tbody>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime</mark>"><mark>Judul Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td class="dl">
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime</mark>">Download Now!</a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tbody>
<span class="Apple-tab-span" style="white-space: pre;"> </span></table>
</div></code></pre>
<br />
<div style="text-align: justify;">
<ul>
<li style="text-align: justify;">Setelah itu, <b>dibawah ini merupakan kode untuk menambah episode anime di anime info. Untuk menambahkan episode anime, silahkan salin dan terapkan pada kode diatas sebelum</b> <kbd></tbody></kbd>.</li>
</ul>
</div>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup">
<span class="Apple-tab-span" style="white-space: pre;"> </span><tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime</mark>"><mark>Judul Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td class="dl">
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime</mark>">Download Now!</a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
</code></pre>
<br />
<div style="text-align: justify;">
<ul>
<li>Jika sudah, <b>silahkan kamu ganti kode yang sudah ditandai sesuai dengan tanda kode tersebut. Lalu, publikasikan dan lihat bagaimana hasilnya.</b></li>
</ul>
</div>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/10/anime-info-wardhanime.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div style="text-align: justify;">
Sekian ilmu yang saya bagikan hari ini. Semoga bermanfaat. Terima kasih.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com5tag:blogger.com,1999:blog-6043834529751813526.post-77398712508151253202016-10-14T03:50:00.001-07:002016-10-14T03:50:09.601-07:00Cara Membuat Genre List Seperti Kurogaze<div style="text-align: justify;">
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.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7ipuprn3PTMWcXSgN_7cwjxmnF4rfBRlslNoUXrzBUdPOOOmC6tgeunDXtKsr3vw0xNhXUmLYbg-Rkf6hUP9tZnts1GezLlcj589VlYMLw3N-07NmOtMJqt1UZMRvuJqroAfYzro98M/s1600/Cara+Membuat+Genre+List+Kurogaze.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="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" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7ipuprn3PTMWcXSgN_7cwjxmnF4rfBRlslNoUXrzBUdPOOOmC6tgeunDXtKsr3vw0xNhXUmLYbg-Rkf6hUP9tZnts1GezLlcj589VlYMLw3N-07NmOtMJqt1UZMRvuJqroAfYzro98M/s640/Cara+Membuat+Genre+List+Kurogaze.jpg" title="Cara Membuat Genre List Seperti Kurogaze" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Sebelumnya saya sudah berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2016/08/genre-list-animekompi.html" target="_blank">Cara Membuat Genre List Seperti AnimeKompi</a> 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.</div>
<br />
<div style="text-align: justify;">
Pertama, <b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></div>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* 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;}
</code></pre>
<br />
<div style="text-align: justify;">
Setelah itu, <b>Silahkan Simpan Template.</b></div>
<br />
<div style="text-align: justify;">
Jika sudah, <b>Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).</b></div>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="kggl321">
<span class="Apple-tab-span" style="white-space: pre;"> </span><ul>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Action</mark>" href="/search/label/<mark>action</mark>" target="_blank"><mark>Action</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Adventure</mark>" href="/search/label/<mark>adventure</mark>" target="_blank"><mark>Adventure</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Comedy</mark>" href="/search/label/<mark>comedy</mark>" target="_blank"><mark>Comedy</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Demons</mark>" href="/search/label/<mark>demons</mark>" target="_blank"><mark>Demons</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Drama</mark>" href="/search/label/<mark>drama</mark>" target="_blank"><mark>Drama</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Fantasy</mark>" href="/search/label/<mark>fantasy</mark>" target="_blank"><mark>Fantasy</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Game</mark>" href="/search/label/<mark>game</mark>" target="_blank"><mark>Game</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Historical</mark>" href="/search/label/<mark>historical</mark>" target="_blank"><mark>Historical</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Horror</mark>" href="/search/label/<mark>horror</mark>" target="_blank"><mark>Horror</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Magic</mark>" href="/search/label/<mark>magic</mark>" target="_blank"><mark>Magic</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Martial Arts</mark>" href="/search/label/<mark>martial-arts</mark>" target="_blank"><mark>Martial Arts</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Mecha</mark>" href="/search/label/<mark>mecha</mark>" target="_blank"><mark>Mecha</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Military</mark>" href="/search/label/<mark>military</mark>" target="_blank"><mark>Military</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Music</mark>" href="/search/label/<mark>music</mark>" target="_blank"><mark>Music</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Mystery</mark>" href="/search/label/<mark>mystery</mark>" target="_blank"><mark>Mystery</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Parody</mark>" href="/search/label/<mark>parody</mark>" target="_blank"><mark>Parody</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Police</mark>" href="/search/label/<mark>police</mark>" target="_blank"><mark>Police</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Psychological</mark>" href="/search/label/<mark>psychological</mark>" target="_blank"><mark>Psychological</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Romance</mark>" href="/search/label/<mark>romance</mark>" target="_blank"><mark>Romance</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Samurai</mark>" href="/search/label/<mark>samurai</mark>" target="_blank"><mark>Samurai</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>School</mark>" href="/search/label/<mark>school</mark>" target="_blank"><mark>School</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Sci-Fi</mark>" href="/search/label/<mark>sci-fi</mark>" target="_blank"><mark>Sci-Fi</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Seinen</mark>" href="/search/label/<mark>seinen</mark>" target="_blank"><mark>Seinen</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Shoujo</mark>" href="/search/label/<mark>shoujo</mark>" target="_blank"><mark>Shoujo</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Shounen</mark>" href="/search/label/<mark>shounen</mark>" target="_blank"><mark>Shounen</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Shounen Ai</mark>" href="/search/label/<mark>shounen-ai</mark>" target="_blank"><mark>Shounen Ai</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Slice of Life</mark>" href="/search/label/<mark>slice-of-life</mark>" target="_blank"><mark>Slice of Life</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Space</mark>" href="/search/label/<mark>space</mark>" target="_blank"><mark>Space</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Spiritual</mark>" href="/search/label/<mark>spiritual</mark>" target="_blank"><mark>Spiritual</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Sports</mark>" href="/search/label/<mark>sports</mark>" target="_blank"><mark>Sports</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Super Power</mark>" href="/search/label/<mark>super-power</mark>" target="_blank"><mark>Super Power</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Supernatural</mark>" href="/search/label/<mark>supernatural</mark>" target="_blank"><mark>Supernatural</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Thriller</mark>" href="/search/label/<mark>thriller</mark>" target="_blank"><mark>Thriller</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a title="Anime bergenre <mark>Vampire</mark>" href="/search/label/<mark>vampire</mark>" target="_blank"><mark>Vampire</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span></ul>
</div>
</code></pre>
<br />
<div style="text-align: justify;">
Terakhir, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu.</b></div>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/10/genre-list-kurogaze.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div style="text-align: justify;">
Sekian Tutorial kali ini. Semoga Bermanfaat. Sampai jumpa pada tutorial berikutnya.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com6tag:blogger.com,1999:blog-6043834529751813526.post-13716388851906858052016-10-09T00:54:00.000-07:002016-10-13T22:51:42.266-07:00Cara Membuat Anime Info Seperti Oploverz<div style="text-align: justify;"><a href="https://aka321.blogspot.co.id/2016/10/anime-info-oploverz.html" target="_blank">Cara Membuat Anime Info Seperti Oploverz</a> - Anime Info atau Informasi Anime biasa digunakan Fansub atau Fanshare agar pengunjung mengetahui sinopsis, jumlah episode, rating, genre, durasi dari anime tersebut. Biasanya dalam Anime Info juga terdapat tabel episode anime untuk mempermudah pengunjung mendownload anime favoritnya.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVZYv3SitwZjYlGZwe0w06WCckUaVC_mWm6erydOniq6uFvyYAeHLfTM63Yvcmdzm0ID2PmLU3KqjckaM9g3i1kd0K5rd761kS6W5PUxTv-pYf2CwFvEcYbVhqSmBqaDdA9qMR7evClz8/s1600/Cara+Membuat+Anime+Info+Seperti+Oploverz.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Anime Info Seperti Oploverz, Cara Membuat Anime Info Seperti Fansub, Cara Membuat Anime Info Fansub, Cara Membuat Fansub, Cara Membuat Seperti Oploverz, Aka321, Aka321.blogspot.com, Tutorial Fansub, Cara Membuat Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVZYv3SitwZjYlGZwe0w06WCckUaVC_mWm6erydOniq6uFvyYAeHLfTM63Yvcmdzm0ID2PmLU3KqjckaM9g3i1kd0K5rd761kS6W5PUxTv-pYf2CwFvEcYbVhqSmBqaDdA9qMR7evClz8/s640/Cara+Membuat+Anime+Info+Seperti+Oploverz.jpg" title="Cara Membuat Anime Info Seperti Oploverz" width="640" /></a></div><br />
<div style="text-align: justify;">Ini merupakan postingan pertama saya dalam membuat Anime Info. Pada kesempatan kali ini saya akan berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2016/10/anime-info-oploverz.html" target="_blank">Cara Membuat Anime Info Seperti Oploverz</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div><br />
<div style="text-align: justify;"><ul><li><b>Pertama, Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></li>
</ul></div><br />
<pre title="CSS" data-codetype ="CSSku"><code class="language-css">/* Anime Info Oploverz - Aka321 */
#aiopl321{font-family: 'Open Sans',sans-serif}
#aiopl321 a{text-decoration: none;font-family: 'Open Sans',sans-serif}
#aiopl321 a:hover{text-decoration: underline}
#aiopl321 h1{font-size: 15px;line-height: normal;margin-bottom: 10px}
#aiopl321 .imgdesc{overflow: hidden;margin-bottom: 10px;font-size: 13px}
#aiopl321 .imgdesc img{float: left;width: 150px;height: 210px;padding: 1px;border: 1px solid #DDD;margin-right: 10px}
#aiopl321 .desc{text-align: justify;font-family: segoe ui;color: #4B5360}
#aiopl321 .desc .synopsis{margin: 0;font-family: arial;font-size: 12px;line-height: 20px}
.desc .latestwrap{float: right;border: 1px solid #DDD;margin-left: 10px;padding: 1px;overflow: hidden;width: 150px;text-align: center}
.desc .latestwrap .latesthead{background: #333;color: #FFF;line-height: 27px;font-size: 13px}
.desc .latestwrap .latesteps{line-height: 34px;font-size: 17px;color: #4B5360}
.desc .latestwrap .latestnow{line-height: 27px;font-size: 13px}
.desc .latestwrap .latestnow a{display: block;background: #F13E3E;color: #FFF}
.infolist{padding: 6px 10px;font-size: 13px;background: #F7F7F7;border: 1px solid #E0DFDF;margin-bottom: 5px;color: #444}
.infolist a{color: #000}
.infolist ul{margin: 0px !important;padding: 0px !important}
.infolist ul li{line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;list-style: none}
.infolist ul li b{display: block;float: left;width: 95px;color: #333}
.epslist{width: 100%;margin: 0;padding: 0;border-collapse: collapse;border-spacing: 0;font-family: tahoma}
.epslist tr:hover{background: #555 !important}
.epslist tr:hover th{background:#333}
.epslist tr:hover a, .epslist tr:hover td{color: #fff;transition: all 0.25s;background:transparent}
.epslist tr:hover td.dl {color: #fff;transition: all 0.25s;background: #f13e3e}
.epslist th{background: #333;color: #FFF;text-align:left}
.epslist th.eps, .epslist th.dl{text-align: center}
.epslist th, .epslist td{padding: 3px 5px !important;font-size: 11px;border: 1px solid #fff;font-weight: 400}
.epslist a{color: #000;text-decoration: none}
.epslist tr:nth-child(even){background: #F0F0F0}
.epslist tr:nth-child(odd){background: #F7F7F7}
.epslist td.eps{text-align: center}
.epslist td.dl{text-align: center;background: #F13E3E}
.epslist td.dl a{color: #fff}
.epslist td a:hover{text-decoration: underline}
</code></pre><br />
<div style="text-align: justify;"><ul><li>Jika Sudah, <b>Silahkan Simpan Template</b>.</li>
</ul></div><br />
<div style="text-align: justify;"><ul><li>Kemudian, <b>Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).</b></li>
</ul></div><br />
<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"><div id="aiopl321">
<span class="Apple-tab-span" style="white-space: pre;"> </span><h1>Tonton atau Download "<mark>Judul Anime</mark>" Subtitle Indonesia</h1>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="imgdesc">
<span class="Apple-tab-span" style="white-space: pre;"> </span><img src="<mark>Link Gambar/Cover Anime</mark>" alt="<mark>Judul Anime</mark>"/>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="desc">
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Sinopsis <mark>Judul Anime</mark></b>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="latestwrap">
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="latesthead">Episode Terbaru</div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="latesteps"> Episode <mark>#</mark></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="latestnow">
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime yang terakhir di rilis</mark>">Tonton Sekarang!</a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="synopsis">
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark>Sinopsis Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="infolist">
<span class="Apple-tab-span" style="white-space: pre;"> </span><ul>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Judul Asli</b>: <mark>Nama Lain Anime / Nama Jepang Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Tipe</b>: <mark>Tipe Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Episode</b>: <mark>Episode Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Status</b>: <mark>Status Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Disiarkan</b>: <mark>Tanggal Rilis Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Produser</b>: <mark>Produser Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Skor</b>: <mark>Skor Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Genres</b>:
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Genre</mark>"><mark>Genre Anime</mark></a>,
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Genre</mark>"><mark>Genre Anime</mark></a>,
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Genre</mark>"><mark>Genre Anime</mark></a>,
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Genre</mark>"><mark>Genre Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><b>Durasi</b>: <mark>Durasi Anime</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span></ul>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><table class="epslist">
<span class="Apple-tab-span" style="white-space: pre;"> </span><thead>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><th class="eps">Episode #</th>
<span class="Apple-tab-span" style="white-space: pre;"> </span><th>Judul Episode</th>
<span class="Apple-tab-span" style="white-space: pre;"> </span><th>Tanggal Posting</th>
<span class="Apple-tab-span" style="white-space: pre;"> </span><th class="dl">Download</th>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span></thead>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tbody>
<span class="Apple-tab-span" style="white-space: pre;"> </span><tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td class="eps">
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime</mark>"><mark>Episode Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime</mark>"><mark>Judul Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark>Tanggal Rilis</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td class="dl">
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime</mark>">Download!</a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tbody>
<span class="Apple-tab-span" style="white-space: pre;"> </span></table>
</div>
</code></pre><br />
<ul><li>Setelah itu, <b style="text-align: justify;">dibawah ini merupakan kode untuk menambah episode anime di anime info. Untuk menambahkan episode anime, silahkan salin dan terapkan pada kode diatas sebelum</b><span style="text-align: justify;"> </span><kbd style="text-align: justify;"></tbody></kbd><span style="text-align: justify;">.</span></li>
</ul><br />
<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"><span class="Apple-tab-span" style="white-space: pre;"> </span><tr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td class="eps">
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime</mark>"><mark>Episode Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime</mark>"><mark>Judul Anime</mark></a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark>Tanggal Rilis</mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span><td class="dl">
<span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<mark>Link Anime</mark>">Download!</a>
<span class="Apple-tab-span" style="white-space: pre;"> </span></td>
<span class="Apple-tab-span" style="white-space: pre;"> </span></tr>
</code></pre><br />
<div style="text-align: justify;"><ul><li>Jika sudah, <b>silahkan kamu ganti kode yang sudah ditandai sesuai dengan tanda kode tersebut. Lalu, publikasikan dan lihat bagaimana hasilnya.</b></li>
</ul></div><br />
<div style="text-align: center;"><ul class="button"><li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/10/anime-info-oploverz.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul></div><div class="clear"></div><br />
<div style="text-align: justify;">Sekian ilmu yang saya bagikan hari ini. Semoga bermanfaat. Terima kasih.</div>Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com15tag:blogger.com,1999:blog-6043834529751813526.post-15644906176453630052016-09-21T04:53:00.001-07:002016-09-21T20:16:28.747-07:00Cara Membuat Jadwal Rilis Seperti Tonansub<div style="text-align: justify;">
<a href="https://aka321.blogspot.co.id/2016/09/jadwal-rilis-tonansub.html" target="_blank">Cara Membuat Jadwal Rilis Seperti Tonansub</a> - Jadwal Rilis biasa digunakan Fansub atau Fanshare agar pengunjung mudah mengetahui kapan anime yang diinginkannya atau yang ingin ditontonnya rilis.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-dcA3s4FoB82mOwyqSiMjAdZMZGZx9CYUl9u757YhS7eklPyrMF5NvTtem3ltGlIrjirL_wFgueL14iUF8NsN0AnFkJSKQvWWo17mKgKFJc5o6ARJlr7BYPTIEqsfgd0NR42WAYKaPwQ/s1600/Cara+Membuat+Jadwal+Rilis+Tonansub.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Jadwal Rilis Seperti Tonansub, Cara Membuat Jadwal Rilis, Cara Membuat Jadwal Rilis Seperti Fansub, Cara Membuat Jadwal Rilis Fansub, Cara Membuat Fansub, Tutorial Membuat Jadwal Rilis Seperti Tonansub, Tutorial Membuat Jadwal Rilis Seperti Fansub, Aka321, Tutorial Fanubs, Jadwal Rilis Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-dcA3s4FoB82mOwyqSiMjAdZMZGZx9CYUl9u757YhS7eklPyrMF5NvTtem3ltGlIrjirL_wFgueL14iUF8NsN0AnFkJSKQvWWo17mKgKFJc5o6ARJlr7BYPTIEqsfgd0NR42WAYKaPwQ/s640/Cara+Membuat+Jadwal+Rilis+Tonansub.jpg" title="Cara Membuat Jadwal Rilis Seperti Tonansub" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Sebelumnya saya sudah posting tentang <a href="https://aka321.blogspot.co.id/2016/08/jadwal-rilis-kurogaze.html" target="_blank">Cara Membuat Jadwal Rilis Seperti Kurogaze</a>. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="https://aka321.blogspot.co.id/2016/09/jadwal-rilis-tonansub.html" target="_blank">Cara Membuat Jadwal Rilis Seperti Tonansub</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<div style="text-align: justify;">
Pertama, <b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></div>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Jadwal Rilis Tonansub - Aka321 */
.jrtns321{font-family:Arial, sans-serif !important;font-size:13px;color: #333333;}
.jrtns321 a{color: #75c5cf;}
.jrtns321 a:hover{color: #5e5e5e;}
.jrtb321{border-bottom: 1px solid #ebebeb;padding: 0 !important;margin: 0 !important;list-style: none;display: inline-block;width: 100%;}
.jrtb321:before, .jrtb321:after{display: table;content: " ";}
.jrtb321 li{float: left;margin: -1px !important;position: relative;display: block;}
.jrtb321 > li.active > a, .jrtb321 > li.active > a:hover, .jrtb321 > li.active > a:focus{color: #555555;cursor: default;background-color: #ffffff;border: 1px solid #ebebeb;border-bottom-color: transparent;}
.jrtb321 li a{position: relative;display: block;margin-right: 4px;border: 1px solid transparent;line-height: 1.428571429;border-radius: 4px 4px 0 0;font-weight: 600;padding: 15px 20px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.jrtb321 li a:hover{border: 1px solid #ebebeb;background: #fff;}
.jrctn321{padding: 20px;}
.tab2, .tab3, .tab4, .tab5, .tab6, .tab7, .tab8{display:none;}
.jrctn321 hr{margin-top: 4px;margin-bottom: 4px;border: 0;border-top: 1px solid #eeeeee;height: 0;background: none;}
.jrctn321 .row{margin-right: -15px;margin-left: -15px;display: flex;}
.jrctn321 .row:before, .jrctn321 .row:after{display: table;content: " ";}
.jrava0{float: left;padding-left: 15px;}
.jrava0 img.avatar{width:50px;height:50px;border-radius:50%;background:#ebebeb;}
.jrinfo{width:80%;position: relative;padding-right: 15px;padding-left: 15px;float:left;}
.jrinfo p{margin: 0 0 10px;}
</code></pre>
<br />
<div style="text-align: justify;">
Lalu, <b>Terapkan Kode Jquery dibawah ini sebelum</b> <kbd></head></kbd> <b>(Jika sudah ada lewati langkah ini).</b></div>
<br />
<pre data-codetype="JQueryku" title="jQuery"><code class="language-javascript"><script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/></code></pre>
<br />
<div style="text-align: justify;">
Setelah itu, <b>Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></body></kbd></div>
<br />
<pre data-codetype="JQueryku" title="jQuery"><code class="language-javascript"><script type='text/javascript'>
jQuery(document).ready(function($){$('.jrtb321 li:first').addClass('active');$('.jrctn321 > div').hide;$('.jrctn321 > div:first').fadeIn(700);$('.jrtb321 a').click(function(){$('.jrtb321 li').removeClass('active');$(this).parent().addClass('active');var activeTab=$(this).attr('href');$('.jrctn321 > div:visible').hide();$(activeTab).fadeIn(700);return!1})});
</script>
</code></pre>
<br />
<div style="text-align: justify;">
Jika Sudah, <b>Silahkan Simpan Template.</b></div>
<br />
<div style="text-align: justify;">
Kemudian, <b>Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).</b></div>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="jrtns321">
<span class="Apple-tab-span" style="white-space: pre;"> </span><ul class="jrtb321">
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#senin">Senin</a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#selasa">Selasa</a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#rabu">Rabu</a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#kamis">Kamis</a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#jumat">Jum'at</a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#sabtu">Sabtu</a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#minggu">Minggu</a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#random">Random</a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span></ul>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="jrctn321">
<span class="Apple-tab-span" style="white-space: pre;"> </span><!------- INI TAB SENIN ------->
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="tab1" id="senin">
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark><!--- ANIME SENIN DISINI ---></mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><!------- INI TAB SELASA ------->
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="tab2" id="selasa">
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark>><!--- ANIME SELASA DISINI ---></mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><!------- INI TAB RABU ------->
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="tab3" id="rabu">
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark><!--- ANIME RABU DISINI ---></mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><!------- INI TAB KAMIS ------->
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="tab4" id="kamis">
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark><!--- ANIME KAMIS DISINI ---></mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><!------- INI TAB JUMAT ------->
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="tab5" id="jumat">
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark><!--- ANIME JUMAT DISINI ---></mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><!------- INI TAB SABTU ------->
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="tab6" id="sabtu">
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark><!--- ANIME SABTU DISINI ---></mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><!------- INI TAB MINGGU ------->
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="tab7" id="minggu">
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark><!--- ANIME MINGGU DISINI ---></mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><!------- INI TAB RANDOM ------->
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="tab8" id="random">
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span><mark><!--- ANIME RANDOM DISINI ---></mark>
<span class="Apple-tab-span" style="white-space: pre;"> </span>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
</div>
</code></pre>
<br />
<div style="text-align: justify;">
Setelah itu, dibawah ini merupakan kode untuk menambah anime di jadwal rilis. Untuk menambahkan anime, <b>silahkan salin dan terapkan di bawah kode yang sudah ditandai</b>.</div>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><span class="Apple-tab-span" style="white-space: pre;"> </span><hr>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="row">
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="jrava0">
<span class="Apple-tab-span" style="white-space: pre;"> </span><img class="avatar" src=" <mark>LINK GAMBAR</mark> " alt=" <mark>NAMA ANIME</mark> "/>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="jrinfo">
<span class="Apple-tab-span" style="white-space: pre;"> </span><p><a href=" <mark>LINK TUJUAN</mark> "> <mark>NAMA ANIME</mark> </a></p>
<span class="Apple-tab-span" style="white-space: pre;"> </span><p>Genre: <a> <mark>GENRE ANIME</mark> </a></p>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></div>
</code></pre>
<br />
<div style="text-align: justify;">
Jika Sudah, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu.</b></div>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/09/jadwal-rilis-tonansub.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
Sekian Tutorial kali ini. Semoga Bermanfaat. Sampai jumpa pada tutorial berikutnya.Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com2tag:blogger.com,1999:blog-6043834529751813526.post-89041648554449255902016-09-11T05:14:00.000-07:002016-09-21T20:16:30.127-07:00Cara Membuat Download Box Seperti Meongs<div style="text-align: justify;"><a href="http://aka321.blogspot.co.id/2016/09/download-box-meongs.html" target="_blank">Cara Membuat Download Box Seperti Meongs</a> - Download Box biasa digunakan fansub atau fanshare agar website mereka bagus, rapih, dan juga seperti fansub atau fanshare yang profesional. tapi terkadang ada juga fansub atau fanshare yang belum tahu Cara Membuat Download Box.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0gS6Y-za1x_vjgWOmgmxvwX42xtWRwPV_2nrJ5yJ1IDRAsgn4dzgBR__ZQLuGQ_S99YTmnoRAe6Sul2TvTGEJIrPp_g_SWBijgK-o5zgQt2o_f4feer_3EwkRFpvmOfRNRxcy2gpCwXo/s1600/Cara+Membuat+Download+Box+Seperti+Meongs.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Download Box Seperti Meongs, Cara Membuat Download Box, Cara Membuat Download Box Seperti Fansub, Cara Membuat Download Box Fansub, Cara Membuat Download Link Fansub, Cara Membuat Download Link Seperti Meongs, Cara Membuat Fansub, Tutorial Membuat Download Box Seperti Meongs, Tutorial Membuat Download Box Seperti Fansub, Aka321, Tutorial Fanubs, Download Box Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0gS6Y-za1x_vjgWOmgmxvwX42xtWRwPV_2nrJ5yJ1IDRAsgn4dzgBR__ZQLuGQ_S99YTmnoRAe6Sul2TvTGEJIrPp_g_SWBijgK-o5zgQt2o_f4feer_3EwkRFpvmOfRNRxcy2gpCwXo/s640/Cara+Membuat+Download+Box+Seperti+Meongs.jpg" title="Cara Membuat Download Box Seperti Meongs" width="640" /></a></div><br />
<div style="text-align: justify;">Sebelumnya saya sudah posting tentang <a href="http://aka321.blogspot.co.id/2016/06/download-box-yukisubs.html" target="_blank">Cara Membuat Download Box Seperti Yukisubs</a>. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="http://aka321.blogspot.co.id/2016/09/download-box-meongs.html" target="_blank">Cara Membuat Cara Membuat Download Box Seperti Meongs</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div><br />
<div style="text-align: justify;">Pertama, <b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></div><br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* Download Box Meongs - Aka321 */
#mgdl321{position: relative;font: normal 12px Arial, Sans-Serif}
#dltb321{list-style:none;height: 30px;margin: 0 !important;padding: 0 !important}
#dltb321 li{list-style:none;margin: 0 0 0 2px;float: left;font-weight: 700}
#dltb321 li a{display: block;padding: 0 6px;line-height: 30px;text-decoration: none;color: #398BCE;background-color: #ccc}
#dltb321 li.active a{background-color: #f3f3f3}
#dlctn321 > div{background-color: #f3f3f3;color: #000;padding: 10px 15px;border-bottom: 4px solid #398BCE}
#dlctn321 a{color: #398dcc;text-decoration: none;outline: none;transition: all 0.25s}
#dlctn321 a:hover{color: #222;text-decoration: none}
#tab2, #tab3{display:none;}</code></pre><br />
<div style="text-align: justify;">Lalu, <b>Terapkan Kode Jquery dibawah ini sebelum</b> <kbd></head></kbd> <b>(Jika sudah ada lewati langkah ini).</b></div><br />
<pre data-codetype="JQueryku" title="jQuery"><code class="language-javascript"><script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'/></code></pre><br />
<div style="text-align: justify;">Setelah itu, <b>Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></body></kbd></div><br />
<pre data-codetype="JavaScriptku" title="Javascript"><code class="language-javascript"><script type='text/javascript'>
jQuery(document).ready(function($){$('#dltb321 li:first').addClass('active');$('#dlctn321 > div').hide();$('#dlctn321 > div:first').show();$('#dltb321 a').click(function(){$('#dltb321 li').removeClass('active');$(this).parent().addClass('active');var activeTab=$(this).attr('href');$('#dlctn321 > div:visible').hide();$(activeTab).show();return false;});});
</script>
</code></pre><br />
<div style="text-align: justify;">Jika Sudah, <b>Silahkan Simpan Template.</b></div><br />
<div style="text-align: justify;">Kemudian, <b>Saat Kamu membuat postingan baru terapkan Kode Download Box Meongs di bawah ini pada Tab HTML (Bukan Compose).</b></div><br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div id="mgdl321">
<ul id="dltb321">
<li><a href="#tab1">Daftar Episode:</a></li>
<li><a href="#tab2">Streaming</a></li>
<li><a href="#tab3">Batch</a></li>
</ul>
<div id="dlctn321">
<div id="tab1">
<!--- Daftar Episode Start --->
Nama Anime =
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 1</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 2</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 3</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 4</mark> </a><br>
Nama Anime =
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 1</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 2</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 3</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 4</mark> </a><br>
Nama Anime =
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 1</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 2</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 3</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 4</mark> </a><br>
Nama Anime =
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 1</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 2</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 3</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 4</mark> </a><br>
<!--- Daftar Episode End --->
</div>
<div id="tab2">
<ul>
<!--- Streaming Start --->
<li><a href=" <mark>Link Tujuan</mark> " title=" <mark>Nama Anime</mark> " > <mark>Nama Anime</mark> </a></li>
<li><a href=" <mark>Link Tujuan</mark> " title=" <mark>Nama Anime</mark> " > <mark>Nama Anime</mark> </a></li>
<li><a href=" <mark>Link Tujuan</mark> " title=" <mark>Nama Anime</mark> " > <mark>Nama Anime</mark> </a></li>
<li><a href=" <mark>Link Tujuan</mark> " title=" <mark>Nama Anime</mark> " > <mark>Nama Anime</mark> </a></li>
<li><a href=" <mark>Link Tujuan</mark> " title=" <mark>Nama Anime</mark> " > <mark>Nama Anime</mark> </a></li>
<li><a href=" <mark>Link Tujuan</mark> " title=" <mark>Nama Anime</mark> " > <mark>Nama Anime</mark> </a></li>
<!--- Streaming End --->
</ul>
</div>
<div id="tab3">
<!--- Batch Start --->
Batch:
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 1</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 2</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 3</mark> </a> |
<a href=" <mark>Link Tujuan</mark> " target="_blank" rel="nofollow"> <mark>Server 4</mark> </a>
<!--- Batch End --->
</div>
</div>
</div>
</code></pre><br />
<div style="text-align: justify;">Jika Sudah, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu.</b></div><br />
<div style="text-align: center;"><ul class="button"><li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/09/download-box-meongs.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul></div><div class="clear"></div><br />
<div style="text-align: justify;">Sekian Tutorial kali ini. Semoga Bermanfaat. Sampai jumpa pada tutorial berikutnya.</div>Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com10tag:blogger.com,1999:blog-6043834529751813526.post-76587063147343585372016-08-28T03:48:00.000-07:002016-08-28T03:53:27.319-07:00Cara Membuat Jadwal Rilis Seperti Kurogaze<div style="text-align: justify;">
<a href="http://aka321.blogspot.co.id/2016/08/jadwal-rilis-kurogaze.html" target="_blank">Cara Membuat Jadwal Rilis Seperti Kurogaze</a> - Jadwal Rilis biasa digunakan Fansub atau Fanshare agar pengunjung mudah mengetahui kapan anime yang diinginkannya atau yang ingin ditontonnya rilis.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjznkHlXAZ4K1skjmq7LwaHa440lVVscsv4Cro8bQN-RbBs9-zw0Kh7ctwQBkZidYchv9q1WafhY4sVOhZ8uh0-H0SxNh-JhOAECQBa1tlICIlONI9MrVrXxP559__dK2-AOCDEsJvAjk/s1600/Cara+Membuat+Jadwal+Rilis+KuroGaze.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Jadwal Rilis Seperti Kurogaze, Cara Membuat Jadwal Rilis Seperti Fansub, Cara Membuat Jadwal Rilis, Tutorial Membuat Jadwal Rilis, Aka321, Tutorial Fansub, Jadwal Rilis Fansub." border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjznkHlXAZ4K1skjmq7LwaHa440lVVscsv4Cro8bQN-RbBs9-zw0Kh7ctwQBkZidYchv9q1WafhY4sVOhZ8uh0-H0SxNh-JhOAECQBa1tlICIlONI9MrVrXxP559__dK2-AOCDEsJvAjk/s640/Cara+Membuat+Jadwal+Rilis+KuroGaze.jpg" title="Cara Membuat Jadwal Rilis Seperti Kurogaze" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Sebelumnya saya sudah berbagi ilmu tentang <a href="http://aka321.blogspot.co.id/2016/04/jadwal-rilis-wardhanime-2014.html" target="_blank">Cara Membuat Jadwal Rilis Seperti Wardhanime 2014</a> Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="http://aka321.blogspot.co.id/2016/08/jadwal-rilis-kurogaze.html" target="_blank">Cara Membuat Jadwal Rilis Seperti Kurogaze</a>. Langsung saja kamu ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<div style="text-align: justify;">
<ul>
<li><b>Pertama, Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum </b><kbd></b:skin></kbd><b> atau </b><kbd></style></kbd></li>
</ul>
</div>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Jadwal Rilis Kurogaze - Aka321 */
#post-wrapper{width: 100%;max-width: 100%}
.kgjdwl321{overflow: hidden;width: 960px;font-family: sans-serif}
.kgjdwl321 h1{font-size: 16px;border-bottom: 4px solid #DDD;padding-bottom: 5px;text-align: center;color: #555;text-transform: uppercase}
.kgjdwl321 center{margin:10px 0px}
.kglist321{float: left;<mark>width: 238px;</mark>margin: 5px 1px}
.kglist321 h2{border: 1px solid #222;text-align: center;font-size: 13px;padding: 5px;background: #333;color: #FFF;margin:0px !important;line-height: 20px !important}
.kglist321 ul{margin: 1px 0px !important;padding: 0px !important;list-style: none outside none;border: 1px solid #DDD;height: 321px}
.kglist321 ul li{padding: 4px !important;border: 1px solid #DDD;margin: 1px !important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.kglist321 ul li:nth-child(2n+1){#F7FFEA}
</code></pre>
<br />
<div style="text-align: justify;">
<ul>
<li><b>Jika lebar jadwal kurang pas, silahkan kamu ganti kode yang sudah di tandai dengan ukuran yang pas dengan blog kamu. </b>Setelah itu, <b>Silahkan Simpan Template.</b></li>
</ul>
</div>
<br />
<div style="text-align: justify;">
<ul>
<li>Jika sudah,<b> Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).</b></li>
</ul>
</div>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="kgjdwl321">
<h1>Jadwal Rilis</h1>
<center>Note: Jadwal bisa berubah sewaktu-waktu</center>
<div class="kglist321">
<h2>Senin</h2>
<ul>
<mark><!-- KODE UNTUK ANIME "SENIN" DISINI --></mark>
</ul>
</div>
<div class="kglist321">
<h2>Selasa</h2>
<ul>
<mark><!-- KODE UNTUK ANIME "SELASA" DISINI --></mark>
</ul>
</div>
<div class="kglist321">
<h2>Rabu</h2>
<ul>
<mark><!-- KODE UNTUK ANIME "RABU" DISINI --></mark>
</ul>
</div>
<div class="kglist321">
<h2>Kamis</h2>
<ul>
<mark><!-- KODE UNTUK ANIME "KAMIS" DISINI --></mark>
</ul>
</div>
<div class="kglist321">
<h2>Jumat</h2>
<ul>
<mark><!-- KODE UNTUK ANIME "JUMAT" DISINI --></mark>
</ul>
</div>
<div class="kglist321">
<h2>Sabtu</h2>
<ul>
<mark><!-- KODE UNTUK ANIME "SABTU" DISINI --></mark>
</ul>
</div>
<div class="kglist321">
<h2>Minggu</h2>
<ul>
<mark><!-- KODE UNTUK ANIME "MINGGU" DISINI --></mark>
</ul>
</div>
<div class="kglist321">
<h2>Random</h2>
<ul>
<mark><!-- KODE UNTUK ANIME "RANDOM" DISINI --></mark>
</ul>
</div>
</div>
</code></pre>
<br />
<div style="text-align: justify;">
<ul>
<li>Setelah itu, dibawah ini merupakan kode untuk menambah anime di jadwal rilis. <b>Untuk menambahkan anime, silahkan salin dan terapkan di bawah kode yang sudah ditandai.</b></li>
</ul>
</div>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><li> NAMA ANIME </li>
<li> NAMA ANIME </li>
<li> NAMA ANIME </li>
<li> NAMA ANIME </li>
<li> NAMA ANIME </li>
</code></pre>
<br />
<div style="text-align: justify;">
<ul>
<li><b>Jika sudah silahkan publikasikan dan lihat bagaimana hasilnya.</b></li>
</ul>
</div>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/08/jadwal-rilis-kurogaze.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div style="text-align: justify;">
Sekian Tutorial kali ini. Semoga Bermanfaat. Terima kasih, sampai jumpa pada tutorial berikutnya.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com1tag:blogger.com,1999:blog-6043834529751813526.post-23191605501633845802016-08-06T22:14:00.000-07:002016-08-06T22:19:12.721-07:00Cara Membuat Genre List Seperti AnimeKompi<div style="text-align: justify;"><b><a href="http://aka321.blogspot.co.id/2016/08/genre-list-animekompi.html" target="_blank">Cara Membuat Genre List Seperti AnimeKompi</a></b> - Genre List atau Daftar Genre, biasanya digunakan oleh Fansub atau Fanshare agar para pengunjung setianya mudah mencari Anime yang di inginkan berdasarkan genre favoritnya.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAkkixI6F827mZ4Hii_lCCU-ac_zZOOr2OEBPG8Ohhm5B7kVFjS5Deo3BVL_KAlUBzQYxZZiSheo8mJczDt-FUw40nXOeMNSyIlg5-_T6H-Emv78EH7orbXiIzGnR56lCfnt7rL9fJXAI/s1600/Cara+Membuat+Genre+List+AnimeKompi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="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" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAkkixI6F827mZ4Hii_lCCU-ac_zZOOr2OEBPG8Ohhm5B7kVFjS5Deo3BVL_KAlUBzQYxZZiSheo8mJczDt-FUw40nXOeMNSyIlg5-_T6H-Emv78EH7orbXiIzGnR56lCfnt7rL9fJXAI/s640/Cara+Membuat+Genre+List+AnimeKompi.jpg" title="Cara Membuat Genre List Seperti AnimeKompi" width="640" /></a></div><br />
<div style="text-align: justify;">Sebelumnya saya sudah berbagi ilmu tentang <a href="http://aka321.blogspot.co.id/2016/07/anime-list-tonansub.html" target="_blank">Cara Membuat Anime List Seperti Tonansub</a> Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="http://aka321.blogspot.co.id/2016/08/genre-list-animekompi.html" target="_blank">Cara Membuat Genre List Seperti AnimeKompi</a>. Langsung saja kamu ikuti langkah-langkah yang ada di bawah ini.</div><br />
<div style="text-align: justify;"><b>Pertama, Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></div><br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* 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}
</code></pre><br />
<div style="text-align: justify;">Setelah itu,<b> Silahkan Simpan Template.</b></div><br />
<div style="text-align: justify;">Jika sudah, <b>Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).</b></div><br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><ul class="akgenres321">
<li>
<a href="/search/label/<mark>action</mark>/" title="View all in <mark>Action</mark>"><mark>Action</mark></a>
</li>
<li>
<a href="/search/label/<mark>adventure</mark>/" title="View all in <mark>Adventure</mark>"><mark>Adventure</mark></a>
</li>
<li>
<a href="/search/label/<mark>animation</mark>/" title="View all in <mark>Animation</mark>"><mark>Animation</mark></a>
</li>
<li>
<a href="/search/label/<mark>cars</mark>/" title="View all in <mark>Cars</mark>"><mark>Cars</mark></a>
</li>
<li>
<a href="/search/label/<mark>comedy</mark>/" title="View all in <mark>Comedy</mark>"><mark>Comedy</mark></a>
</li>
<li>
<a href="/search/label/<mark>dementia</mark>/" title="View all in <mark>Dementia</mark>"><mark>Dementia</mark></a>
</li>
<li>
<a href="/search/label/<mark>demons</mark>/" title="View all in <mark>Demons</mark>"><mark>Demons</mark></a>
</li>
<li>
<a href="/search/label/<mark>drama</mark>/" title="View all in <mark>Drama</mark>"><mark>Drama</mark></a>
</li>
<li>
<a href="/search/label/<mark>ecchi</mark>/" title="View all in <mark>Ecchi</mark>"><mark>Ecchi</mark></a>
</li>
<li>
<a href="/search/label/<mark>fantasy</mark>/" title="View all in <mark>Fantasy</mark>"><mark>Fantasy</mark></a>
</li>
<li>
<a href="/search/label/<mark>game</mark>/" title="View all in <mark>Game</mark>"><mark>Game</mark></a>
</li>
<li>
<a href="/search/label/<mark>harem</mark>/" title="View all in <mark>Harem</mark>"><mark>Harem</mark></a>
</li>
<li>
<a href="/search/label/<mark>historical</mark>/" title="View all in <mark>Historical</mark>"><mark>Historical</mark></a>
</li>
<li>
<a href="/search/label/<mark>horror</mark>/" title="View all in <mark>Horror</mark>"><mark>Horror</mark></a>
</li>
<li>
<a href="/search/label/<mark>josei</mark>/" title="View all in <mark>Josei</mark>"><mark>Josei</mark></a>
</li>
<li>
<a href="/search/label/<mark>kids</mark>/" title="View all in <mark>Kids</mark>"><mark>Kids</mark></a>
</li>
<li>
<a href="/search/label/<mark>magic</mark>/" title="View all in <mark>Magic</mark>"><mark>Magic</mark></a>
</li>
<li>
<a href="/search/label/<mark>martial-arts</mark>/" title="View all in <mark>Martial Arts</mark>"><mark>Martial Arts</mark></a>
</li>
<li>
<a href="/search/label/<mark>mecha</mark>/" title="View all in <mark>Mecha</mark>"><mark>Mecha</mark></a>
</li>
<li>
<a href="/search/label/<mark>military</mark>/" title="View all in <mark>Military</mark>"><mark>Military</mark></a>
</li>
<li>
<a href="/search/label/<mark>music</mark>/" title="View all in <mark>Music</mark>"><mark>Music</mark></a>
</li>
<li>
<a href="/search/label/<mark>mystery</mark>/" title="View all in <mark>Mystery</mark>"><mark>Mystery</mark></a>
</li>
<li>
<a href="/search/label/<mark>parody</mark>/" title="View all in <mark>Parody</mark>"><mark>Parody</mark></a>
</li>
<li>
<a href="/search/label/<mark>police</mark>/" title="View all in <mark>Police</mark>"><mark>Police</mark></a>
</li>
<li>
<a href="/search/label/<mark>psychological</mark>/" title="View all in <mark>Psychological</mark>"><mark>Psychological</mark></a>
</li>
<li>
<a href="/search/label/<mark>romance</mark>/" title="View all in <mark>Romance</mark>"><mark>Romance</mark></a>
</li>
<li>
<a href="/search/label/<mark>samurai</mark>/" title="View all in <mark>Samurai</mark>"><mark>Samurai</mark></a>
</li>
<li>
<a href="/search/label/<mark>school</mark>/" title="View all in <mark>School</mark>"><mark>School</mark></a>
</li>
<li>
<a href="/search/label/<mark>sci-fi</mark>/" title="View all in <mark>Sci-Fi</mark>"><mark>Sci-Fi</mark></a>
</li>
<li>
<a href="/search/label/<mark>seinen</mark>/" title="View all in <mark>Seinen</mark>"><mark>Seinen</mark></a>
</li>
<li>
<a href="/search/label/<mark>shoujo</mark>/" title="View all in <mark>Shoujo</mark>"><mark>Shoujo</mark></a>
</li>
<li>
<a href="/search/label/<mark>shoujo-ai</mark>/" title="View all in <mark>Shoujo Ai</mark>"><mark>Shoujo Ai</mark></a>
</li>
<li>
<a href="/search/label/<mark>shounen</mark>/" title="View all in <mark>Shounen</mark>"><mark>Shounen</mark></a>
</li>
<li>
<a href="/search/label/<mark>shounen-ai</mark>/" title="View all in <mark>Shounen Ai</mark>"><mark>Shounen Ai</mark></a>
</li>
<li>
<a href="/search/label/<mark>slice-of-life</mark>/" title="View all in <mark>Slice of Life</mark>"><mark>Slice of Life</mark></a>
</li>
<li>
<a href="/search/label/<mark>space</mark>/" title="View all in <mark>Space</mark>"><mark>Space</mark></a>
</li>
<li>
<a href="/search/label/<mark>sports</mark>/" title="View all in <mark>Sports</mark>"><mark>Sports</mark></a>
</li>
<li>
<a href="/search/label/<mark>super-power</mark>/" title="View all in <mark>Super Power</mark>"><mark>Super Power</mark></a>
</li>
<li>
<a href="/search/label/<mark>supernatural</mark>/" title="View all in <mark>Supernatural</mark>"><mark>Supernatural</mark></a>
</li>
<li>
<a href="/search/label/<mark>thriller</mark>/" title="View all in <mark>Thriller</mark>"><mark>Thriller</mark></a>
</li>
<li>
<a href="/search/label/<mark>vampire</mark>/" title="View all in <mark>Vampire</mark>"><mark>Vampire</mark></a>
</li>
</ul>
</code></pre><br />
<div style="text-align: justify;">Terakhir, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu.</b></div><br />
<div style="text-align: center;"><ul class="button"><li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/08/genre-list-animekompi.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul></div><div class="clear"></div><br />
<div style="text-align: justify;">Sekian Tutorial kali ini. Semoga Bermanfaat. Sampai jumpa pada tutorial berikutnya.</div>Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com5tag:blogger.com,1999:blog-6043834529751813526.post-16664593888752340452016-07-30T10:39:00.000-07:002016-08-06T22:20:49.742-07:00Cara Membuat Anime List Seperti Tonansub<div style="text-align: justify;">
<b><a href="http://aka321.blogspot.co.id/2016/07/anime-list-tonansub.html" target="_blank">Cara Membuat Anime List Seperti Tonansub</a></b> - Anime List atau Daftar Anime, biasanya digunakan oleh Fansub atau Fanshare agar para pengunjung setianya mudah mencari Anime yang di inginkan.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiCoFu8TZfCUUGNGtxmmnsK9zJfq_fP-zGzTr40zWsyI1KFypxPCd93rx6C5NifxArquedKg8wuSM2u8ewGe5rnfP9wWxF1vNLadcYeoUFyaopOTuu0sWk5fuF2K6SKhheERUX-5aHe20/s1600/Cara+Membuat+Anime+List+Seperti+Tonansub.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Anime List Seperti Tonansub, Cara Membuat Anime List, Cara Membuat Anime List Seperti Fansub, Cara Membuat Daftar Anime Seperti Fansub, Cara Membuat Daftar Anime Seperti Tonansub, Aka321, Tutorial Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiCoFu8TZfCUUGNGtxmmnsK9zJfq_fP-zGzTr40zWsyI1KFypxPCd93rx6C5NifxArquedKg8wuSM2u8ewGe5rnfP9wWxF1vNLadcYeoUFyaopOTuu0sWk5fuF2K6SKhheERUX-5aHe20/s640/Cara+Membuat+Anime+List+Seperti+Tonansub.jpg" title="Cara Membuat Anime List Seperti Tonansub" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Sebelumnya saya sudah berbagi ilmu tentang <a href="http://aka321.blogspot.co.id/2016/05/anime-list-wardhanime-2014.html">Cara Membuat Anime List Seperti Wardhanime tahun 2014</a> Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="http://aka321.blogspot.co.id/2016/07/anime-list-tonansub.html" target="_blank">Cara Membuat Anime List Seperti Tonansub</a>. Langsung saja kamu ikuti langkah-langkah yang ada di bawah ini.</div>
<br />
<div style="text-align: justify;">
Widget ini menggunakan <b>Font Awesome</b>, jadi silahkan <b>tambahkan link CSS berikut sebelum</b> <kbd></head></kbd></div>
<br />
<pre data-codetype="JQueryku" title="jQuery"><code class="language-javascript"><link href='//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/></code></pre>
<br />
<div style="text-align: justify;">
<b>Jika link diatas sebelumnya sudah terpasang, silahkan lewati bagian ini.</b></div>
<br />
<div style="text-align: justify;">
Pertama, <b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b><kbd> </b:skin></kbd> <b>atau</b> <kbd></style></kbd></div>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Anime List Tonansub - Aka321 */
.tslist321{font-family: 'Open Sans', Sans-serif;font-size: 13px}
.tsjdl321{position: relative;margin-top: 0;margin-bottom: 5px;text-align: center;display: block;font-size: 24px}
.tsjdl321:before{position: absolute;top: 50%;z-index: 1;display: block;width: 100%;height: 1px;border-top: 2px solid #ccc;content: ""}
.tsjdl321 span{position: relative;z-index: 1;padding: 0 20px;background: #fff;display: inline-block}
.tsinf321{color: #408c1f;background-color: #f1ffe0;border: 1px solid #c2e5b3;padding: 15px;border-radius: 4px;font-size: 13px}
.tsinf321 .close{position: relative;color: inherit;opacity: 0.2;filter: alpha(opacity=20);float: right;font-size: 21px;font-weight: bold;cursor: pointer;background: transparent;border: 0}
.tsani321 tr:nth-child(odd){background-color: rgba(90, 186, 198, 0.05)}
.tsani321 td{padding: 8px !important;line-height: 1.5;vertical-align: top;border: 0;border-top: 1px solid #ebebeb;text-transform: capitalize}
.tsani321 td:hover{background:none !important}
.tsani321 i{padding-right: 5px;color: #75c5cf}
.tsdl321{background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.06) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0f000000', GradientType=0 );background-color: #fff;color: #75c5cf !important;text-transform: uppercase;font-weight: bold;padding: 1px 5px;font-size: 12px !important;line-height: 1.5;border-radius: 3px;border: 1px solid #cccccc;display: inline-block;white-space: nowrap;vertical-align: middle;cursor: pointer}
.tsdl321:hover {background: #fff;}
</code></pre>
<br />
<div style="text-align: justify;">
Setelah itu, <b>Salin dan Terapkan kode di bawah ini sebelum</b> <kbd></head></kbd></div>
<br />
<pre data-codetype="JavaScriptku" title="Javascript"><code class="language-javascript"><script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){$(".tsinf321").show(),$(".tsinf321 .close").click(function(){return $(".tsinf321").fadeOut(),!1})});//]]>
</script>
</code></pre>
<br />
<div style="text-align: justify;">
Setelah itu, <b>Silahkan Simpan Template.</b></div>
<br />
<div style="text-align: justify;">
Jika sudah, <b>Buat postingan baru di halaman statis > Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose).</b></div>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="tslist321">
<h2 class="tsjdl321">
<span>List Anime Subtitle Indonesia</span>
</h2>
<div class="tsinf321">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<i class="fa fa-check"></i> Tekan <b>Ctrl+F</b> Untuk mempercepat pencarian
</div>
<table class="tsani321">
<tbody>
<tr>
<td width="65%"> <mark>NAMA ANIME</mark> </td>
<td width="20%"><i class="fa fa-check-circle"></i> <mark>STATUS ANIME</mark> </td>
<td width="15%"><a class="tsdl321" href=" <mark>LINK TUJUAN</mark> "><i class="fa fa-download"></i>DOWNLOAD</a></td>
</tr>
<tr>
<td width="65%"> <mark>NAMA ANIME</mark> </td>
<td width="20%"><i class="fa fa-check-circle"></i> <mark>STATUS ANIME</mark> </td>
<td width="15%"><a class="tsdl321" href=" <mark>LINK TUJUAN</mark> "><i class="fa fa-download"></i>DOWNLOAD</a></td>
</tr>
<tr>
<td width="65%"> <mark>NAMA ANIME</mark> </td>
<td width="20%"><i class="fa fa-check-circle"></i> <mark>STATUS ANIME</mark> </td>
<td width="15%"><a class="tsdl321" href=" <mark>LINK TUJUAN</mark> "><i class="fa fa-download"></i>DOWNLOAD</a></td>
</tr>
<tr>
<td width="65%"> <mark>NAMA ANIME</mark> </td>
<td width="20%"><i class="fa fa-check-circle"></i> <mark>STATUS ANIME</mark> </td>
<td width="15%"><a class="tsdl321" href=" <mark>LINK TUJUAN</mark> "><i class="fa fa-download"></i>DOWNLOAD</a></td>
</tr>
</tbody>
</table>
</div>
</code></pre>
<br />
<div style="text-align: justify;">
Terakhir, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu.</b></div>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/07/download-box-tontonanime.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div style="text-align: justify;">
Sekian Tutorial kali ini. Semoga Bermanfaat. Sampai jumpa pada tutorial berikutnya.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com1tag:blogger.com,1999:blog-6043834529751813526.post-51209068943190337802016-06-16T02:53:00.002-07:002016-09-11T05:07:16.879-07:00Cara Membuat Download Box Seperti Yukisubs<div style="text-align: justify;"><a href="http://aka321.blogspot.com/2016/06/download-box-yukisubs.html" target="_blank">Cara Membuat Download Box Seperti Yukisubs</a> - Download Box biasa digunakan fansub atau fanshare agar website mereka bagus, rapih, dan juga seperti fansub atau fanshare yang profesional. tapi terkadang ada juga fansub atau fanshare yang belum tahu Cara Membuat Download Box.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHC5LYhNgTXT-yv9KJJNx-9QCAF6ZUo1Bd2XnUYQb9_q1P4ZrRggFy_itCSwIXaQgDn7gZT0zbSQMKMW8w-Frw8VpU3G4KXoc3GMGrecETMapYewQbeGPxbbptLbWWlGllc3JuqHBdAo/s1600/Cara+Membuat+Download+Box+Seperti+Yukisubs.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Download Box Seperti Yukisubs, Cara Membuat Download Box Seperti Fansub, Cara Membuat Download Box Fansub, Cara Membuat Link Download Fansub, Cara Membuat Link Download Seperti Yukisubs, How To Make Download Box Like Fansub, How To Make Download Link Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZHC5LYhNgTXT-yv9KJJNx-9QCAF6ZUo1Bd2XnUYQb9_q1P4ZrRggFy_itCSwIXaQgDn7gZT0zbSQMKMW8w-Frw8VpU3G4KXoc3GMGrecETMapYewQbeGPxbbptLbWWlGllc3JuqHBdAo/s640/Cara+Membuat+Download+Box+Seperti+Yukisubs.jpg" title="Cara Membuat Download Box Seperti Yukisubs" width="640" /></a></div><br />
<div style="text-align: justify;">Sebelumnya saya sudah posting tentang <a href="http://aka321.blogspot.com/2016/05/download-box-animefans.html" target="_blank">Cara Membuat Download Box Seperti Animefans</a>. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang <a href="http://aka321.blogspot.com/2016/06/download-box-yukisubs.html" target="_blank">Cara Membuat Download Box Seperti Yukisubs</a>. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div><br />
<div style="text-align: justify;">Pertama, <b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum</b> <kbd><span class="notranslate"></head></span></kbd></div><br />
<pre data-codetype="JQueryku" title="jQuery"><code class="language-javascript"><span class="notranslate"><link rel='stylesheet' href='https://cdn.rawgit.com/XScarlet21/host/master/DL-Yukisubs/fontello.css' media='all'/>
</span></code></pre><br />
<div style="text-align: justify;">Setelah itu, <b>Salin dan Terapkan kode di bawah ini sebelum</b> <kbd><span class="notranslate"></b:skin></span></kbd> <b>atau</b> <kbd><span class="notranslate"></style></span></kbd></div><br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css"><span class="notranslate">/* CSS Download Box Yukisubs - Aka321 */
.dl-pembatas{min-height: 0;border-bottom: 1px dashed rgba(0,0,0,0.1);margin-top: 25px;margin-bottom: 25px}
.judul{font-size: 18px}
.dl-center{text-align: center;margin-bottom: 15px !important}
.bluth.green{color: #FFFFFF;background-color: #64b044}
.bluth.blue{color: #FFFFFF;background-color: #3bd2f8}
.bluth.yellow{color: #505050;background-color: #f6eb3b}
.btn.bluth{background-image: none;border: none;border-radius: 4px 4px 4px 4px;box-shadow: none;padding: 10px 15px;text-shadow: none;margin-bottom: 5px}
.btn i{margin:0px !important}
.btn.bluth:hover{transform: scale(1.03);-ms-transform: scale(1.03);-webkit-transform: scale(1.03);-webkit-transition: background-position 0.1s linear;-moz-transition: background-position 0.1s linear;-o-transition: background-position 0.1s linear;transition: background-position 0.1s linear}
.btn.bluth.green:hover, .btn.bluth.green:focus{color:#FFFFFF;background-color:#498132}
.btn.bluth.yellow:hover, .btn.bluth.yellow:focus{color:#505050;background-color:#d2c931}
.btn.bluth.blue:hover, .btn.bluth.blue:focus{color:#FFFFFF;background-color:#34b3d3}
</span></code></pre><br />
<div style="text-align: justify;">Jika Sudah, <b>Silahkan Simpan Template</b>.</div><br />
<div style="text-align: justify;">Kemudian, <b>Saat Kamu membuat postingan baru terapkan Kode Download Box Yukisubs di bawah ini pada Tab HTML (Bukan Compose)</b>.</div><br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><span class="notranslate"><div class="dl-pembatas"></div>
<p class="dl-center judul">
<strong><mark>JUDUL ANIME [480p]</mark></strong>
</p>
<p class="dl-center">
<a href=" <mark>LINK TORRENT</mark> " class="btn bluth green btn- " rel="nofollow" target="_blank">
<i class="icon-emo-happy"></i> <mark>Torrent</mark>
</a> |
<a href=" <mark>LINK SERVER 1</mark> " class="btn bluth blue btn- " rel="nofollow" target="_blank">
<i class="icon-emo-happy"></i> <mark>NAMA SERVER 1</mark>
</a> |
<a href=" <mark>LINK SERVER 2</mark> " class="btn bluth blue btn- " rel="nofollow" target="_blank">
<i class="icon-emo-happy"></i> <mark>NAMA SERVER 2</mark>
</a> |
<a href=" <mark>LINK SERVER 3</mark> " class="btn bluth blue btn- " rel="nofollow" target="_blank">
<i class="icon-emo-happy"></i> <mark>NAMA SERVER 3</mark>
</a> |
<a href=" <mark>LINK SERVER 4</mark> " class="btn bluth yellow btn- " rel="nofollow" target="_blank">
<i class="icon-emo-happy"></i> <mark>NAMA SERVER 4</mark>
</a>
</p>
<p class="dl-center judul">
<strong><mark>JUDUL ANIME [720p]</mark></strong>
</p>
<p class="dl-center">
<a href=" <mark>LINK TORRENT</mark> " class="btn bluth green btn- " rel="nofollow" target="_blank">
<i class="icon-emo-happy"></i> <mark>Torrent</mark>
</a> |
<a href=" <mark>LINK SERVER 1</mark> " class="btn bluth blue btn- " rel="nofollow" target="_blank">
<i class="icon-emo-happy"></i> <mark>NAMA SERVER 1</mark>
</a> |
<a href=" <mark>LINK SERVER 2</mark> " class="btn bluth blue btn- " rel="nofollow" target="_blank">
<i class="icon-emo-happy"></i> <mark>NAMA SERVER 2</mark>
</a> |
<a href=" <mark>LINK SERVER 3</mark> " class="btn bluth blue btn- " rel="nofollow" target="_blank">
<i class="icon-emo-happy"></i> <mark>NAMA SERVER 3</mark>
</a> |
<a href=" <mark>LINK SERVER 4</mark> " class="btn bluth yellow btn- " rel="nofollow" target="_blank">
<i class="icon-emo-happy"></i> <mark>NAMA SERVER 4</mark>
</a>
</p>
<div class="dl-pembatas"></div>
</span></code></pre><br />
<div style="text-align: justify;">Jika Sudah, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginanmu</b>.</div><br />
<div style="text-align: center;"><ul class="button"><li><a class="btn demo" href="http://testtds321.blogspot.com/2016/06/download-box-yukisubs.html" rel="nofollow" target="_blank">Live Preview <i class="fa fa-eye"></i></a></li>
</ul></div><div class="clear"></div><br />
<div style="text-align: justify;">Sekian Tutorial kali ini. Semoga Bermanfaat. Sampai jumpa pada tutorial berikutnya.</div>Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com1tag:blogger.com,1999:blog-6043834529751813526.post-46399014407461554002016-05-28T07:36:00.000-07:002016-05-28T07:54:15.265-07:00Cara Membuat Download Box Seperti Animefans<div style="text-align: justify;"><a href="http://aka321.blogspot.co.id/2016/05/download-box-animefans.html" target="_blank">Cara Membuat Download Box Seperti Animefans</a> - Download Box biasa digunakan fansub atau fanshare agar website mereka bagus, rapih, dan juga seperti fansub atau fanshare yang profesional. tapi terkadang ada juga fansub atau fanshare yang belum tahu Cara Membuat Download Box.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin5NcD8cI3VmM99-5EIuhnedKQF8G9wq1GFwaRW4mzJK8QkXhPIj96hE2MQH0PczuBwcu9dQ2lQVFI_o1YuznGfVSof71oihW1pdKo_xXLWkzCKla3m9_F8rVXfHnn3jMHSM38_4RON0Q/s1600/Cara+Membuat+Download+Box+Seperti+AnimeFans.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Download Box Seperti Animefans, Cara Membuat Download Box Seperti Fansub, Cara Membuat Download Box Fansub, Cara Membuat Link Download Fansub, Cara Membuat Link Download Seperti Animefans, How To Make Download Box Like Fansub, How To Make Download Link Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin5NcD8cI3VmM99-5EIuhnedKQF8G9wq1GFwaRW4mzJK8QkXhPIj96hE2MQH0PczuBwcu9dQ2lQVFI_o1YuznGfVSof71oihW1pdKo_xXLWkzCKla3m9_F8rVXfHnn3jMHSM38_4RON0Q/s640/Cara+Membuat+Download+Box+Seperti+AnimeFans.jpg" title="Cara Membuat Download Box Seperti Animefans" width="640" /></a></div><br />
<br />
<div style="text-align: justify;">Sebelumnya saya sudah posting tentang <a href="http://aka321.blogspot.co.id/2016/04/cara-membuat-download-box-seperti.html" target="_blank">Cara Membuat Download Box Seperti Nekonime</a>. Dan pada kesempatan kali ini saya ingin berbagi ilmu tentang Cara Membuat Download Box Seperti Animefans. Langsung saja mari ikuti langkah-langkah yang ada di bawah ini.</div><br />
<div style="text-align: justify;">Pertama, <b>Buka Blogger > Edit HTML > Salin dan Terapkan kode di bawah ini sebelum </b><kbd></b:skin></kbd><b> atau </b><kbd></style></kbd></div><br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Download Box Animefans - Aka321 */
.arealinker{padding: 10px;background: #ECECEC;font-size: 12px}
.arealinker span{font-weight: bold;display: block;margin-bottom: 5px}
.arealinker .boxdownload{overflow: hidden}
.arealinker .boxdownload .liner{margin-bottom: 2px}
.arealinker .boxdownload .liner .name{background: #D2D2D2;padding: 5px 10px;margin-bottom: 2px;font-weight: bold;color: #919191}
.arealinker .boxdownload .liner .listlink{padding: 5px 10px;background: #B3B3B3;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.arealinker .boxdownload .liner .listlink b{margin-right: 5px;float: left;color: #fff;font-size: 11px;line-height: 19px;padding: 0 5px;background: #3D8ECB}
.arealinker .boxdownload .liner .listlink a{display: block;float: left;margin-right: 5px;color: #000000}
.arealinker .boxdownload .liner .listlink a:hover{color:#3D8ECB}
</code></pre><br />
<div style="text-align: justify;">Jika Sudah,<b> Silahkan Simpan Template.</b></div><br />
<div style="text-align: justify;">Kemudian, <b>Saat Kamu membuat postingan baru terapkan Kode Download Box Animefans di bawah ini pada Tab HTML (Bukan Compose).</b></div><br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="arealinker">
<span>Download <mark>JUDUL ANIME</mark></span>
<div class="boxdownload">
<div class="liner">
<div class="name"><mark>JUDUL ANIME [480p]</mark></div>
<div class="listlink">
<b>DDL</b>
<a href=" <mark>LINK DOWNLOAD DI SINI</mark> " rel="nofollow" target="_blank"><mark>Server 1</mark></a>
<a href=" <mark>LINK DOWNLOAD DI SINI</mark> " rel="nofollow" target="_blank"><mark>Server 2</mark></a>
<a href=" <mark>LINK DOWNLOAD DI SINI</mark> " rel="nofollow" target="_blank"><mark>Server 3</mark></a>
</div>
</div>
<div class="liner">
<div class="name"><mark>JUDUL ANIME [720p]</mark></div>
<div class="listlink">
<b>DDL</b>
<a href=" <mark>LINK DOWNLOAD DI SINI</mark> " rel="nofollow" target="_blank"><mark>Server 1</mark></a>
<a href=" <mark>LINK DOWNLOAD DI SINI</mark> " rel="nofollow" target="_blank"><mark>Server 2</mark></a>
<a href=" <mark>LINK DOWNLOAD DI SINI</mark> " rel="nofollow" target="_blank"><mark>Server 3</mark></a>
</div>
</div>
</div>
</div>
</code></pre><br />
<div style="text-align: justify;">Jika Sudah, <b>silahkan kamu mengganti kode yang sudah ditandai sesuai keinginan mu.</b></div><br />
<br />
<div style="text-align: center;"><ul class="button"><li><a class="btn demo" href="http://testtds321.blogspot.com/2016/05/download-box-animefans.html" rel="nofollow" target="_blank">Demo <i class="fa fa-paper-plane"></i></a></li>
</ul></div><div class="clear"></div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;">Sekian Tutorial kali ini. Semoga Bermanfaat. Sampai jumpa pada tutorial berikutnya.</div>Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com2tag:blogger.com,1999:blog-6043834529751813526.post-74359808085373161282016-05-21T05:26:00.000-07:002018-04-04T17:40:31.803-07:00Cara Membuat Background Anime Seperti Fansub<div style="text-align: justify;">
<b><a href="http://aka321.blogspot.co.id/2016/05/background-anime-fansub.html" target="_blank">Cara Membuat Background Anime Seperti Fansub</a></b> - Background Anime di Fansub / Fanshare biasanya berada di sebelah kiri dan kanan kontennya. Background Anime berguna untuk memperbagus tampilan pada Fansub / Fanshare.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSP1OJw-QUyPt18Hw8csHA4kn2tSkBvW1-JwzjUjdPgk1j5VUz9EuC2Bzp6LIXB_3fH1fZVo5sUWat91gD3SGqkoCUS08iGyHNCzCXCa8zKpV27fggB2EjQIdqjHtqWX0hPWSGq-ZJC-w/s1600/Cara+Membuat+Background+Anime+Seperti+Fansub.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Background Anime Seperti Fansub, Cara Membuat Background Seperti Fansub, Cara Membuat Background di Kiri dan Kanan Seperti Fansub, Cara Membuat Background Anime di Kiri dan Kanan, Tutorial Membuat Background Anime Seperti Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSP1OJw-QUyPt18Hw8csHA4kn2tSkBvW1-JwzjUjdPgk1j5VUz9EuC2Bzp6LIXB_3fH1fZVo5sUWat91gD3SGqkoCUS08iGyHNCzCXCa8zKpV27fggB2EjQIdqjHtqWX0hPWSGq-ZJC-w/s640/Cara+Membuat+Background+Anime+Seperti+Fansub.jpg" title="Cara Membuat Background Anime Seperti Fansub" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Pada Kesempatan kali ini saya ingin berbagi tentang Cara Membuat Background Anime Seperti Fansub atau Fanshare. Untuk membuat Background Anime Fansub caranya cukup mudah, jika ingin membuatnya kamu hanya tinggal mengikuti dua langkah di bawah ini.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br />
<ul>
<li>Pertama, <b>Buka Blogger > Edit HTML > Salin, Terapkan dan Simpan Kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></li>
</ul>
</div>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Background Anime Fansub - Aka321 */
body {
background-image: url(<mark>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5f4vFDpSgfixZLLajdDGlWlnNld7zf0o6HFF6xKIx3XwUUN95zU06HIY591J_wv9Vvt88dYdX6DTZiIiZ-6UGTKZYuUAJNERpkfzUYP6T0j3C8Cy3jTIy285Ep4fHV-SInZ8Q4EIJvN8/s1600/bgleft3.png</mark>), url(<mark>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidN3ljqDA6xAkwgSux5PxzrByJYlEOkuGt1j4QPs-tftNXFrB7EnJYd9Gy4dtjtdXVdi4GoKlGWm0YZUey_h3s19p0aD7r23TuUanS376gGoxIHVexL_tMywFkNbi-iMcYhRNcGKVuXeY/s1600/bgright3.png</mark>) !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-position: top left,top right !important;
background-size: auto auto, auto auto !important;
}
</code></pre>
<br />
<div style="text-align: justify;">
<ul>
<li>Jika sudah, <b>silahkan kamu mengganti kode yang sudah ditandai dengan <u>LINK</u> atau <u>URL</u> Gambar yang ingin dijadikan Background. Simpan Template, dan lihatlah hasilnya</b>.</li>
</ul>
</div>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="http://testtds321.blogspot.co.id/2016/05/background-fansub.html" rel="nofollow" target="_blank">Demo <i class="fa fa-paper-plane"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div style="text-align: justify;">
Sekian ilmu yang dapat saya bagikan hari ini. Semoga bermanfaat. Terima kasih. Sampai jumpa di tutorial selanjutnya.</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com13tag:blogger.com,1999:blog-6043834529751813526.post-26688583879121072812016-05-14T08:32:00.000-07:002016-05-25T06:37:00.037-07:00Cara Membuat Status Rilis Seperti Tiramisub<div style="text-align: justify;">
<b><a href="http://aka321.blogspot.co.id/2016/05/membuat-status-rilis-tiramisub.html" target="_blank">Cara Membuat Status Rilis Seperti Tiramisub</a></b> - Status Rilis biasa digunakan Fansub agar pengunjung mudah mengetahui apa yang sedang dilakukan Fansub kepada animenya.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMX6puOCmoDVc1hOw776a3I-FsXikttdPnD58evmQbeS8Nk70Ktih98dmpQ69z_AWTsZaoCvgT6Y2JQOHonIQnMoInwcHIzsR8wsN0yex7GsNnrCDMc5JmteJAvatIcRCKcDH-9se5Ck/s1600/Cara+Membuat+Status+Rilis+Seperti+Tiramisub.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Status Rilis Tiramisub, Cara Membuat Status Rilis, Cara Membuat Widget Persen Anime, Cara Membuat Persentase Proses Anime." border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMX6puOCmoDVc1hOw776a3I-FsXikttdPnD58evmQbeS8Nk70Ktih98dmpQ69z_AWTsZaoCvgT6Y2JQOHonIQnMoInwcHIzsR8wsN0yex7GsNnrCDMc5JmteJAvatIcRCKcDH-9se5Ck/s640/Cara+Membuat+Status+Rilis+Seperti+Tiramisub.jpg" title="Cara Membuat Status Rilis Tiramisub" width="640" /></a></div>
<br />
<div style="text-align: justify;">
Pada kesempatan kali ini saya ingin berbagi tentang Cara Membuat Status Rilis Seperti Tiramisu Fansub. Jika ingin membuatnya bisa kamu ikuti langkah-langkah di bawah ini.</div>
<br />
<div style="text-align: justify;">
<ul>
<li>Pertama, <b>Buka Blogger > Edit HTML > Salin, Terapkan dan Simpan Kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></li>
</ul>
</div>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Status Rilis Rilis Tiramisub - Aka321 */
.statusrilis {font-size: 19px;text-align: center;background: #82aac3;margin-top: 10px;margin-bottom: 0;padding: 10px;color: white;}
.titleA{width: auto;margin-bottom: -32px;margin-left: 2px;margin-top: -20px}
.titleB{width: auto;margin-bottom: -23px;margin-left: 2px;margin-top: -20px}
p.title1{font-family: 'Fresca';font-size: 20px;line-height: 130%;margin-bottom: 36px}
p.title2{font-family: 'Fresca';font-size: 15px}
.arrow{position: relative;width: 100%;height: 2px;background: rgba(58, 166, 208, 0.2)}
.arrow-status{text-align: right;padding-right: .5em;padding-left: .5em;background-color: #82aac3;border-color: white;width: 0%;color: white;height: 100%;line-height: 1.2em;-webkit-animation: width .5s ease-in;font-family: 'Fresca';white-space: nowrap;font-size: 16px}
.arrow-pointer2{background-color: white;display: inline-block;width: 1em;height: 3em;position: relative;left: 100%;top: -1em;margin-left: -2em;margin-bottom: -2em;border-radius: 0 5px 5px 0}
span.persen{background: #82aac3;padding: 3px;border-radius: 5px;color: white}
</code></pre>
<br />
<div style="text-align: justify;">
<ul>
<li>Jika sudah, <b>Masuk ke Tata Letak > Buat widget HTML/Javascript > Kemudian salin kode di bawah ini dan terapkan di dalamnya</b>.</li>
</ul>
</div>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><p class="statusrilis"><mark>Kang Juned</mark></p>
<div id="statusrilis">
<div id="status">
<div class="titleA">
<p class="title1">
<span class="persen"><mark>100%</mark></span> <mark>JUDUL ANIME DISINI</mark>
</p>
</div>
<div class="titleB">
<p class="title2">
<mark>Encode: 100%, Retiming: 100%, Translate: 100%, Upload: 100%</mark>
</p>
</div>
<div class="arrow">
<div class="arrow-status" style="width: <mark>100%</mark>;">
<span class="arrow-pointer"></span>
</div>
</div>
</div>
<div id="status">
<div class="titleA">
<p class="title1">
<span class="persen"><mark>50%</mark></span> <mark>JUDUL ANIME DISINI</mark>
</p>
</div>
<div class="titleB">
<p class="title2">
<mark>Encode: 50%, Retiming: 50%, Translate: 50%, Upload: 50%</mark>
</p>
</div>
<div class="arrow">
<div class="arrow-status" style="width: <mark>50%</mark>;">
<span class="arrow-pointer"></span>
</div>
</div>
</div>
</div></code></pre>
<br />
<ul>
<li style="text-align: justify;">Setelah itu, <b>Ganti Kode yang sudah di tandai sesuai keinginanmu. Simpan Widget dan lihat hasilnya.</b></li>
</ul>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="https://testtds321.blogspot.co.id/2016/05/status-rilis-tiramisub.html" rel="nofollow" target="_blank">Demo <i class="fa fa-paper-plane"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
<div style="text-align: justify;">
Sekian ilmu yang dapat saya bagikan hari ini. Semoga bermanfaat. Terima kasih</div>
Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com2tag:blogger.com,1999:blog-6043834529751813526.post-21103292222657871082016-05-03T00:29:00.000-07:002016-05-16T04:41:15.289-07:00Cara Membuat Anime List Seperti Wardhanime 2014<div style="text-align: justify;"><b>Cara Membuat Anime List Seperti Wardhanime 2014</b> - Anime List atau Daftar Anime, biasanya digunakan oleh Fansub atau Fanshare agar para pengunjung setianya mudah mencari Anime yang di inginkan.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ioKRJ7I4EbAUvPCqaaDEV_SxHV-T9MqCEJGdRwCuFlOPsUMhUgGZ8EUtE_4oF3i03CFyjgjEzch8GhRhmjq45u_Dgvcww-bqA6w8aK5Pr2GC7uyM8OnxpD-bP_IzaTop_apCllccSqY/s1600/Cara+Membuat+Anime+List+Wardhanime+2014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Anime List Seperti Wardhanime 2014, Cara Membuat Anime List, Cara Membuat Anime List Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ioKRJ7I4EbAUvPCqaaDEV_SxHV-T9MqCEJGdRwCuFlOPsUMhUgGZ8EUtE_4oF3i03CFyjgjEzch8GhRhmjq45u_Dgvcww-bqA6w8aK5Pr2GC7uyM8OnxpD-bP_IzaTop_apCllccSqY/s640/Cara+Membuat+Anime+List+Wardhanime+2014.jpg" title="Cara Membuat Anime List Seperti Wardhanime 2014" width="640" /></a></div><br />
<div style="text-align: justify;">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.</div><br />
<div style="text-align: justify;"><ul><li>Pertama, <b>Buka Blogger</b> > <b>Edit HTML</b> > <b>Salin, Terapkan dan Simpan Kode di bawah ini sebelum</b> <kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></li>
</ul></div><br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* 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}
</code></pre><br />
<div style="text-align: justify;"><ul><li>Jika sudah, <b>Buat postingan baru di halaman statis</b> > <b>Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose)</b>.</li>
</ul></div><br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><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>
</code></pre><br />
<ul><li>Setelah itu, dibawah ini merupakan kode untuk menambah anime di jadwal rilis. <b>Untuk menambahkan anime, silahkan salin dan terapkan di kode diatas.</b></li>
</ul><br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href=" <mark>LINK ANIME</mark> "><mark>NAMA ANIME</mark></a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href=" <mark>LINK ANIME</mark> "><mark>NAMA ANIME</mark></a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href=" <mark>LINK ANIME</mark> "><mark>NAMA ANIME</mark></a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href=" <mark>LINK ANIME</mark> "><mark>NAMA ANIME</mark></a></li>
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href=" <mark>LINK ANIME</mark> "><mark>NAMA ANIME</mark></a></li>
</code></pre><br />
<ul><li><b>Jika sudah silahkan ganti kode yang sudah ditandai lalu publikasikan dan lihat bagaimana hasilnya.</b></li>
</ul><br />
<div style="text-align: center;"><ul class="button"><li><a class="btn demo" href="http://testtds321.blogspot.com/2016/04/anime-list-wardhanime-2014.html" rel="nofollow" target="_blank">Demo <i class="fa fa-paper-plane"></i></a></li>
</ul></div><div class="clear"></div><br />
Sekian ilmu yang saya bagikan hari ini. Semoga bermanfaat. Terima kasih.Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com19tag:blogger.com,1999:blog-6043834529751813526.post-72667938225309508282016-04-28T06:41:00.003-07:002016-04-30T08:28:39.169-07:00Cara Membuat Jadwal Rilis Seperti Wardhanime 2014<div style="text-align: justify;">
<b><a href="http://aka321.blogspot.co.id/2016/04/jadwal-rilis-wardhanime-2014.html" target="_blank">Cara Membuat Jadwal Rilis Seperti Wardhanime 2014</a></b> - Jadwal Rilis biasa digunakan Fansub atau Fanshare agar pengunjung mudah mengetahui kapan anime yang diinginkannya rilis.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhssMImOTX8pwS8VRCRUMYHxvbq7LlDN4RMOCXxSmpZ9A23AIQgeuY0WCT6HiPvhwokDxL2IdIiPqTHMBMrXnNxf9-Tn5480eNIplROAcJ9KyWom5a_NYj1UKkGcodsOaFuvOAO0FmLhB4/s1600/Cara+Membuat+Jadwal+Rilis+Wardhanime+2014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Jadwal Rilis Seperti Wardhanime 2014, Cara Membuat Jadwal Rilis Seperti Wardhanime, Cara Membuat Jadwal Rilis Seperti Fansub, Cara Membuat Jadwal Rilis Wardhanime, Cara Membuat Jadwal Rilis Fansub" border="0" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhssMImOTX8pwS8VRCRUMYHxvbq7LlDN4RMOCXxSmpZ9A23AIQgeuY0WCT6HiPvhwokDxL2IdIiPqTHMBMrXnNxf9-Tn5480eNIplROAcJ9KyWom5a_NYj1UKkGcodsOaFuvOAO0FmLhB4/s640/Cara+Membuat+Jadwal+Rilis+Wardhanime+2014.jpg" title="Cara Membuat Jadwal Rilis Seperti Wardhanime 2014" width="640" /></a></div>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pada kesempatan kali ini saya ingin berbagi tentang Cara Membuat Jadwal Rilis Seperti Wardhanime di tahun 2014. Jadwal Rilis Wardhanime ini saya modifikasi lagi agar tampilannya juga tidak ketinggalan jaman. Jika ingin membuatnya bisa kamu ikuti langkah-langkah di bawah ini.</div>
<br />
<ul>
<li style="text-align: justify;">Pertama, <b>Buka Blogger</b> ><b> Edit HTML</b> ><b> Salin, Terapkan dan Simpan Kode di bawah ini sebelum </b><kbd></b:skin></kbd> <b>atau</b> <kbd></style></kbd></li>
</ul>
<br />
<pre data-codetype="CSSku" title="CSS"><code class="language-css">/* CSS Jadwal Rilis Wardhanime 2014 - Aka321 */
.JRAWInfo {text-align: center;font-size: 13px;margin-bottom: 5px;}
.JRAW2014 table{margin:0;max-width: 100%;width: 100%;border-collapse: collapse;border-spacing: 0;}
.JRAW2014 tr:first-child td {background:#408CC0;color:#fff;font-weight: bold;font-family:sans-serif;font-size:15px;text-align:center;border: 1px solid #28658F;}
.JRAW2014 td{text-align:center !important;border: 1px solid #BDBDBD;vertical-align: middle !important;padding: 10px !important;font-weight: bold;}
.JRAW2014 td:hover{background:transparent;}
.JRAW2014 tr:nth-child(even) {background-color: #ededed;}
.JRAW2014 tr:nth-child(odd) {background-color: #f7f7f7;}
.JRAW2014 ol {margin:0;margin: 0;counter-reset: li;list-style: none;text-shadow: 0 1px 0 rgba(255,255,255,.5);padding: 0;font: 15px 'Open Sans', 'lucida sans';}
.JRAW2014 ol li {background: transparent;text-align: justify;color: #444;padding: 0 !important;position: relative;display: block;margin: .5em 0 .5em 2.5em;text-decoration: none;}
.JRAW2014 ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;}
</code></pre>
<br />
<ul>
<li style="text-align: justify;">Jika sudah, <b>Buat postingan baru di halaman statis</b> > <b>Kemudian tambah kode di bawah ini pada Tab HTML (Bukan Compose)</b>.</li>
</ul>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><div class="JRAW" >
<div class="JRAWInfo">*Jadwal ini dapat berubah sewaktu-waktu sesuai situasi dan kondisi</div>
<div class="JRAW2014">
<table>
<tbody>
<tr>
<td>
<span>Hari</span>
</td>
<td>
<span>Judul Anime</span>
</td>
</tr>
<tr>
<td>
<span>Senin</span>
</td>
<td>
<!-- KODE UNTUK ANIME "SENIN" DISINI -->
</td>
</tr>
<tr>
<td>
<span>Selasa</span>
</td>
<td>
<!-- KODE UNTUK ANIME "SELASA" DISINI -->
</td>
</tr>
<tr>
<td>
<span>Rabu</span>
</td>
<td>
<!-- KODE UNTUK ANIME "RABU" DISINI -->
</td>
</tr>
<tr>
<td>
<span>Kamis</span>
</td>
<td>
<!-- KODE UNTUK ANIME "KAMIS" DISINI -->
</td>
</tr>
<tr>
<td>
<span>Jumat</span>
</td>
<td>
<!-- KODE UNTUK ANIME "JUM'AT" DISINI -->
</td>
</tr>
<tr>
<td>
<span>Sabtu</span>
</td>
<td>
<!-- KODE UNTUK ANIME "SABTU" DISINI -->
</td>
</tr>
<tr>
<td>
<span>Minggu</span>
</td>
<td>
<!-- KODE UNTUK ANIME "MINGGU" DISINI -->
</td>
</tr>
<tr>
<td>
<span>Random</span>
</td>
<td>
<!-- KODE UNTUK ANIME "RANDOM" DISINI -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</code></pre>
<br />
<ul>
<li style="text-align: justify;">Setelah itu, dibawah ini merupakan kode untuk menambah anime di jadwal rilis. <b>Untuk menambahkan anime, silahkan salin dan terapkan di kode diatas.</b></li>
</ul>
<br />
<pre data-codetype="HTMLku" title="HTML"><code class="language-markup"> <ol>
<li>NAMA ANIME</li>
<li>NAMA ANIME</li>
<li>NAMA ANIME</li>
<li>NAMA ANIME</li>
<li>NAMA ANIME</li>
</ol>
</code></pre>
<br />
<ul>
<li>Jika sudah silahkan publikasikan dan lihat bagaimana hasilnya.</li>
</ul>
<br />
<div style="text-align: center;">
<ul class="button">
<li><a class="btn demo" href="http://testtds321.blogspot.com/2016/04/jadwal-rilis-wardhanime-2014.html" rel="nofollow" target="_blank">Demo <i class="fa fa-paper-plane"></i></a></li>
</ul>
</div>
<div class="clear">
</div>
<br />
Sekian ilmu yang saya bagikan hari ini. Semoga bermanfaat. Terima kasih.Kang Junedhttp://www.blogger.com/profile/13841442658158387655noreply@blogger.com1