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

» » Mengatur Jumlah Karakter Post Snippet atau Deskripsi Postingan Blog di Halaman Index
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

  1. Bukalah template editor sobat di blogger
  2. 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>

  3. Kemudian cari kode <data:post.snippet/> dan ganti dengan kode 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>

  4. 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.
  5. Setelah selesai klik simpan template

Referensi : problem with <data:post.snippet/>

Komentar (0)

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]

Batal Balas Komentar

Beauty