Secara default, kode html untuk menampilkan deskripsi snippet yaitu <data:post.snippet/>, jumlah karakter yang akan tampilkan adalah 100 karakter apbila postingan memiliki gambar thumbnail, dan 140 karakter apabila artikel tidak memiliki gambar thumbnail.
![]() |
Mengatur Jumlah Snippet Hompage Blog |
Cara Mengatur Jumlah Karakter Snippet/ Deskripsi Postingan di Homepage
Berikut adalah cara membuatnya:
1. Masuk ke menu Template ➔ Edit Html
2. Selanjutnya, letakkan javascript dibawah ini tepat diatas kode
<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>
Jika pada template kamu sudah memiliki kode javascript seperti di atas, silahkan ganti saja jumlah karakter snippetnya. Untuk menambah atau mengurangi jumlah karakter silahkan ubah angka 200 pada kode snippet_count = 200.
3. Kemudian cari dan ganti semua kode
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
Catatan : Jika tidak ketemu kode
<div class='post-snippet' expr:data-snippet='data:post.snippet'/>
atau
<meta expr:content='data:post.snippet' name='description'/>
4. Simpan template.
Selesai, sekian postingan kali ini, semoga bermanfaat.
0 Komentar untuk "Cara Mengatur Jumlah Deskripsi Postingan di Homepage"