Cara Mengubah Deskripsi atau Snippet Postingan di Halaman Utama

Oleh Blogger Kode

Sabtu, 11 Februari 2017

Bagikan :

Tweet

"Apa itu snippet?"

"Mengapa harus diubah?"

"Bagaimana kode yang ditambahkan?"

Mungkin sebagian orang atau blogger menemui beberapa masalah salah satunya ketika di halaman hompage blog ada deskripsi yang muncul tapi hanya beberapa karakter saja mungkin 100 karakter secara default atau 150 karakter.

Hal ini membuat pengunjung blog yang akan membaca tidak jelas sebenarnya untuk snippet atau deskripsi di hompage ini sifatnya singkat dan jelas jadi kali ini saya akan membuat cara supaya snippet atau deskripnya postingan di homepage bisa ditambah panjang karakternya sehingga pengunjung akan lebih nyaman membacanya.

Mungkin seperti ini contoh dari snippet atau deskripsi postingan :

#Berikut Cara Membuat Snippet atau Deskripsi Postingan di Halaman Utama : 

• Login ke blog sobat
• Masuk ke menu dasboard pilih template, lalu klik edit HTML

• Letakkan kode javascript di bawah ini di atas kode </head>. Ubah angka 200 sesuka hati sobat untuk menentukan jumlah karakter yang ditampilkan

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

• Cari dan ganti kode <data:post.snippet/> dengan 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>

• Jika kode <data:post.snippet/> tidak ditemukan maka cari dan ganti kode di bawah ini

<div class='post-snippet' expr:data-snippet='data:post.snippet'/>

atau kode di bawah ini

<meta expr:content='data:post.snippet' name='description'/>

• Simpan template

Jadi bagi sobat blogger yang mau menambah jumlah deskripsi postingan di homepage, cara ini paling ampuh tidak ada yang lain. Jika ada saran, kritik dan pertanyaan tentang hal tersebut langsung di kolom komentar saja.

Terima Kasih 

Tag : Tips Ngeblog, Tutorial Blog