Cyber facebook
Group blog
Cyber twitter

Senin, 21 Januari 2013

0 Cara Template Menjadi Blogger SEO Friendly

Diposting oleh Cyber Kage di Senin, Januari 21, 2013
Hola Kagenia, ketemu lagi dengan admin "T...i" kasih tau Inisialnya aja deh ya, nanti banyak yg naksir lagi :D
Kali ini Saya akan Share tentang SEO, yupz Seo siapa sih yg gak tau SEO dan pasti Kagenia pengen kan bloggernya jadi SEO. Kalo mau ikuti langkah dari Saya :)
  1. Pertama yang mesti anda lakukan tentu login dulu di Blogger 
  2. Kemudian klik Rancangan >> edit HTML
  3. Jangan lupa Centang Expand Template Widget
  4. Klik Download template lengkap untuk jaga-jaga.
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>
Setelah ketemu Ganti semua kode di atas dengan kode dibawah ini.
<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 lagi kode di bawah ini
<h1 class='title' style='background: transparent;  border-width: 0px'>
<b:include name='title'/>
</h1>
Selanjutnya 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>
Terakhir, Set CSS Anda

 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 di bawah ini
.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;
}
Catatan: Kalau tidak berhasil, ganti hanya kode H3 nya..

 Langkah terakhir, cari lagi kode css judul blog. Cari yang mirip dengan kode di bawah ini
#header h1 {
............................
}
Setelah itu Ganti dengan kode di bawah 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;
}
Kemudian Save/Simpan template anda, selesai....
Source

0 komentar:

Posting Komentar


|---------------------------------------------------------------------------------------------|
HANYA KOMENTAR JELAS LAH YANG KAMI BALAS !
|---------------------------------------------------------------------------------------------|

 
Cyber Kage
----------------------------------

-----------------------------------
Chat