Cara Menciptakan Snippet Homepage Halaman Depan Blogger

Didalam setiap template blogger yang kita unduh dan kita pasang seringkali bagi sahabat sahabat yang hendak merubah sebagian tampilan desain halaman depan homepage blogger. terkadang mungkin anda menyukai templatenya karna fitur yang sangat responsive, disisi lain mungkin beberapa tampilan hanya menampilkan gambar saja, sedangkan ringkasan kata/snippet tidak ditampilkan atau bahkan hilang.

Didalam tutorial kali ini sanggup juga dipakai sebagai cara untuk mengatasi template blogger yang snippet halaman homepage depan blogger nya hilang. nah untuk memunculkannya sanggup juga dengan memakai cara yang akan admin paparkan dibawah ini .

Lalu bagaimana jikalau suatu template bawaan blogger/default tidak menyedikan fitur snippet pada halaman depannya. nah untuk hal ini kita sendiri sanggup mengatasinya dengan cara Membuat Snippet Homepage Halaman Depan Blogger yang gres dengan proteksi beberapa script dibawah ini.

Snippet atau yang biasa dikenal dengan ringkasan/deskripsi kata sangatlah penting bagi suatu blog,karna pengunjung secara pintas akan mengetahui fatwa dari suatu judul yang anda bagikan di dalam blog anda. selain itu kegunaan dari script yang nanti akan aku bagikan ini anda juga sanggup mengatur jumlah aksara atau kata snippet di homepage dengan jumlah aksara di autoreadmore yang anda inginkan tentunya.

Cara Membuat Snippet Homepage Halaman Depan Blogger

Peasaran dengan langkah dan caranya silahkan simak tutorialnya berikut ini :

1. Silahkan login terlebih dahulu didashboard blogger anda;
2. Yang kedua silahkan cari aba-aba berikut ini dengan memakai Ctrl+F

<data:post.snippet/>

3. Jika sudah ketemu kini cari aba-aba yang seakan-akan dengan aba-aba dibawah ini :

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

4. Ganti seluruh aba-aba diatas dengan aba-aba dibawah 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. Oke sehabis pemasangan aba-aba diatas kini mari tinggal kita pasangkan beberapa aba-aba javascripnya, silahkan copy aba-aba dibawah dan letakan sempurna diatas aba-aba </head> atau  &lt;/head&gt;&lt;!--<head/>--&gt;

<script type='text/javascript'>
snippet_count = 160;
//<![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>

6.  SAVE TEMPLATE Dan Lihat hasilnya

Keterangan : Ganti snippet_count = 160; dengan jumlah aksara yang anda inginkan.

Demikianlah tutorial admin mengenai snippet homepage ini biar isu ini apat membantu anda yang sedang kesulitan ,sekian dan terima kasih :D

Share this post