Cara Mengatasi Popular Post yang Tampil Sedikit ( Judul Artikel )

Salam Blogger, Crepictdgzingin berbagi pengalaman, artikel ini berdasarkan pengalaman pribadi dan kebetulan ada solusinya, jadi saya ingin membagikan solusi itu pada Sobat Blogger dimanapun berada.

Pernah mengalami Popular Post Blog hanya tampil dengan 3 judul atau tidak lebih dari 5 judul meski sudah di setting dengan maksimal 10 judul..?

Mungkin kita kira Google Blogger belum diupdate kale.? Eeee besok dilihat ternyata tetep aja masih tidak lebih dari 3 – 5 judul artikel, padahal settingan sudah maksimal 10 artikel..!  

Kenapa ya..????

Kadang masalah ini bisa jadi membuat Sobat frustasi karena Template tidak tampil sesuai keinginan kita. Tidak ada masalah yang tidak bisa diselesaikan ketika kita berusaha mencari jalan keluarnya..Ok Langsung ke tutorialnya :

Cara Mengatasi Popular Post Blogger Judul Artikel Tampil Sedikit

1. Masuk ke Akun Blogger Sobat

2. Pada Dashboard >> Theme/Tema >> Edit HTML

( lihat gambar dibawah ini cara termudahnya menemukan kode Popularpost1 )

3. Cari kode seperti dibawah ini ( cara mudah menemukan  lihat gambar di atas )

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
...........
...........
...........
</b:widget>

Terakhir sampai</b:widget >

4. Jika sudah ketemu, silahkan ganti semua kode diatas dengan kode seperti dibawah ini

<b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts' version='1'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>true</b:widget-setting>
      <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            </div>
            <div class='clear'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div class='clear'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
  </b:widget>

5. Selesai dan Simpan Template

Cukup mudah bukan …. ! Semoga berhasil dan bermanfaat..