Tag Heading SEO Friendly khusus blogspot

Edit Tag Heading Agar Lebih SEO Friendly Ampuh - Mengedit Tag Heading Title Agar lebih SEO, Merubah Tag Heading Title menjadi H1, merupakan kata kunci yang paling sering dicari dalam kegiatan blogging, tentunya dengan tujuan untuk meningkatkan SEO dalam sebuah blog yang ingin bersaing di mesin pencari, tetapi banyak juga yang sudah menggunakan teknik yang satu ini dan hasilnnya tidak ada alias blank, tetapi Anda jangan khawatir dengan masalah ini, dengan seringnya mengupdate artikel dan menggunakan teknik ini, 100% artikel Anda akan bersaing serps di mesin perncari. Amin. Nah jika sekarang Anda ingin menggunakan teknik ini kedalam template Anda, tanpa panjang lebar berbicara kita mulai dengan langkah-langkah di bawah ini.

* Selanjutnya, anda pilih Edit Html dan jangan lupa ceklist Expand Template Widget,
* Silahkan Anda cari kode yang mirip seperti di bawah ini,














* Ganti kode tersebut dengan kode di bawah ini,





























* Selanjutnya cari kode yang mirip seperti di bawah ini,





* Ganti kode di atas dengan kode di bawah ini,











* Selanjutnya, cari lagi kode seperti di bawah ini,





* Ganti kode di atas dengan kode di bawah ini,











Note : Agar tampilannya sesuai dengan template Anda, mari kita mulai dengan mengedit Css pada template Anda.

* Silahkan Anda cari kode Css di bawah ini,

.post h3 {
.......................
.......................
.......................
.......................
}
.post h3 a, #content h1 a:visited {
.......................
.......................
.......................
}
.post h3 a:hover {
.......................
}

* Ganti kode Css di atas dengan kode css di bawah ini,

.post h1, .post h2 {
color:$titlecolor;
font-size: 160%;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {
color:$titlecolor;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h1 strong, .post h1 a:hover,.post h2 strong, .post h2 a:hover {
color: #333333;
}

* Selanjutnya, cari kode css di bawah ini,

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

* Ganti kode tersebut 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;
}

* Berikutnya, merubah tampilan Title Heading pada judul widget Anda dengan H3,






Note : Yang berwarna merah Anda ganti dengan h3,

* Atau dengan melihat contohnya di bawah ini,



<-- Title Heading Widget yang sudah dirubah menjadi h3.


* Agar tampilan judul widget Anda sesuai dengan Title Heading Widget yang sudah dirubah menjadi h3, silahkan cari kode css di bawah ini,

.sidebar h2

* Silahkan ganti h2 menjadi h3,
* Terakhir, Simpan Template.


Category Article ,


Artikel Terkait:

One Response to “Belajar Blog, Seo, Html, Css, Java, Css, Database”

What's on Your Mind...