Cara Membuat Popular Post Thumbnail Valid HTML5

Cara Membuat Popular Post Thumbnail Valid HTML5 | Pintu Seo - Membuat template / halaman menjadi valid 5 memang penting dalam blog kita, kali ini saya akan membagikan Cara Membuat Popular Post Thumbnail Valid HTML5 , simak caranya di bawah ini.

Cara Membuat Popular Post Thumbnail Valid HTML5

• Sekarang masuk menu Template --> Pilih edit HTML
• Pada halaman editor template blog, klik tombol Jump to widget/Lompat ke widget dan pilih widget popular posts
• Cari Kode di Bawah Ini:
  

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

  Lalu ganti dengan kode di bawah ini..
  

  <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
      <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'><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 expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:title='data:post.title'/>
                    </a>
                  </div>
  <b:else/>
                  <div class='item-thumbnail'>
                    <a expr:href='data:post.href' target='_blank'>
                      <img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjboa0DuofD0acXQWyxmTHpzR9cXWBIWEIBC-F7M6Hr51YpH1fkEAFdB9Zizfg1vv0n3vhZvp1Inz1Vte3WjgnGYYHIk-gfUhJbYqlI0saKs01Vf58q3RILb3482C1x5JJ60GZ-2Z30g98/s120-c/laptop-icon3.png'/>
                    </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 expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:title='data:post.title'/>
                    </a>
                  </div>
  <b:else/>
                  <div class='item-thumbnail'>
                    <a expr:href='data:post.href' target='_blank'>
                      <img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjboa0DuofD0acXQWyxmTHpzR9cXWBIWEIBC-F7M6Hr51YpH1fkEAFdB9Zizfg1vv0n3vhZvp1Inz1Vte3WjgnGYYHIk-gfUhJbYqlI0saKs01Vf58q3RILb3482C1x5JJ60GZ-2Z30g98/s120-c/laptop-icon3.png'/>
                    </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>
      </ul>
    </div>
  </b:includable>
    </b:widget>

  
  
  
  

   Sumber : Membuat Popular Post Thumbnail Valid HTML5

Share :

Tweet

✚

Related Post