Ok, Pada postingan kali ini saya ingin memberi sedikit tips tentang Memasang Tag Heading H1 Pada Judul Postingan dan Judul Blog serta Memanipulasinya. Saat google melacak blog kita, google memulai melacaknya dari yang terpenting. Misalkan saja pada heading tag heading, google akan melacak tag heading kita mulai dari tag heading h1 hingga tag heading h6. Nah, jadi sobat pasti tahu mengapa tag heading h1 penting bagi blog kita.
Beberapa referensi blog yang saya baca, katanya google mulai melacak blog kita dari judul blog lalu ke judul postingan selanjutnya menyebar keseluruh penjuru halaman blog kita (Emang google virus ? hahahhaa... pakai menyebar pula... ). Jadi alangkah lebih baiknya kita memasang tag heading h1 di judul dan postingan blog kita. mengapa begitu, seperti yang saya katakan tadi google mulai melacak dari hal yang terpenting misalnya untuk tag heading mulai dari h1 ke h6, dan dari judul blog ke judul postingan hingga menyebar ke tempat lainnya.
Beberapa masalah yang timbul dalam pemasangan h1 yaitu tidak boleh ada tag heading h1 yang doublle atau lebih dari 1. Maksudnya ? maksudnya disini yaitu karena kita memasang tag heading h1 pada judul blog dan judul postingan kita (Apabila dalam 1 halaman terdapat 4 postingan blog, maka untuk judul postingan terdapat 4 tag heading h1) memungkinkan tag heading yang terpasang pada halaman tersebut ada lebih dari 1.
Kok jadi masalah tag heading h1 lebih dari 1 ? hal tersebut dikarenakan google menganggap kelebihan tag h1 pada halaman blog merupakan suatu spam (Heleeehhhhh ..... ada-ada saja ). Oleh karena itu, saya akan memberi tutorial memasang tag heading h1 pada judul blog dan postingan blog serta teknik memanipulasinya ....
Berikut caranya :
1. Login pada Blogger
2. Masuk ke bagian Rancangan, kemudian ke bagian Edit HTML
Back up Template dengan cara Mengklik : Download Template Lengkap
Setelah itu, beri tanda cek pada .
Tag Heading Untuk Judul Blog
- Carilah kode di bawah ini :
<h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1>
- Setelah ketemu, 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>
- Lalu cari kode di bawah ini :
<h1 class='title'>
<b:include name='title'/>
</h1>
- Setelah ketemu, ganti dengan kode berikut 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>
Tag Heading Untuk Judul Postingan
- Carilah kode dibawah 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, gantilah semua kode di atas dengan kode dibawah 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>
Manipulasi Tag Heading Pada CSS
- Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti yang dibawah ini, cari yang mirp dengan kode dibawah :
.post h3 {
..................................
}
.post h3 a, .post h3 a:visited{
..................................................
}
.post h3 a:hover {
....................................
}
- Setelah ketemu, 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;
}
- Lalu cari kode css judul blog. Cari yang mirip dengan kode di bawah ini :
#header h1 {
............................
}
- Setelah ketemu, ganti dengan kode di bawah ini :
#header h1, #header p {- Lalu save semua pekerjaan sobat dengan mengklik Save Template
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
19 comments:
kalo saya sengaja pake h2 utk judul blog, krn saya meniru haya wordpress yg kabarnya lebih friendly SE =))
makasih infonya yah :D
Artikel yg bermanfat gan, mksih sdh mau share..
sukses trus ya mas.. :)
makasih ga infonya. moga ada manfaat atas share ilmunya. tentang judul biasanya sy suka pake h2 gan, tp boleh jg cara ini dicoba.
dah lama baru kunjung sini gan....visit me back yah.
met beraktifitas dan menjalankan puasa!
coba deh nanti akan saya cuba untuk utak atik lagi tag headaing blog saya
Alhamdullilah saya sudah mencobanya mas. Oh ya request ttg tag h4, h5 dan h6 dong.
kode css dari pada tag heading itu bisa diatur sesuai kemauan gak?
kok ada yang gak bisa di cari ya mas,,
Nanti d coba dech..!!
makasih..
Dengan hormat
perkenalkan saya guru SDN Sumogawe 03 Kab. Semarang, maaf saya mau buat blog yang deainnya berkesan formal karena blog ini merupakan rumah kami didunia maya sehingga kesan rapi dan simple yang kami harapkan, jika berkenan tolong bantu kami dalam menyusun desainya, atas perhatiannya disampaikan terima kasih, oh iya jika berkenan bisa kirim ke alamat saya di lasino77@gmail.com
Nice blog,good info
wah mantep brow langsung di praktekin nch..........
makasih tips nya sobat,sangat bermanfaat buat saya,salam kenal,salam persaudaraan.
numpang caranya gan. mau diperaktekkan, salam kenal
wewww_mantappp gan_
boleh dicoba nie_;;)
trims sob. Meskipun perlu kehati2an, akan kita coba masangnya...
Thanks infonya ya :)
masih belum ngerti pak..malah seo nya turun nhanih...mhon pencera
ini yang bener2 ane cari..
dri tdi bngung ini judul postnya jdiin h1 aja tpi lebih dari h1. atau jdul blognya aja tp judul postnya ga h1..~x(
akhirnya jawabnnya terpenuhi..=))
arigatou gan..
keep blogging!!!
Akhirnya ketemu juga, template blog aku sekarang lebih seo friendly
:: Komentar Anda ::
Kritik dan Saran yang membangun sangat saya harapkan dari sobat semua !!!
:) :( :X =(( :-o :-/ :-* :|
8-} ~x( :-t b-( :-L x( =))
[[ Form Komentar Klasik ]]