Lompat ke konten Lompat ke sidebar Lompat ke footer

Jumlah Postingan Tidak Sesuai dengan Pengaturan Blogger? Begini Solusinya!

Mengatasi Jumlah Postingan Tidak Sesuai dengan Pengaturan Blogger - Postingan merupakan salah satu elemen penting dalam mengembangkan sebuah blog. Google mengatakan bahwa “Content is King” yang berarti sebuah postingan merupakan senjata utama dalam meningkatkan kualitas SEO blog. Teknik SEO apapun yang kamu gunakan, bila tidak melibatkan postingan jelas tidak akan banyak berpengaruh terhadap blog.

Selain konten, peletakan postingan juga merupakan hal yang patut dipertimbangkan. Hampir sebagian besar pengelola blog memasang daftar postingan secara langsung pada halaman awal (beranda) blog. Sehingga postingan menjadi objek yang terlihat pertama kali pada saat mengunjungi blog kamu. Meski terlihat mudah, namun beberapa pengelola blog sering menemui beberapa masalah terkait hal ini. Salah satunya adalah ketika menampilkan postingan, terkadang jumlah yang ditampilkan tidaklah sesuai dengan pengaturan di blogspot. Sebagai contoh, pada setting dashboard blogspot jumlah postingan diatur sebanyak 10 buah, namun kenyataannya apabila dikunjungi jumlah postingan yang tampil hanyalah 4 buah.

Kelas Informatika - Jumlah Postingan Blog Tidak Sesuai dengan Pengaturan


Ketidaksesuaian tampilan jumlah postingan merupakan masalah klasik yang banyak muncul sejak dulu. Kali ini Kelas Informatika akan membahas mengenai solusi permasalahan ini. Meski telah banyak referensi terkait masalah ini, namun masih banyak yang kebingungan mempraktekkannya.

Mengapa Jumlah Postingan yang Tampil Tidak Sesuai dengan Pengaturan?

Hal pertama yang perlu kamu cermati jika menemui masalah ini adalah mengetahui sebabnya terlebih dahulu. Blogspot membatasi kapasitas halaman awal blog pengguna, sehingga apabila halaman awal blog kamu melebihi kapasitas yang telah ditentukan maka sebagian tidak akan ditampilkan.

Kelas Informatika - Kapasitas Post di Halaman Awal Blogspot


Sebagai contoh, taruhlah misalnya blogspot memberi batasan maksimal halaman awal blog sebesar 3 MB. Lalu kamu menampilkan sejumlah 3 postingan dengan total kapasitas 5 MB, maka 2 MB kelebihan kapasitas tersebut tidak akan ditampilkan (otomatis hilang). Agar semua postingan di halaman awal dapat tampil secara keseluruhan, kapasitas postingan harus dirampingkan terlebih dahulu.

Solusi Agar Jumlah Postingan Sesuai dengan Pengaturan Blogspot

Secara umum telah dijelaskan bahwa solusi agar jumlah postingan dihalaman awal blog sesuai dengan pengaturan adalah dengan merampingkan tiap postingan yang ada dihalaman awal. untuk merampingkan postingan, kamu dapat menggunakan fitur jump break pada blogspot. Penggunaan fitur jump brake dapat dilakukan dengan 2 cara, yakni cara manual dan otomatis.

Memasang Jump Break Manual

Untuk memasang jump break pada postingan secara manual, cara tidaklah sulit. Pertama login ke akun blogspot >> Pilih menu Posts >> Klik New Post
Kita akan membuat postingan baru untuk mempraktekkan penggunaan jump break.

Kelas Informatika - Membuat Post Baru


Kedua, silahkan isi konten postingan terlebih dahulu. Cukup isi judul postingan dan teks pada halaman editor blogspot.

Kelas Informatika - Teks Editor Blogspot


Selanjutnya untuk menggunakan fitur jump break, pertama letakkan kursor tepat satu baris sebelum pemotongan teks. Kemudian klik logo kertas yang sobek pada bagian tengahnya (lihat gambar). Apabila selesai diklik, secara otomatis akan menampilkan garis pututs-putus. Hal tersebut merupakan indikator bahwa fitur jump break telah berhasil dipasang.

Kelas Informatika - Jump Break Blogspot


Selanjutnya tinggal lakukan langkah-langkah tersebut secara berulang, terapkan pada postingan yang tampil di halaman awal blog. Namun akan lebih baik apabila fitur jump break diterapkan pada semua postingan diblog, jadi biasakan apabila membuat postingan baru untuk memasang jump break.

Memasang Jump Break Otomatis

Menambahkan jump break pada postingan secara otomatis dapat dilakukan dengan menambahkan script khusus pada tema blogspot. Caranya, pertama login ke akun blogspot >> Kemudian Pilih Theme >> Klik Edit HTML

Kelas Informatika - Edit HTML Blogspot


Pada editor html, cari kode </head>. Kamu dapat menggunakan fungsi Ctrl + F untuk menggunakan fitur pencarian. Apabila telah ditemukan, letakkan kode html berikut tepat diatas </head>.
<script type="text/javascript">
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 100;
summary_img = 100;
img_thumb_height = 60;
img_thumb_width = 90;
</script>
<script type="text/javascript">
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>
"+removeHtmlTag(f.innerHTML,e)+"</div>
";f.innerHTML=c};
//]]>
</script>
Keterangan :
  • summary_noimg = 100; adalah banyak karakter jika tidak ada gambar pada postingan
  • summary_img = 100; adalah banyak karakter jika terdapat gambar dalam postingan
  • img_thumb_height = 60;  ukuran tinggi gambar
  • img_thumb_width = 90; ukuran lebar gambar

Langkah berikutnya, cari kode <data:post.body/>, kamu akan menemukan beberapa kode <data:post.body/> didalam tema. Coba terlebih dahulu pada <data:post.body/> kedua, ganti dengan kode berikut.
<b:if cond="data:blog.pageType != &quot;item&quot;">
<b:if cond="data:blog.pageType != &quot;static_page&quot;">
<div expr:id="&quot;summary&quot; + data:post.id">
<data:post .body=""></data:post></div>
<script type="text/javascript">createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class="rmlink" style="float: left;"> <a expr:href="data:post.url" href="https://www.blogger.com/null"><b>Readmore</b> → <data:post .title=""></data:post></a></span>
</b:if></b:if>
<b:if cond="data:blog.pageType == &quot;item&quot;">
<data:post .body="">
</data:post></b:if>
<b:if cond="data:blog.pageType == &quot;static_page&quot;"><data:post .body=""></data:post></b:if>
Keterangan :
Kamu bisa mengubah tulisan Readmore dengan tulisan lain yang kamu sukai

Jika telah selesai, jangan lupa Simpan Template dan lihat perubahannya. Kini jumlah postingan yang tampil pada halaman awal blog telah sesuai dengan pengaturan yang kamu gunakan.

Sekedar informasi tambahan, selain untuk menyesuaikan jumlah tampilan postingan, fitur jump break juga berfungsi untuk mengurangi kapasitas blog pada halaman awal sehingga blog akan memiliki akses lebih cepat dibandingkan sebelumnya.

4 komentar untuk "Jumlah Postingan Tidak Sesuai dengan Pengaturan Blogger? Begini Solusinya!"

  1. Tanya bg utuk menu jamb break di menu blog sekarang sudah engga ada
    kalo kita pakek cara ke dua edit html kode tersebut eror..apakah ada yg salah dlm penerapanya..mohon infonya gan terima kasih

    BalasHapus
    Balasan
    1. Menu jump break sebetulnya masih ada di blogger versi terbaru, namun beberapa berpendapat tidak lagi berfungsi seperti versi sebelumnya. Beberapa blogger juga mengatakan menu jump break di blogger terbaru masih belum dapat dioperasikan, mungkin karena masih ada bug yang perlu diperbaiki.

      Kelas informatika telah mencoba sendiri, ternyata menu jump break ada di blogger versi terbaru. Menu jump break terletak di toolbar menu bagian kanan >> klik titik tiga >> menu jump break bersimbol tanda "-" (minus). Silahkan dicoba kembali kak

      Hapus
  2. gak bisa jg gan, aku pake itu jg gak muncul

    BalasHapus
    Balasan
    1. bisa pake cara lain kak, pake script mungkin. semangat :)

      Hapus