Optimasi blog h1, h2, h3


Hari ini saya akan menjelaskan tentang optimasi h1, h2, h3 pada blogspot, hal ini sangat berguna sekali pada perebutan posisi tertinggi di search engine. Kegunaan yang lainnya adalah agar blog kita lebih menggurita di search engine, yang akan berefek banyaknya pengunjung yang akan mampir di blog kita.

1. Langkah pertama, merubah tag head Judul Blog menjadi h1 pada homepage dan h3 pada halaman posting.
Cari kode :
<div class='titlewrapper'dst..dst..dst..</div>

Ganti dengan kode 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>

Note :
Pada beberapa template biasanya terdapat lebih dari 1 kode <div class='titlewrapper' ,  ganti semuanya dengan kode di atas!

2. Merubah tag head Deskripsi Blog menjadi h2 :
Cari kode :
<div class='descriptionwrapper'>dst...dst...dst...dst...dst...dst...</div>
Ganti menjadi :
<div class='descriptionwrapper'><h2 class='description'><span><data:description/></span></h2></div>
Note :
Seperti pada langkah no. 1 jika terdapat lebih dari 1 kode :
<div class='descriptionwrapper'>
ganti semuanya dengan kode di atas!

3. Merubah tag head posting menjadi h3 pada homepage, dan menjadi h1 pada halaman posting (single post)

a. Merubah tag heading posting menjadi h3 pada homepage :
Cari kode :
<div class='post hentry uncustomized-post-template' , pada 4 atau 5 baris di bawah kode ini akan sobat temukan kode seperti ini :
<h? class='post-title entry-title' itemprop='name'>dst...dst...dst...dst...dst...dst...</h?>

Ganti tag headnya menjadi h3


b. Merubah tag head posting menjadi h1 pada halaman posting (single post)
Cari kode merah yang terletak di antara kode berwarna hijau di bawah ini:

<b:includable id='post' var='post'><div class='post hentrydst...dst...dst...dst...dst...dst...</b:if><div class='post-header dst...dst...

Pada beberapa template, kode berwarna merah di atas bisa mungkin HTML-nya berbeda tapi tidak masalah. Ganti semua kode yang berwarna merah dengan kode di bawah ini :

<div class='post hentry'><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>
4. Preview lalu save template.

Note :
a. Seperti yang sudah saya sebutkan di atas setelah berhasil dirubah maka ukuran font Judul Blog, Deskripsi, dan Judul Posting Blog sobat akan berubah. Sengaja saya tidak menyertakan editing CSS nya karena syntax CSS setiap template berbeda-beda, tapi sekedar chloe saja sobat bisa atur nilainya pada elemen h1{ h2{ dan h3{
b. Jangan digunakan pada template yang menggunakan image pada title blog nya, karena akan terdeteksi nol atau dobel.
ReadmoreOptimasi blog h1, h2, h3

Cara mudah pasang Alexa Widget

Banyak orang bertanya - tanya bagaimana pasang widget Alexa. Sebelum membahas lebih jauh tentang pemasangan Alexa Widget, mari kita bahas sedikit terlebih dahulu apa sih yang di maksud Alexa.

Intinya bahwa alexa rank adalah sebuah peringkat website yang dibuat oleh Alexa.com untuk website atau blog untuk website atau blog berdasarkan banyaknya trafik atau kunjungan terhadap website atau blog tersebut, dan data trafik atau kunjungan tersebut adalah berdasarkan informasi dari jutaan pengguna internet yang memasang Toolbar alexa pada browser internet mereka.

Nah, untuk memasang Alexa Widget caranya cukup mudah. Silahkan anda login ke blogger anda terlebih dahulu. Setelah proses login selesai, silahkan klik disini dan masukkan alamat URL anda misalnya belajar-blog4u.blogspot.com. Setelah itu klik build widget yang warna kuning, dilanjutkan dengan meng-copy kode html yang di berikan Alexa.

Untuk pemasangan silahkan klik Rancangan di blog anda, dilanjutkan klik tambah widget dan pilih HTML/javascipt. Nah setelah keluar kotak/ kolom baru silahkan anda paste kode tadi dan klik simpan.

Jadi deh,,,,,,
ReadmoreCara mudah pasang Alexa Widget