Cara Pasang Title Text Otomatis Pada Popular Posts

Cara Pasang Title Text Otomatis Pada Popular Post - Sebuah link yang bagus adalah link yang terdapat title text atau keterangan saat kita mengarahkan mouse pada sebuah judul postingan. Ketika kita meng-klik link tersebut, maka akan muncul diskripsinya. Anda bisa lihat pada popular post blog ini, pasti akan muncul deskripsinya. Selain itu link yang disertai dengan title akan meningkatkan seo blog kita. Setelah kemarin saya memberikan tutorial tentang Cara Pasang Title Text Otomatis Pada Judul Postingan, Kali ini saya akan mencoba kembali tentang Cara Pasang Title Text Otomatis Pada Popular Post.

Berikut adalah tips dan trik tentang Cara Pasang Title Text Otomatis Pada Popular Post :

1. Silahkan login ke Blogger (pastinya dongg.. )

2. Masuk ke Edit Template dengan cara pilih Template, Edit HTML

3. Setelah masuk, Silahkan cari kode berikut :

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

4. Setelah ketemu, silahkan anda ganti dengan kode dibawah 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' expr:title='data:post.title'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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' expr:title='data:post.title'>
                    <img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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' expr:title='data:post.title'>
                    <img alt='thumbnails' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize' expr:title='data:post.title'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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>

5. Setelah itu jangan lupa di simpan templatenya.

Bagaimana, cukup mudah bukan? Jika ada pertanyaan, silahkan sampaikan melalui kolom komentar. Demikianlah artikel tentang Cara Pasang Title Text Otomatis Pada Popular Post, kiranya dapat bermanfaat. Terima Kasih.