Copyright 2010 Mas Adi . Com. All Rights Reserved.
Snowblind by Themes by bavotasan.com.
Blogger Templates by Blogger Template Place | supported by One-4-All

Cara Membuat & Merubah Dynamic Heading Blog - Merupakan salah satu unsur ter[enting dalam SEO, mungkin banyak blog yang sudah membahas masalah ini namun mungkin dari mereka menghiraukan susunan title website antara H1 H2 H3. Nah mungkin agar lebih lebih tertata rapi dan SEO tentunya ikuti lah langkah-langkah berikut :
PERTAMA MODIFIKASI HEADER: cari kode ini
<H1 class=’title’ style=’background: transparent; border-width: 0px’>
<b:include name=’title’/>
</H1>
<H1 class=’title’ style=’background: transparent; border-width: 0px’>
<b:include name=’title’/>
</H1>
JIKA SUDAH GANTI DENGAN KODE BERIKUT INI:
<b:if cond=’data:blog.pageType != "item"’>
<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>
<b:if cond=’data:blog.pageType != "item"’>
<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>
KEMUDIAN CARI KODE BERIKUT INI:
<H1 class=’title’>
<b:include name=’title’/>
</H1>
<H1 class=’title’>
<b:include name=’title’/>
</H1>
UBAH DENGAN KODE INI:
<b:if cond=’data:blog.pageType != "item"’>
<H1 class=’title’>
<b:include name=’title’/>
</H1>
<b:else/>
<p class=’title’>
<b:include name=’title’/>
</p>
</b:if>
<b:if cond=’data:blog.pageType != "item"’>
<H1 class=’title’>
<b:include name=’title’/>
</H1>
<b:else/>
<p class=’title’>
<b:include name=’title’/>
</p>
</b:if>
LANGKAH KEDUA MODIFIKASI PADA POSTING:
CARI KODE 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>
CARI KODE 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 INI:
<b:if cond=’data:blog.pageType != "item"’>
<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>
<b:if cond=’data:blog.pageType != "item"’>
<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>
LANGKAH KETIGA SESUAIKAN CSS:
CARI KOODE INI:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
CARI KOODE INI:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}
CODE CSS POST SETIAP TEMPLATE BERBEDA JADI LIHAT CODE .POST ANDA DAN RUBAH MENJADI SEPERTI 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, .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;
}
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;
}
color:$textcolor;
}
CARI KODE INI CSS HEADER:
#header H1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
#header H1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
GANTI KODE TERSEBUT MENJADI:
#header H1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
#header H1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Untuk kode Css setiap template mungkin berbeda namun yang penting anda mengetahui dimana letak kode css untuk posting dan header.
Sumber Kode : http://kumpulantipsngeblog.wordpress.com/2012/01/25/tutorial-cara-membuat-dan-merubah-dynamic-heading-blogspot-h1-h2/
Rating: 4.5
0 comments:
Popular Posts
-
Berikut ini cara memnuat akun di lintasberita.com , berikut langkahnya : Masuk ke laman lintasberita.com Cari tulisan Sign In Cari tulisan...
-
Hai, selamat sore kalian semua tahu kan Ujian Nasional ? Ya, UN menurut saya sangatlah penting apalagi bila nilainya sempurna yaitu 10, ...
-
Video Tugu Tani - Kejadian ini terletak di Tugu Tani Jakarta, Kecelakaan berlangsung, siang tadi, ketika rombongan orang yang baru kelar b...
-
Janganlah anda meremehkan hal-hal kecil yang sebenarnya bisa membuat anda sakit, kita sebagai manusia ciptaan Allah yang sudah dikasih tubuh...
-
pernahkah anda berfikir bahwa Hokage di kartun naruto sama dengan Preseden Republik Indonesia ini? entah ini hanya kebetulan atau memang fil...
-
You know the bed feels warmer Sleeping here alone You know I dream in colour And do the things I want You think you got the best of me Think...
-
Lihatlah luka ini yang sakitnya abadi Yang terbalut hangatnya bekas pelukmu Aku tak akan lupa, tak akan pernah bisa Tentang apa yang harus m...
-
Setiap hari pasti kita melakukan aktifitas sewajarnya seperti orang-orang lainnya, kita diciptakan dan diberi banyak kenikmatan seperti kita...
-
Daftar Peserta Lulus Hasil UKA SERTIFIKASI GURU 2012 Klik link SERTIFIKASI GURU , Pilih Propinsi yang ingin anda tampilkan, misalnya Jawa ...
-
siapa orang Indonesia yang tidak kenal dengan lagu "Nina bobo" ?? ya.. lagu ini sudah terkenal sejak dahulu kala, Nina bobo adalah...
Blog Archive
-
▼
2012
(161)
-
▼
February
(21)
- Sistem Ekskresi pada Manusia
- Tips Menghilangkan Bau Kaki
- Tips Menjaga Kesehatan Mata
- 5 Hal Kecil yang Ternyata Menyehatkan
- Lagu Nina Bobo Mendunia
- Tips Menuju Kesuksesan
- Menangani Penyakit Demam Berdarah
- Soal UN SD 2012 Lengkap
- Muslim, Bukan Moslem
- Asal Mula Email
- Angelina Sondakh, Curhat di Blog
- Cara Agar Breadcrumbs Terindex Google
- Cara Membuat dan Merubah Dynamic Heading Blog
- Cara Membuat Daftar Isi Berbentuk Scroll
- Video Kekerasan Pertandingan Sepak Bola Mesir
- Cara Memasang Rating Reviews Snippets
- Dream High 2
- Permainan Unik Youtube
- Cara Meningkatkan Traffic Blog
- Awal Kontroversi Indonesia dan Malaysia
- 3 Hal Kecil yang Bisa Menyebabkan Penyakit
-
▼
February
(21)