Sempak Mungil XI IPS 4

Membuat sebuah entri Populer memang sudah di sediakan oleh Blogger tapi disini saya akan memberikan cara atau tips yang sederhana untuk membuat Entri Populer yang disediakan oleh Blogger atau Blogspot menjadi Entri Populer yang cantik. Untuk membuat Entri Populer Berjalan para sobat ikuti langkah-langkah sebagai berikut :

1. Para blogger Login terlebih dahulu di Blogger
2. Pilih rancangan
3. Pilih Edit HTML jangan lupa centang Expand Template Widget
4. Kemudian sobat cari kode ( Pastikan Sobat sudah pasang Entri Populer Bawaan dari Blogger)
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
5. Untuk mempermudah silakan gunakan F3
6. Kalau sudah ketemu taruh kode 
<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'> dibawah kode <div class='widget-content popular-posts'><ul>
7. Setelah selesai jangan lupa taruh kode </marquee> sebelum kode </ul>
8. Sehingga akan terbentuk kode seperti di bawah ini :
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'><ul>
<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>
   
      <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'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><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 alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <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 alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </marquee></ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
9. Selanjutnya sobat save dan lihat hasilnya.

Untuk meliha demo silakan kunjungi Blog Kang Mukhtar
Catatan Jika sobat belum pasang Entri Populer bawaan dari blogger silakan sobat cobas kode keseluruhan dan tempatkan pada posisi letak Widget di Rancangan Edit HTML