Tutorial Blog

Cara Membuat Snippet Homepage Halaman Depan Blogger

Didalam setiap template blogger yang kita unduh dan kita pasang seringkali bagi teman teman 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 bisa juga digunakan sebagai cara untuk mengatasi template blogger yang snippet halaman homepage depan blogger nya hilang. nah untuk memunculkannya bisa juga dengan menggunakan cara yang akan admin paparkan dibawah ini .

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

Snippet atau yang biasa dikenal dengan ringkasan/deskripsi kata sangatlah penting bagi suatu blog,karna pengunjung secara pintas akan mengetahui pemikiran dari suatu judul yang anda bagikan di dalam blog anda. selain itu kegunaan dari script yang nanti akan saya bagikan ini anda juga dapat mengatur jumlah karakter atau kata snippet di homepage dengan jumlah karakter 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 kode berikut ini dengan menggunakan Ctrl+F

<data:post.snippet/>

3. Jika sudah ketemu sekarang cari kode yang mirip dengan kode dibawah ini :

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

4. Ganti seluruh kode diatas dengan kode 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 setelah pemasangan kode diatas sekarang mari tinggal kita pasangkan beberapa kode javascripnya, silahkan copy kode dibawah dan letakan tepat diatas kode </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 karakter yang anda inginkan.

Demikianlah tutorial admin mengenai snippet homepage ini semoga informasi ini apat membantu anda yang sedang kesulitan ,sekian dan terima kasih 😀

About the author

Kahfie IDN

Pengetahuan adalah kebebasan, dan ketidaktahuan adalah perbudakan.

Leave a Comment

3 Comments