Trik Tag Heading Judul Blog dan Judul Postingan

Untuk melengkapi artikel sebelumnya ada baiknya untuk ikut memposting tentang ini. Kalau melihat data statistik dari blog, ada beberapa yang mencari artikel Menggunakan Tag Heading Pakai Trik Para Master, sedangkan isi dari artikel itu sendiri merujuk ke tempat lain. Untuk itu saya buat posting ini agar bisa langsung di link kesini.

Untuk merubah tag heading judul blog dan judul postingan ada sebuah trik yang bisa anda terapkan.

– Masuk ke akun Blogger anda
– Dashboard
– Template
– Edit HTML
– Centang Expand Template Widget

1. Trik Tag Heading Untuk Judul Blog

– Cari kode seperti ini

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

– Kemudian 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 lagi kode ini:

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

– Ganti dengan kode berikut:

<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>

2. Trik Tag Heading Untuk Judul Postingan

Cari kode Seperti 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 dengan kode berikut:

<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>

– Untuk kode CSS :
Pada judul blog dan judul postingan, ini harus disesuaikan dengan template anda.

Untuk judul blog misalnya seperti ini:

#header h1 {
…………………
…………………
}

– Ganti dengan kode berikut:

#header h1, #header p {
font: bold 280% Bradley Hand ITC,Serif;
letter-spacing: -1px;
margin: 0;
padding-left: 0;
padding-top: 19px;
text-transform: none;
}

– Untuk judul postingan:

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

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

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

– Ganti 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;
}