Mengatur Jumlah Karakter Post Snippet atau Deskripsi Postingan Blog di Halaman Index

Post Snippet atau deskripsi suatu postingan pada halaman index yang sebetulnya berisi tentang beberapa cuplikan artikel dari sebuah postingan, menurut saya cukup penting untuk pengaturan layout atau tata letak pada halaman index kita dan juga berfungsi untuk mempermudah pengunjung mengetahui secercah informasi dari postingan dihalaman index tanpa harus membuka tautan postingannya.
Jumlah karakter post snippet atau deskripsi suatu postingan pada dasarnya adalah sekitar 100-140 karakter. Nah, untuk mengurangi atau menambahkan jumlah karakter tersebut silahkan ikuti langkah-langkah dibawah ini
- Bukalah template editor sobat di blogger
- Salin kode berikut dan letakkan di atas kode
</head>
<script type='text/javascript'>
//<![CDATA[
snippet_count = 200; // Jumlah karakter
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 = '<span class="snipets">' + removeHtmlTag(div.innerHTML, summ) + '</span>';
div.innerHTML = summary;
}
//]]>
</script> - Kemudian cari kode
<data:post.snippet/>
dan ganti dengan kode ini
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script> - Sobat bisa menggati nilai dari
snippet_count
yang sudah saya tandai pada javascript diatas sesuai keinginan untuk mengatur jumlah karakter post snippet atau deskripsi postingan blog. - Setelah selesai klik simpan template
Referensi : problem with <data:post.snippet/>
Berkomentarlah yang relevan dengan isi postingan.
Untuk menyisipkan gambar, gunakan kode
[img]URL GAMBAR[/img]
Untuk membuat quote's, gunakan kode
[blockquote]KATA ANDA[/blockquote]
Untuk menyisipkan kode, gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan kode panjang bisa menggunakan tag
[pre]KODE PANJANG ANDA[pre]