1. Zune Fansub (versi terbaru) - Template Fansub / Fanshare
2. Zune Manga (versi beta) - Template Baca Manga / Komik Online
3. Zune Streaming (versi beta) - Template Nonton Anime Online

Features

1. For website read manga online
2. Manga list
3. Background anime (right & left)*
4. Fast load
5. Recommended Manga in homepage
6. and many more...

Template Description

Author: Kamisamazune (Admin)
Version template: Beta version
Created: Tuesday, March 24, 2015
Colors: Blue, Grey, White

Do you want to add fiture?

1. Background anime (right & left)
2. Website logo
3. Anime List premium
4. Recommended anime / manga series without thumbnail (auto)
5. Ads slot

1. Text messages: 085779300671 (Indosat)
2. Fanpage: Kamisamazune Design - not recommended

Oke Kamisamazune Design akan update tutorial terbaru lagi, sebenarnya tutorial ini request dari pengunjung: izayoikiel

Oke, langsung aja ke tutorialnya:

HTML<div class='entry-social' style='display:block;margin-bottom:0;'>
<!-- FACEBOOK LIKE DAN SHARE -->
<span class='fb-like' data-layout='button_count' data-share='true' data-show-faces='false' data-width='900' expr:data-href='data:post.url'/>
<!-- TWITTER SHARE -->
<span class='twitter-share' style='width:78px;overflow:hidden;display:inline-block;margin-top:5px;'><a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a></span>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<!-- GOOGLE+ SHARE -->
<span class='gplus-share' style='overflow:hidden;display:inline-block;'><div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/>
<script type='text/javascript'>
  window.___gcfg = {lang: &#39;id&#39;};
 
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</span></div>

Pasang script diatas ini, tepat diatas kode <data:post.body/> (jika ada 2 kode, pasang di ke-2 kode tersebut)

Sekain tutorial nya, bagi yang mau request juga silahkan ketik di Chatango.

Apa sih Snippet itu? Itu lho.. kode yang terpasang pada beberapa template, seperti ini kode nya: <data:post.snippet/>

Pastinya kalian ingin memperbanyak lagi tulisan yang muncul pada Snippet post itu, contohnya seperti gambar dibawah ini:

Mana kak? Itu yang diatas tombol Read More. Itu dia yang namanya Snippet Post.

Okelah, kita langsung aja ke Tutorial memperbanyak Snippet pada postingan

1. Cari kode <data:post.snippet/> pada template kalian, lalu ganti dengan kode dibawah ini:

HTML
<div>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
   </div>

Selanjutnya tambahkan script dibawah ini, diatas kode </head>

JS
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
snippet_count = 160;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
//]]>
</script>
</b:if>
</b:if>

Bagaimana cara memperbanyak Snippet Post nya?

Jika kamu ingin menambah / mengurangi Snippet Post nya, cari lalu ganti angka nya pada script diatas:

snippet_count = 160;

Perhatikan baik-baik, jangan menghapus credit CSS, HTML, jQuery ini! Kalau dihapus? Kamu tidak lebih dari SAMPAH!!!

Tolong credit CSS, HTML dan jQuery nya jangan dihapus yah. Kan udah dikasih gratis, harusnya bersyukur, jangan bikin orang kesel oke?

CSS/**** MIRROR STYLE, kamisamazune design ****/
.latestfpageidsplay {height: auto;width: 100%;}
.video-show.frontp2 {height: 130px;width: 139px !important;}
.video-show.frontp2 {width: 150px !important;}
.video-show div.title {font-size: 12px;font-weight: bold;height: 13px;overflow: hidden;padding: 5px;text-shadow: 1px 1px rgba(255, 255, 255, 0.51);width: 128px;}
.title.frontp2d {color: #E2E2E2;display: block;height: 21px !important;line-height: 21px;position: relative !important;text-shadow: none !important;top: -90px;width: 140px !important;text-transform: uppercase;background: rgba(255, 255, 255, 0.11);}
.title.frontp2d:hover .video-show img {background: rgba(99, 142, 252, 0.6)}
.video-show {float: left;font-size: 10px;height: 170px;margin: 5px 4.6px;text-align: center;width: 270px;}
.video-show img {width:100%; height:100%;}
.video-show img:hover {background:#FAFAFA;}
.video-show div.vid-e {font-size: 12px;font-weight: bold;height: 30px;overflow: hidden;padding: 2px 5px 0;}
.vid-e.frontp2 {color: #666666 !important;margin-top: -4px;width: 150px !important;}

Letakan HTML dibawah ini, di postingan (dalam mode HTML bukan Compose)

Jangan lupa untuk pasang jQuery-nya juga dibawah HTML