Cara Membuat Widget Post Popular Di Atas Footer Blogger

Cara Membuat Widget Post Popular Di Atas Footer Blogger
Pada Postingan Kali Ini Saya Akan Berbagi Cara membuat Widget Post Popular Di Atas Footer Atau Popular Post

Pertama Silahkan Anda Login Ke www.blogger.com Pilih TemaEdit HTML Setelah Itu Silahkan Cari Kode ]]></b:skin> Gunakan Ctrl+F Agar Lebih Mudah Dan Cepat Dalam Pencarian Kode Jika Sudah Ketemu Silahkan Paste Kode Berikut Ini Tepat Di Bawah ]]></b:skin>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
/* Popular Post Grid */
#indexpopular ul li:hover .item-title a{color:#07ACEC!important}
#indexpopular ul{margin:0!important;padding:0!important}
#indexpopular ul li{width:251px;float:left;height:220px;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);padding:10px!important;margin-right:10px;margin-bottom:15px}
#indexpopular .item-thumbnail{margin:0}
#indexpopular img{width:250px;height:150px}
#indexpopular .item-title{text-align:center;height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;float:left;overflow:hidden}
#indexpopular h2{text-align:center;background:#07acec;color:#fff;font-family:&#39;Roboto&#39;,sans-serif;width:200px;padding:10px;margin:10px auto;text-transform:uppercase;border-radius:4px;font-size:15px}
</style>
</b:if>
</b:if>
Lihat Contoh Gambar Di Bawah Ini Anda Cukup Meletakan Kode Di Atas Ke Bagian Yang Saya Tandai Letakan Kode Disini

Cara Membuat Widget Post Popular Di Atas Footer Blogger

Selanjutnya Cari Kode <footer Paste Kode Di Bawah Ini Di Atas Kode <footer Tersebut

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:section class='indexpopular' id='indexpopular' maxwidgets='1' showaddelement='yes'>
  <b:widget id='PopularPosts16' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>false</b:widget-setting>
      <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><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'>
          <b:if cond='!data:showSnippets'>
            <!-- (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/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 170, &quot;1:1&quot;)                                  : data:post.thumbnail' var='image'>
                    <img alt='Popular Posts' border='0' expr:src='data:image'/>
                  </b:with>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div class='clear'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
  </b:widget>
</b:section>
<div class='clear'/>
</b:if></b:if>

Lihat Pada Gambar Berikut Untuk Posisi Meletakan Kodenya

Cara Membuat Widget Post Popular Di Atas Footer Blogger

Jika Terjadi Kesalahan Dalam Peletakan Kode Yang Saya Jelaskan Di Atas Silahkan Anda Coba Coba Letakan Kode Tersebut Di Mana Saja Yang Penting Di Atas Kode <Footer Karna Mungkin Template Blog Anda Sama Milik Saya Berbeda

Jika Semua Sudah Benar Maka Akan Seperti Ini
Widget Post Popular Di Atas Footer

Terima Kasih Telah Berkunjung

Saya Harap Postingan Ini Bisa Membantu Anda Yang Sedang Mencari
Cara Membuat Widget Post Popular Di Atas Footer