-->

Senin, 21 November 2016

Mimin SlideSeo

Membuat Thumbnail Pada Popular Post No Image

Langsung saja tapa basa-basi ikuti langkah-langkah berikut ini.
1. Buka Blogger ⇨ Template ⇨ Edit HTML,
2. Lalu Cari Kode/Kode Yang Persis Dengan Kode Dibawah Ini
    <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    Atau Bisa Mengikuti Langkah Berikut


3. Setelah Kode Tersebut Ketemu, Silahkan Ganti Dengan Kode Berikut Ini.

Perhatian :
Ganti Kode Mulai Dari <b:widget id sampai ke </b:widget>
Jangan Sampai Salah, Kalau Salah Malah Error Entar Template Kalian..

Berikut Kodenya :


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

            <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' target='_blank'><data:post.title/></a>

          <b:else/>

            <!-- (2) Show only snippets -->

            <div class='item-title'><a expr:href='data:post.href' target='_blank'><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;'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' expr:title='data:post.title'>

<b:if cond='data:post.thumbnail'>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

<b:else/>

<img alt='' border='0' expr:height='data:thumbnailSize' expr:width='data:thumbnailSize' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5vOnGfAECzs2aAXjJoSDvMqcJ8xEEF-Hcs3Z0hAcMUNy3ANp9jl9Elrb42GcuQIi8BbJmZsNYfKg2dqvlcdzDUxqrw0PQWvbVT6uc89T8qBXKtLdYy6A1d8ej1I25btGXpuxKryvlp0M/s1600/no_thumb.png'/>

</b:if>

</a>

</div>

            <div class='item-title'><a expr:href='data:post.href' target='_blank'><data:post.title/></a></div>

            <b:if cond='data:showSnippets'>

              <div class='item-snippet'><data:post.snippet/></div>

            </b:if>

          </div>

          <div style='clear: both;'/>

        </b:if>

      </li>

      </b:loop>

    </ul>

  </div>

</b:includable>

          </b:widget>

4. Langkah Selanjutnya Ganti Kode/Url Yang Bewarna Merah Dengan Url Image Yang Anda Inginkan.
5. Silahkan Pratinjau/ Preview Dulu Tampilannya, Jika Sudah Berhasil Klik Simpan Template.
6. Selesai.

Share this

Get Short URLloading short url
Disqus
Blogger
Pilih Sistem Komentar Yang Anda Sukai
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

- http://disq.us/p/[ID DISQUS] - lihat di sini.

strong em u strike
pre code pre code spoiler
embed
avatar

itu nanti warnanya juga kayak di screenshot itu gan ?

avatar

Tidak Gan Ini Hanya Tutorial Buat Thumbnailnya Aja,Kalau Mau Buat Popular Post Seperti Saya Bisa Kunjungi Blognya Mas Teja/Mastamvan, Terimakasih

avatar
Anonim

Tutorial mudah dipahami dan sangat membantu sekali. Makasih uda mau berbagi

Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Bila Anda punya nama atau blog gunakan komentar sebagai "Name/ URL".

Sebelumnya Saya minta maaf yang sebesar-besarnya jika komentar anda belum sempat dibalas.

Emoticon

© - All Rights Reserved | Created With - Powered By Blogger

Like this blog? Keep us running by whitelisting this blog in your ad blocker.

This is how to whitelisting this blog in your ad blocker.

Thank you!

×