-->

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

Baca Juga :

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

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
-_-
(o)
[-(
:-?
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
$-)
(y)
(f)
x-)
(k)
(h)
(c)
cheer
(li)
(pl)
© 2025 - 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!

×