Cara Edit Template Blog Agar SEO Friendly

• Login Blogger
• Tata Letak
• EDIT HTML
• Centang Expand Template Widget

• Manipulasi Tag Heading Judul Postingan  
  

• Cari Kode Berikut ini

<b:if cond='data:post.title'>

          <h3 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h3>
    </b:if>

• Ganti semua kode di atas dengan

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
          <h2 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h2>
    </b:if>
    <b:else/>
          <h1 class='post-title entry-title'>
         <b:if cond='data:post.link'>
           <a expr:href='data:post.link'><data:post.title/></a>
         <b:else/>
            <b:if cond='data:post.url'>
              <a expr:href='data:post.url'><data:post.title/></a>
            <b:else/>
              <data:post.title/>
            </b:if>
         </b:if>
          </h1>
    </b:if>

• Manipulasi Tag Heading Judul Blog

• Cari Kode Dibawah ini

    <h1 class='title' style='background: transparent; border-width: 0px'>
       <b:include name='title'/>
    </h1>

• Ganti Dengan Kode Berikut Ini

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
    <b:else/>
              <p class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </p>
    </b:if>

• Cari Kode Berikut Ini

    <h1 class='title'>
      <b:include name='title'/>
    </h1>

• Ganti Dengan Kode Berikut Ini

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <h1 class='title'>
              <b:include name='title'/>
            </h1>
    <b:else/>
            <p class='title'>
              <b:include name='title'/>
            </p>
    </b:if>

• Set CSS Sobat

Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip

    .post h3 {
    ..................................
    }

    .post h3 a, .post h3 a:visited{
     ..................................................
    }

    .post h3 a:hover {
    ....................................
    }

• Ganti Kodenya Dengan Kode Berikut

        .post h1, .post h2 {
          margin:.25em 0 0;
          padding:0 0 4px;
          font-size:140%;
          font-weight:normal;
          line-height:1.4em;
          color:$titlecolor;
        }

        .post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong{
          display:block;
          text-decoration:none;
          color:$titlecolor;
          font-weight:normal;
        }

        .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
          color:$textcolor;
        }

• Langkah Terakhir...Yaitu Tinggal Mecari Kode CSS Judul blog

cari Yg Miri Seperti ini

    #header h1 {
    ............................
    }

Ganti Kode Berikut Dengan Kode Ini

    #header h1, #header p {
      margin:5px 5px 0;
      padding:15px 20px .25em;
      line-height:1.2em;
      text-transform:uppercase;
      letter-spacing:.2em;
      font: $pagetitlefont;
    }

Posted in: