Common Error

Some common problems with costume themes and how to fix them

Jumlah Artikel yang Muncul Tidak Sesuai

Dalam beberapa kasus terkadang jumlah artikel yang muncun pada halaman beranda lebih sedikit dari jumlah yang ditentukan pada setelan Blogger.

Pertama kami menegaskan bawah hal ini tidak ada kaitannya dengan bug/kesalahan pada template, Anda juga akan menemukan masalah yang sama dengan template lain, kami sudah mencari tahu dan menyimpulkan bawah penyebab utama masalah ini adalah:

Tidak ada pembatas postingan dalam artikel - Fitur ini sudah disiapkan Blogger dari awal namun masih banyak yang tidak mengerti atau faham kegunaannya.

Solusi
Untuk memperbaiki masalah ini Anda harus menggunakan fitur pembatas postingan disetiap artikel yang Anda tulis.

  • Pada post editor dengan mode Tampilan Menulis, klik ikon dan temukan fitur Sisipkan batas postingan, tambahkan di paragraf ke-2 atau 3 dalam artikel.
  • Pada mode Tampilan HTML sisipkan kode <!--more--> di urutan paragraf ke-2 atau 3 sesuai keinginan Anda.

Tampilan Listing Postingan yang Tidak Sejajar

Di versi terbaru kami menyiapkan dua alternatif kode untuk menampilkan cuplikan artikel yang ditulis seperti ini:

<b:includable id='postEntrySnippet'>
  <b:eval expr='snippet(data:post.snippets.long, {length: 150, links: false, linebreaks: false})'/>
  <!--<b:eval expr='snippet(data:post.body, {length: 90, links: false, linebreaks: false})'/>-->
</b:includable>

data:post.snippets.long adalah kode standar yang dipakai untuk template ini, fungsinya untuk menampilkan cuplikan artikel dengan maksimal 1000 karakter, Anda bisa menambah jumlah karakter pada cuplikan dengan merubah 150 pada kode di atas. Kekurangan dari kode ini adalah caption gambar juga akan terbaca.

data:post.body merupakan kode alternatif yang bisa Anda gunakan, kelebihan dari kode ini dapat menyembunyikan caption gambar di cuplikan postingan, hanya saja kekurangan menggunakan kode ini adalah beberapa tag tertentu juga terbaca pada snippet (cuplikan) postingan, diantaranya adalah:

  • <b>...</b>
  • <i>...</i>
  • <u>...</u>
  • <strong>...</strong>
  • <strike>...</strike>
  • ...

Akibat lain dari penggunaan data:post.body jika beberapa kode di atas terbaca dalam postingan terkadang juga akan mengakibatkan tampilan listing postingan tidak sejajar, jadi silahkan tentukan mana yang terbaik untuk blog Anda.


Iklan Tengah Postingan Tidak Tampil

Ada beberapa syarat agar iklan di tengah postingan muncul, yaitu:

  1. Iklan hanya muncul pada paragraf ke 10 dan 20,
  2. jumlah paragraf dihitung berdasarkan tag <p>

Widget untuk iklan tengah ditandai dengan ID HTML01 dan HTML02, script untuk iklan tengah pertama:

<!--[ Script to move widget to the middle of article ]-->
<script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById('postBody'); var midAd01 = document.getElementById('HTML01'); var showAd01 = tgt.getElementsByTagName('p'); if (showAd01.length > 0) {insertAfter(midAd01,showAd01[10]);}; /*]]>*/</script>

Script untuk iklan tengah kedua:

<!--[ Script to move widget to the middle of article ]-->
<script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById('postBody'); var midAd02 = document.getElementById('HTML02'); var showAd02 = tgt.getElementsByTagName('p'); if (showAd02.length > 0) {insertAfter(midAd02,showAd02[20]);}; /*]]>*/</script>
Keterangan:
  • Angka 10 dan 20 yang ditandai pada kedua kode di atas untuk memunculkan iklan pada paragraf ke 10 dan 20 dalam postingan, Anda bisa menyesuaikannya dengan jumlah paragraf pada postingan Anda.
  • Hurup 'p' yang ditandai adalah tag yang diperlukan untuk memunculkan iklan, jika postingan Anda masih menggunakan tag <div> atau <br> maka iklan tengah tidak akan muncul, ganti huruf 'p' pada kode di atas sesuai dengan tag yang Anda gunakan untuk paragraf.

Stempel Waktu Komentar Hanya Menampilkan 'seconds ago'

Masalah lain yang sering dialami adalah format stempel waktu komentar yang hanya menampilkan 'second ago', penyebab utama masalah ini adalah format penanggalan yang tidak dapat difahami oleh script timeago.js

Anda hanya perlu merubah format stempel komentar untuk memperbaiki masalah ini:

  • Pada dashboard Blogger, klik Setelan
  • scroll ke bawah sampai Anda menemukan kolom Pemformatan
  • klik Format stempel waktu komentar
  • pilih format waktu seperti gambar di bawah ini:
    Format stempel waktu
  • klik Simpan

Urutan Tidak Beraturan Dalam Daftar Isi

Script Table of Content mengambil data dari tag <h2> dan <h3>, jadi pastikan tag heading yang ada pada artikel Anda ditulis dengan urutan yang benar, sebagai contoh berikut adalah penulisan tag heading yang sesuai urutan:

<h2>Sub-heading article</h2>
  <h3>Sub sub-heading article</h3>
     <h4>Mini sub-heading article</h4>
      <h5>...</h5>
        <h6>...</h6>

Hindari penggunaan tag <h1> pada heading artikel karena tag tersebut sudah digunakan pada judul artikel, sangat tidak disarankan menambahkan dua atau lebih tag <h1> dalam satu halaman.


Profil Penulis tidak Muncul

Masalah seperti ini biasanya muncul karena profil Blogger yang belum lengkap, untuk melengkapinya silahkan ikuti tutorial di bawah ini:

  1. Pada dashboard Blogger, klik Setelan
  2. scroll ke bagian bawah hingga Anda menemukan kolom Umum
  3. klik Profil Pengguna, Anda akan diarahkan ke tab baru
  4. pada halaman Edit profile Blogger, silahkan scroll ke bawah sampai menemukan kolom 'Informasi Tambahan'
  5. Isi formulir di bagian 'Perkenalkan Diri Anda' lalu klik Simpan Profil

Halaman Sitemap Error (Hanya Memunculkan 'Loading...')

Sitemap yang kami gunakan bersumber dari dte.web.id, setelah pemasangan script terkadang sitemap tidak memunculkan apapun atau hanya memunculkan kalimat 'Loading...'.

Ada syarat yang harus dipenuhi agar script sitemap bekerja dengan baik:

  1. Pastikan Feed situs Anda aktif, untuk mengeceknya pergilah ke Setelan > Feed situs.
  2. Pastikan setiap postingan memiliki label, jika ada satu saja postingan yang tidak memiliki label maka kemungkinan script sitemap tidak akan bekerja.

Tombol LoadMore Error (Hanya Memunculkan 'Please wait' Ketika Diklik)

Terkadang jika Anda membuka halaman label, tombol loadmore tidak berfungsi dengan baik dan hanya menampilkan kalimat 'Please wait...', penyebab masalah ini adalah jumlah artikel pada label tersebut yang masih sedikit atau kurang dari jumlah postingan yang ditentukan pada setelan Blogger.

Kami tidak menemukan cara untuk mengatasi masalah ini, tapi jika jumlah artikel pada lebel tersebut sudah banyak maka otomatis tombol loadmore-nya akan kembali normal.

The Number of Articles That Appear Doesn't Match

In some cases sometimes the number of articles appearing on home page is less than the number specified in Blogger settings.

First we confirm that this has nothing to do with bugs/errors in the theme, you will also find the same problem with other Blogger themes, we have investigated and concluded that the main causes of this problem are:

There's no post break in articles - This feature has been prepared by Blogger from the start, but there are still many who don't understand its function.

Solution
To fix this problem you have to use the post break feature in every article you write.

  • In post editor with Writing View mode, click icon and find Insert post break feature, add it in the 2nd or 3rd paragraph of article.
  • In HTML View mode paste the code <!--more--> in order of the 2nd or 3rd paragraph.

Unaligned Post list Display

In latest version we prepared two alternative code to display a snippet of an article written like this:

<b:includable id='postEntrySnippet'>
  <b:eval expr='snippet(data:post.snippets.long, {length: 150, links: false, linebreaks: false})'/>
  <!--<b:eval expr='snippet(data:post.body, {length: 90, links: false, linebreaks: false})'/>-->
</b:includable>

data:post.snippets.long is standard code used for this template, the function is to display article snippets with a maximum of 1000 characters, you can increase the number of characters in the snippet by changing 150 in the code above. The disadvantage of this code is that image caption will also be displayed.

data:post.bodyis an alternative code that you can use, the advantage of this code it can hide image captions in post snippets, it's just that the drawbacks of using this code are that certain tags are also displayed in the post snippet, including:

  • <b>...</b>
  • <i>...</i>
  • <u>...</u>
  • <strong>...</strong>
  • <strike>...</strike>
  • ...

Another consequence of using data:post.body if some of the code above appears in snippet sometimes it will also cause the post list display to be misaligned, so please decide which one is the best for your blog.


Post Middle Ads Not Showing

There are several conditions for the ad in middle of post to appear, namely:

  1. Ads only appear on paragraphs 10 and 20,
  2. the number of paragraphs is calculated based on <p> tag

Widgets for middle ads are tagged with IDs HTML01 and HTML02, script for the first middle ads:

<!--[ Script to move widget to the middle of article ]-->
<script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById('postBody'); var midAd01 = document.getElementById('HTML01'); var showAd01 = tgt.getElementsByTagName('p'); if (showAd01.length > 0) {insertAfter(midAd01,showAd01[10]);}; /*]]>*/</script>

Script for the second middle ad:

<!--[ Script to move widget to the middle of article ]-->
<script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById('postBody'); var midAd02 = document.getElementById('HTML02'); var showAd02 = tgt.getElementsByTagName('p'); if (showAd02.length > 0) {insertAfter(midAd02,showAd02[20]);}; /*]]>*/</script>
Description:
  • The numbers 10 and 20 are marked in two codes above to display ads in 10th and 20th paragraphs of post, you can adjust it to the number of paragraphs in your post.
  • The marked 'p' is a tag that is needed to display ads, if your post still uses <div> or <br> tags then middle ad will not appear, replace letter 'p' in the code above according to tag you use for paragraphs .

Comment Timestamp Shows Only 'seconds ago'

Another problem that's often experienced is the comment timestamp format which only displays 'second ago', main cause of this problem is the date format that timeago.js script can't understand.

You just need to change the comment timestamp format to fix this issue:

  • On Blogger dashboard, click Settings
  • scroll down until you find Formatting column
  • click Format comment timestamp
  • select time format as shown below:
    Format stempel waktu
  • Click Save

Irregular order in Table of Content

The Table of Content script takes data from <h2> and <h3> tags, so make sure heading tags in your article are written in the right order, for example the following is writing the heading tags in correct order:

<h2>Sub-heading article</h2>
  <h3>Sub sub-heading article</h3>
     <h4>Mini sub-heading article</h4>
      <h5>...</h5>
        <h6>...</h6>

Avoid using <h1> tags in article headings because these tags are already used in article titles, it isn't recommended to add two or more <h1> tags in one page.


Author Profile Not Appearing

Problems like this usually arise because the Blogger profile isn't complete, to complete it, please follow the tutorial below:

  1. On Blogger dashboard, click Settings
  2. scroll down until you find General column
  3. click User Profile, you will be directed to a new tab
  4. on the Edit Blogger profile page, please scroll down until you find 'Additional Information' column
  5. Fill in the form in 'Introduce Yourself' section then click Save Profile

Error Sitemap Page (Only Shows 'Loading...')

The sitemap that we use is sourced from dte.web.id, after installing the script sometimes the sitemap doesn't show anything or only shows the sentence 'Loading...'.

There are conditions that must be met for sitemap script to work properly:

  1. Make sure your site feeds is active, to check it go to Settings > Site feeds.
  2. Make sure each post has a label, if there's only one post that doesn't have a label then sitemap script probably won't work.

Error LoadMore Button (Only Shows 'Please wait' When Clicked)

Sometimes if you open label page, the loadmore button doesn't work properly and only displays the sentence 'Please wait...', the cause of this problem is number of articles on that label which is still a little or less than the number of posts specified in Blogger settings.

We didn't find a way to solve this problem, but if the number of articles on that label is large, the loadmore button will automatically return to normal.