Cara Memasang Tags Title Judul Posting dan Link

Memasang tags title pada setiap link maupun judul lainnya, seperti judul posting, judul halaman, label, populer post, gambar, photo, lebih meningkatkan seo yang baik. Title tags sangat penting untuk mendukung performa seo blog supaya lebih bagus. Title tags disini saat cursor mouse menyorot pada link, judul posting, judul halaman atau image akan muncul tags title / judul.

Cara memasang title tag pada setiap link, judul posting, judul halaman, photo dll akan dtopblog share dan dapat sobat dtopblog simak, berikut cara memasang title tags :



Memasang Title Tags  Otomatis pada Judul Posting
Berikut cara memasang Title Tags pada Judul Posting agar lebih seo friendly :
1. Sobat dtopblog masuk edit template, download template sobat terlebih dahulu untuk jaga-jaga apabila terjadi kesalahan.
2. Cari kode <b:includable id='post'  var='post'>...</b:includable> buka jendela sebelah kiri hingga terlihat urutan kode script muncul dibawahnya :
3. Cari dan Ganti Kode :

<a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>

4. Ganti dengan  kode dibawah ini:

<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>

5. Save template.


Cara Memasang Title Tags pada Judul Halaman Statis / Tab
Berikut cara memasang Title Tags pada Judul Halaman Statis (Pages) / Tab :
1. Edit Template
2. Cari Kode <b:widget id='PageList1'  locked='false'  title='Pages'  type='PageList'>...</b:widget> buka jendela sebelah kiri hingga terlihat kode script muncul dibawahnya :
<b:includable id='main'>...</b:includable> buka lagi jendela sebelah kiri hingga terlihat urutan kode script muncul dibawahnya :
3. Cari lalu Ganti Kode berikut :

<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>

4. Ganti dengan  kode dibawah ini:

<li class='selected'><a expr:href='data:link.href' expr:title='data:link.title'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href' expr:title='data:link.title'><data:link.title/></a></li>

5. Save template.

Cara Memasang Tags Title Label pada Post Footer
Berikut sobat dtopblog cara memasang tags title label pada Post Footer :
1. Edit Template
2. Cari Code : <b:includable id='post'  var='post'>...</b:includable> buka jendela sebelah kiri hingga terlihat urutan kode script muncul dibawahnya :
3. Cari dan Ganti Kode :

<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>

4. Ganti dengan kode berikut ini :

<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag' expr:title='data:label.name'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>

5. Save template.

Cara Memasang Tags Title pada Link url Populer Post otomatis
Berikut cara memasang tags title pada link url widget Populer Posts sobat dtopblog supaya saat link disorot kursor mouse mempunyai title tags pada semua link pada populer post:
1. Edit Template
2. Cari Kode Widget Populer Post
3. Cari Kode :

<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'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><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;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img alt=' ' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><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. Ganti dengan kode berikut ini :

<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'  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/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'  expr:title='data:post.thumbnail'>
                  <img alt=' ' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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>

5. Save Template.
keterangan : dengan kode script diatas secara otomatis thumbnail image Popular Posts mempunyai title tags.


Cara Memasang Title Tags pada widget Link List
Berikut ini dtopblog akan berbagi cara memasang Title Tags pada widget Link List :
1. Edit Template
2. Cari kode berikut :

<ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>

3. Ganti dengan kode berikut ini :

<ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a></li>
     </b:loop>
   </ul>

4. Save template.
keterangan : ubah semua widget link list yang sobat dtopblog miliki satu persatu seperti contoh diatas.

Cara Memasang Title Tags pada Feeds Link / Posts Atom
cara memasang title tags pada feeds link / post atom, Post (atom) biasanya di bawah widget posting pada template bawaan blogger.
1, Edit Template
2. Cari Kode <b:includable id='feedLinksBody' var='links'>...</b:includable> buka jendela sebelah kiri hingga muncul urutan script di bawahnya.
3. Ganti kode :

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

4. Ganti dengan kode berikut ini:

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'  expr:title='data:f.name'><data:f.name/> (<data:f.feedType/>)</a>

5. Save template.

Cara Memasang Title Tags pada Link
Cara memasang title tags pada link dengan anchor teks sebagai berikut :

contoh :
<a href="http://dtopblog.blogspot.com/2015/10/cara-memasang-tags-title-judul-link.html" title="dtopblog: Cara Memasang Tags Title Judul Link">dtopblog: Cara Memasang Tags Title Judul Link</a> akan muncul title tag saat cursor menyorot link <a href="http://dtopblog.blogspot.com/2015/10/cara-memasang-tags-title-judul-link.html" title="http://dtopblog.blogspot.com/2015/10/cara-memasang-tags-title-judul-link.html">http://dtopblog.blogspot.com/2015/10/cara-memasang-tags-title-judul-link.html</a>
Hasilnya :
dtopblog: Cara Memasang Tags Title Judul Link akan muncul title tag saat cursor menyorot link http://dtopblog.blogspot.com/2015/10/cara-memasang-tags-title-judul-link.html

semoga bermanfaat..