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.

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.




Related : Cara Pasang Title Text Otomatis Pada Popular Posts

14 comments:

  1. Replies
    1. Terima Kasih Kembali Mas Rama... Terima kasih atas kunjungannya.. :)

      Delete
  2. oh oya punya saya mah kayaknya blom ada title textnya deh di poplar post, jadi ini cara buat pasang title text biar otomatis ya mas, tapi kodenya banyak juga euy, suka mumet saya mah kalo ngeliat banyak kode-kode gituh... bisa gak ya saya ngikutin caranya? Dicoba dulu aja kali ya...

    ReplyDelete
    Replies
    1. Iya mas, ini cara pasang title text otomatis buat popular posts. tidak sulit kok mas marnes. silahkan di coba dulu mas. kiranya dapat memberi manfaat. terima kasih kunjungannya mas.. :)

      Delete
  3. emang mudah nih mas
    kita tinggal ngikuti tutor diatas

    ReplyDelete
    Replies
    1. Iya kang, cukup mudah. tinggal ikuti caranya step by step.. :)

      Delete
  4. Replies
    1. Silahkan mas di pasang.. :D Terima kasih kembali mas.. :)

      Delete
  5. simple tapi tampilannya tidak kalah menarik dengan lainnya. terima kasih telah berbagi.

    ReplyDelete
  6. ternyata sangat simple caranya ya mas :D

    ReplyDelete
    Replies
    1. Iya mas, caranya memang sangat simple sekali.. kiranya bermanfaat mas.. :)

      Delete
  7. Dengan penambahan Title tersebut, maka popular post kita akan tampil lebih Seo friendly ya Sob.

    ReplyDelete
    Replies
    1. Iya Mas Arie.. Kiranya dapat membantu untuk membuat artikel kita lebih SEO Friendly :)

      Delete