Cara Membuat Title Otomatis Pada Popular Post

Cara Membuat Title Otomatis Pada Popular Post-Sebuah link yang bagus yaitu link yang di situ terdapat title
atau keterangan saat kita mengklik link tersebut maka akan muncul diskripsinya sebagai contohnya sobat lihat popular post saya , selain itu link yang disertai dengan title akan meningkatkan seo blog kita

Berikut cara membuat title otomatis pada popular post :

1. Masuk Akun Blogger

2. Pilih Template

3. Klik EDIT HTML

4. Cari Kode <b:widget id='PopularPosts1' locked='false' title='Popular Posts'  

5. Ganti Kode <b:widget id='PopularPosts1' locked='false' title='Popular Posts' 

bla...bla...bla ( sampai kode di bawah ini )

</b:includable>

</b:widget>

6. Ganti kode di atas 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' 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>

6. Simpan Template Dan lihat perubahanya.

Ditulis oleh Unknown pada tanggal Saturday, 27 July 2013

Tweet