Cara Mengatur Jumlah Kata (Snippet) Home Pages

Cara Mengatur Jumlah Kata (Snippet) Home Pages - Ketika sobat memperhatikan template terbaik dan terpopuler 2016, misalkan saja SL Style Magz, akan sobat lihat berbagai variasi dan jenis dari tampilan di home pages.

Tampilan yang mudah kita temui secara sederhana adalah tampilan setiap posting atau snippet yang disertai dengan gambar Image (thumbnail).

Banyak sekali jenis dan ragamnya, mulai dari jenis gambar image yang kecil sampai besar, atau terlihat zoom, atau dengan variasi tampilan lainnya.

Kali ini akan kita ulas sedikit tips SEO, khususnya user friendly, yakni Cara Mengatur Jumlah Kata (Snippet) Home Pages.

Cara Mengatur Jumlah Kata (Snippet) Home Pages

Caranya cukup mudah, yakni:

1. Buka akun blogger

2. Pilih template > edit HTML

3. Copas kode di bawah ini tepat di atas kode </head>

<script type='text/javascript'>
snippet_count = 200;
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var snippet = strx.split("<");
for(var i=0;i<snippet.length;i++){
if(snippet[i].indexOf(">")!=-1){
snippet[i] = snippet[i].substring(snippet[i].indexOf(">")+1,snippet[i].length);
}
}
strx = snippet.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSnippet(pID){
var div = document.getElementById(pID);
var summ = snippet_count;
var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

4. Ganti kode <data:post.snippet/> atau  <div class='post-snippet' expr:data-snippet='data:post.snippet'/> dengan kode di bawah ini:

<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>

5.  Save template

NB: Kode angka 200 menyatakan banyaknya huruf. Silakan sesuaikan dengan keinginan sobat.

Mudah kan? Silakan lihat demonya njeh. Salam

Source:
http://www.ehpedia.com/2015/09/mengatur-jumlah-karakter-deskripsi-snippet-postingan-homepage-blog.html

Share this post