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
<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=’"summary" + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>createSnippet("summary<data:post.id/>");</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
alhamdulillah mas..semoga bermanfaat
makasih atas tutornya mas…. sudah ane coba dan cocok
Silakan mas
Lumayan lengkap untuk tipsnya gan, izin dipraktekkan lah di blog saya Dzulfikar … 🙂