Cara Baru Mengatur Meta Tag Heading Blog

Cara Baru Mengatur Meta Tag Heading Blog

Sebelum anda sampai pada artikel saya ini, pasti anda juga sering melihat topk yang sama dengan yang saya terbitkan ini. tetapi setiap kode script yang diberikan terkadang berbeda – beda. Itu memang biasa terjadi,
karena struktur kode script dalam setiap templete berbeda-beda. silakan simak lebih lanjut mengenai tutorialnya berikut. Tetapi ingat, Simpan / back up dahulu templete dasar anda untuk menghindari jika nantinya terjadi kesalahan dalam proses perubahannya.

Ok, ikuti cara ini:

1. Buka dahulu akun blogspot anda

2. Klik “Templete

3. Klik “cadangkan/pulihkan” – lalu klik “Unduh
4. setelah selesai, klik “Edit HTML” dan Centang kotak sebelah atas yang bertuliskan “Expand Widget

5. Mengganti Judul Blog menjadi H1 pada homepage dan H3 pada semua halaman posting
a. Cari kode <div class='titlewrapper' ( anda bisa menggunakan CTRL+F pada keyboard, lalu paste kode diatas pada kotek pencariannya.
Jika ketemu, block kode diatas sampai kode </div>

b. Ganti semua kode tersebut dengan Kode dibawah ini:
<div class='titlewrapper' style='background: transparent'> 
<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/> 
<h3 class='title' style='background: transparent; border-width: 0px'> 
<b:include name='title'/></h3> 
</b:if> 
</div>

Jika dalam templete anda terdapat banyak kode <div class='titlewrapper' , maka ganti semua kode tersebut dengan kode script diatas.

6. Mengubah Meta tag Deskripsi pada blog menjadi H2
a. Cari kode <div class='descriptionwrapper'> dan block kode tersebut sampai kode </div>

b. kemudian ganti kode yang anda block tersebut dengan kode seperti ini
<div class='descriptionwrapper'> 
<h2 class='description'><span><data:description/></span></h2> 
</div>
Seperti halnya langkah nomor 5, jika terdapat banyak kode <div class='descriptionwrapper'> dalam templete anda, gantilah semuanya

7. Merubah Judul posting artikel Menjadi H1 pada single post dan H3 pada Homepage
Cari Kode <div class='post hentry uncustomized-post-template', kemudian pada beberapa baris dibawahnya, anda akan menemukan kode seperti berikut

<h? class='post-title entry-title' itemprop='name'> 
kode,, kode,, kode,,
kode,, kode
kodee,,
</h?>

ganti h? nya dengan h3
( jika sudah h3, biarkan saja tidak perlu diedit

Setelah selesai dengan Cara Baru Mengganti Meta Tag Heading Seo Friendly diatas, selanjutnya adalah sebagai berikut

Cari kode yang berwarna merah berikut ini, yang diatasnya terdapat kode pada warna ungu berikut.

<b:includable id='post' var='post'> kode bla...bla...bla... 
kode bla...bla...bla...
 
<a expr:name='data:post.id'/> 
<b:if cond='data:post.title'> 
<h3 class='post-title entry-title'> 
kode bla...bla...bla... 
kode bla...bla...bla... 
</h3> 
</b:if> 
<div class='post-header'>

Ganti hanya kode yang berwarna merah dengan kode dibawah ini

<a expr:name='data:post.id'/> 
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<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> 
<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>

8. Klik “preview” untuk melihat perubahan pada blog anda

9. Klik “save
Setelah berhasil, ukuran huruf dalam judul blog, deskripsi dan judul posting anda akan berubah. Disini admin tidak memberikan kode CSS nya disebabkan kode CSS untuk setiap template itu tidak sama, tapi sekedar petunjuk dasar, anda bisa mengatur ukuran tag h1 h2 dan h3 nya sesuai selera pada elemen h1{  h2{  dan h3{