Cara membuat popular post with thumbnail Valid HTML5

Popular post with thumbnail Valid HTML5

Popular post with thumbnail Valid HTML5 : Dewasa ini, blogger templates secara bertahap sudah mulai melakukan validasi HTML5. Baik dengan melakukan editing/modifikasi template hingga mengganti template yang Valid HTML5. Namun sayang, widget standar blogger ternyata belum mendukung hal tersebut. Seperti diantaranya, widget follower dan Widget Popular Post. Untuk itu, kita perlu melakukan editing/modifikasi agar widget yang cukup penting tersebut tidak menodai ke-valid-an HTML5 template blog kita.

Click Cara Membuat Widget Follower Valid HTML5 untuk memodifikasi widget follower. Karena sudah saya posting sebelumnya.

Sedangkan untuk Widget Popular Post Valid HTML5 di Blog, berikut caranya. Juga sama seperti sebelumnya. Tidak susah dan hanya beberapa tahap editing HTML.

  • Login Blog terlebih dahulu
  • Kemudian klik Template >> Edit HTML
  • Pada halaman editor template blog, klik tombol Jump to widget/Lompat ke widget dan pilih widget popular posts seperti gambar diatas.

Cari kode HTML seperti ini :

     

 

   

               

  •                                                                            

               

                                                       

                                 

                                          ”                                 

                               

               

               

                                     

                                 

                                          ”                                 

                               

                 

               

               

                           
  •          

     

 

Lalu ganti kode diatas dengan kode berikut ini:

   

 

   

               

  •                                                                            

               

                                                       

                                 

                                                                           

                               

               

               

                                     

                                 

                                                                           

                               

                 

               

               

                           
  •          

 

Lalu save template dan selesai. Terimakasih atas kunjungannya dan semoga bermanfaat…

Leave a Reply

Your email address will not be published. Required fields are marked *