Download SinpleManga Blogger Template by Fansublogger

FANSUBLOGGER - Akhirnya saya rilis template yang satu ini. Setelah saya buat responsive karena banyak yang bilang kalo desain responsive lebih bagus. Terus mereka yang komen bilang "ah desainnya ngga responsive yah". Maaf, saya masih pemula. Saya tidak jago dalam hal ini, karena awalnya saya cuman main - main doang.

Langsung aja yang mau download dibawah ini linknya
[Tusfiles] [Zippyshare]

Pengaturan Widget

Widget Ongoing Series

<div class="ongoingimg" style="margin: 5px 7px;position: relative;">
<a href="URL Anime">
<div class="titled" style="bottom: 0;">Judul Anime</div>
 <img src="URL Gambar" alt="judul-anime" height="356" width="225" />
</a></div>

Pengaturan Jumlah postingan per halaman

<script type='text/javascript'>
var pageNaviConf = {
perPage: 11,
numPages: 8,
firstText: &quot;First&quot;,
lastText: &quot;Last&quot;,
nextText: &quot;Next&quot;,
prevText: &quot;Prev&quot;
}
</script>

Lihat bagian perPage: 11, Ganti '11' dan sesuaikan dengan jumlah postingan perhalaman kamu.
Untuk mengubah jumlah postingan per halaman Masuk ke Settings › Posts and comments › Show at most 'Samakan dengan script diatas'.

Contoh:
Karena didalam template SinpleManga defaultnya 11. Jadi pada Show at most kamu isi juga 11. Kalau mau mengganti tinggal ganti dua2 nya. Dan samakan.

HTML Postingan Manga

Tinggal kalian pastekan saja HTML dibawah ini. Pastekan bebas, mau di postingan atau di halaman statis. Dan ganti data-data dibawah sesuai dengan manganya.

<div class="imgdesc">
<img title='Judul Anime' alt="Judul-Anime" height="397" original="URL gambar" src="URL gambar" width="251" />
<br />
<div class="listinfo">
<ul>
<li><b>Alternatif</b>: Nama Alternatif</li>
<li><b>Author</b>: Pengarang</li>
<li><b>Artist</b>: Artis</li>
<li><b>Status</b>: Ongoing/Completed</li>
<li><b>Genres</b>: Comedy, Gender Bender, Romance, Shounen. etc</li>
</ul>
<br /></div>
</div>
<span class="desc">
<b>Description:</b></span>
<b>Perhatian:</b> Pesan dari Admin.
<br />
<div class="episodelist">
<div class="offzone">
<span class="leftoff"><b>Chapter #</b></span><span class="rightoff"><b>Date</b></span></div>
<ul>
<li><span class="leftof"><a href="#">Chapter ? - Judul Chapter</a></span>
<span class="rightoff"><a href="#">Read!</a></span>
</li>
<li><span class="leftof"><a href="#">Chapter ? - Judul Chapter</a></span>
<span class="rightoff"><a href="#">Read!</a></span>
</li>
<li><span class="leftof"><a href="#">Chapter ? - Judul Chapter</a></span>
<span class="rightoff"><a href="#">Read!</a></span>
</li>
<li><span class="leftof"><a href="#">Chapter ? - Judul Chapter</a></span>
<span class="rightoff"><a href="#">Read!</a></span>
</li>
</ul>
</div>

Membuat Sidebar Ada di Postingan

1. Cari HTML di bawah ini!

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<aside id='sidebar-wrapper'>
.........
</aside>
</b:if> 

2. Lalu hapus <b:if cond='data:blog.pageType != &quot;item&quot;'> dan hapus juga </b:if>

3. Tambahkan kode css di bawah ini tepat di atas kode </head>!

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.anipost {
    width:670px;
  }
#artikel-wrapper {
    width: 69%;
}
</style>
  </b:if>

Membuat Genre list

<div class="allgenres">
<ul>
<li><a href="/action/" title="View all seri in genre Action">Action</a></li>
<li><a href="/adventure/" title="View all seri in genre Adventure">Adventure</a></li>
<li><a href="/comedy/" title="View all seri in genre Comedy">Comedy</a></li>
</ul>
</div>

Petunjuk: Tempatkan HTML ini di halaman statis. Bagaimana membuat halaman statis? Caranya, Pilih Menu Pages di sebelah kiri > lalu klik New Page. Selesai dan pastekan HTML diatas. Pada Tab HTML. Jangan pastekan di Compose. Begitu juga dengan Manga List (Sama Saja).

Membuat Manga List

1. Membuat Navigasi Hurufnya

<div class="nav_apb"> <a href="#%23">#</a> <a href="#A">A</a> <a href="#B">B</a> <a href="#C">C</a> <a href="#D">D</a> <a href="#E">E</a> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#I">I</a> <a href="#J">J</a> <a href="#K">K</a> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a> <a href="#O">O</a> <a href="#P">P</a> <a href="#Q">Q</a> <a href="#R">R</a> <a href="#S">S</a> <a href="#T">T</a> <a href="#U">U</a> <a href="#V">V</a> <a href="#W">W</a> <a href="#X">X</a> <a href="#Y">Y</a> <a href="#Z">Z</a><div class="clear"></div></div>

2. Membuat List Manganya

<div id="animelist">
<div id="a-z">
         <div class="letter-group">
 <div class="letter-cell"><a name="huruf">huruf</a></div>
 <div class="row-cells">
 </div><!-- End row-cells -->
 <div class="row-cells">
               <div class="title-cell"><a class="series" href="URL" >Judul Manga</a></div>
             </div><!-- End row-cells -->
</div><!-- End of letter-group -->
      </div><!-- End id='a-z' -->
</div>

Note: Kalau kalian ingin menambahkan Manga yang lain tinggal pastekan HTML di bawah ini. Dibawah </div><!-- End of letter-group -->.

         <div class="letter-group">
 <div class="letter-cell"><a name="huruf">huruf</a></div>
 <div class="row-cells">
 </div><!-- End row-cells -->
 <div class="row-cells">
               <div class="title-cell"><a class="series" href="URL">Judul Manga</a></div>
             </div><!-- End row-cells -->

Note lagi: Inget! Kalau kalian buat manga list. Jangan buka compose. Jadi, edit aja di tab HTML. ok!
Untuk Masalah Penempatan CSS dan HTML sudah saya jelaskan di komentar. Bisa di lihat di bagian bawah halaman.