Cara Membuat Nomor Urut Otomatis Artikel Pada Gadget Entri Populer Blog

Popular posts blog merupakan artikel blog paling banyak diakses oleh pengunjung dalam kurun waktu tertentu. Artikel terpopuler yang muncul dalam gadget entri populer akan berubah secara otomatis sesuai frekwensi judul artikel/halaman posting tertentu diakses pengunjung dari sejumlah posting dalam blog tersebut.

Gambar: Tampilan Artikel Terpopuler
menggunakan Gadget Entri populer
dalam bentuk Nomor urut

Perputaran/rotasi tampilnya artikel ini akan tergantung dari pengaturan ditetapkan pengelolanya. Terdapat tiga pilihan yang dapat ditampilkan khususnya popular post menggunakan gadget blogger diantaranya artikel popular dalam satu minggu (7 hari), setiap saat, dalam 30 hari (satu bulan).

Pengelola/pemilik media online internet blog dapat memilih tampilan yang diiginkan antara lain hanya judul posting saja dan atau judul posting bersama cuplikan artikel. Selain itu juga dapat membatasi jumlah artikel yang dimunculkan. Jumlah maksimal tampilan default entri popular post mencapai 10 (sepuluh) artikel baik hanya judul saja maupun judul bersama cuplikan artikelnya.

Cara membuat nomor urut artikel popular menggunakan gadget popular posts blogger dapat dilakukan dengan langkah-langkah sebagai berikut:

1. Sign in di blog
2. Klick Template
3. Amankan Template Blog jika diperlukan. Caranya sebagai berikut:
• klick Cadangkan/Pulihkan,
• Klick Unduh Template Lengkap
• Klick Tutup jika sudah selesai download template. Dengan melakukan langkah ini Blogger sudah menyimpan kode templatenya di dalam komputer
4. Klick Edit HTML
5. Centang/tandai kotak kecil disebelah teks Expand Template Widget
6. Cari kode <b:widget id='popularPost1' dalam kode template blog. Gunakan Ctrl F untuk mudah menemukannya
7. Hapus kode tersebut di atas mulai dari kode  <b:widget id='popularPost1' hingga </b:widget> 
8. Copy lalu paste kode dibawah ini pas pada posisi kode yang dihapus di atas
9. Klick Simpan untuk menyimpan perubahan
10. Klick Tutup untuk kembali pada halaman sebelumnya

Ini kode pengganti untuk menampilkan nomor urut artikel/entri popular blog

<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'>     <ol>       <b:loop values='data:posts' var='post'> <li>         <b:if cond='data:showThumbnails == "false"'>           <b:if cond='data:showSnippets == "false"'>             <!-- (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 == "false"'>             <!-- (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>     </ol> <b:include name='quickedit'/>   </div> </b:includable> </b:widget>

Keterangan:
Teks pada kode title='Entri Populer' adalah nama judul gadget entri popular. Teks tersebut dapat diganti sesuai nama diinginkan. Cara menggantinya dapat dilakukan dalam template blog dan juga bisa langsung pada gadget entri populer yang ditambahkan.

Untuk memperoleh hasil dari bahasan di atas, step pertama yang harus dilakukan adalah mendapatkan gadgetnya. Detail langkah untuk mendapatkan gadget entri popular post dapat membaca pada artikel ini

Artikel Lainnya:

Istilah Yang Wajib Diketahui Blogger Untuk Menata Tampilan Media Online Blog
Cara Membuat Scroll Box atau Kotak Skrol Gadget entri Populer Blog
Cara Membuat Menu Horizontal Blog Pada Header Blog
Daftar Isi Scroll Box Berdasarkan Klasifikasi Artikel Blog
Cara Mudah Membuat Foto Dengan Efek Marquee Dalam Blog
Cara Menampilkan Hanya Satu Halaman Pada Tampilan Utama Blog
Cara Mengetahui Broken Link atau Link Rusak dalam Blog/Website
Cara Membuat Menu Dropdown Dibawah Header Blog - Menu Menjorok Kebawah
Cara Menulis Textarea Dalam Blog Jika Kena Sorot Pointer Mouse Terblok Otomatis
Sedikitnya 12 Perbedaan Tampilan Antarmuka Blogger Baru Dengan Antarmuka Blogger Lama