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