Edit Header Blog
Tips optimasi Edit Header Blog cukup mudah, terutama yang menggunakan header gambar seperti tips seo blog ini. edit header blog agar lebih seo friendly ada beberapa trick atau tipe. oh iya, baca juga ya Tips Seo Title Postingan Blogspot.
Langsung saja tips optimasi dan edit header blog di blogspot saya mulai :)
Langkah pertama klik Layout, cari widget header yang pasti letaknya paling atas terus klik edit, nah upload dulu gambar untuk header kamu dari komputer (sebelumnya udah disiapin loh).
Setelah selesai upload dan sudah terlihat maka langkah selanjutnya adalah masuk ke Edit Html lalu beri tanda centang pada Expand Widget Templates (jangan lupa backup dulu templatenya). setelah itu cari kode
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:description' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
Ketemu gak ? kalau gak ketemu pokoknya cari kode yang rada mirip lah... heheh... soalnya aku sendiri belum cek apakah semua template sama kode header image nya :)
nah, kalau sudah ketemu maka ganti kode diatas dengan kode ini :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:description' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width' style='display: block'/>
</a></h1>
<b:else/>
<a expr:href='data:post.url' style='display: block'>
<img expr:alt='data:blog.pageName' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:blog.pageName' expr:width='data:width' style='display: block'/>
</a>
</b:if>
Klik preview dulu, apa ada yang error, kalau sudah bisa save template dan lihat hasilnya. kalau digabungin semua maka akan tampak seperti ini :
<div id='header-inner'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:description' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width' style='display: block'/>
</a></h1>
<b:else/>
<a expr:href='data:post.url' style='display: block'>
<img expr:alt='data:blog.pageName' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:blog.pageName' expr:width='data:width' style='display: block'/>
</a>
</b:if>
</div>
Gimana ? mudah bukan ? kalau masih bingung tanyain ya :) sekian dulu tips seo blog dari saya. saya rasa tips ini belum pernah ada yang bahas loh :) PD nyundul dulu ke Astaga.com lifestyle on the net.
Langsung saja tips optimasi dan edit header blog di blogspot saya mulai :)
Langkah pertama klik Layout, cari widget header yang pasti letaknya paling atas terus klik edit, nah upload dulu gambar untuk header kamu dari komputer (sebelumnya udah disiapin loh).
Setelah selesai upload dan sudah terlihat maka langkah selanjutnya adalah masuk ke Edit Html lalu beri tanda centang pada Expand Widget Templates (jangan lupa backup dulu templatenya). setelah itu cari kode
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:description' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
Ketemu gak ? kalau gak ketemu pokoknya cari kode yang rada mirip lah... heheh... soalnya aku sendiri belum cek apakah semua template sama kode header image nya :)
nah, kalau sudah ketemu maka ganti kode diatas dengan kode ini :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:description' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width' style='display: block'/>
</a></h1>
<b:else/>
<a expr:href='data:post.url' style='display: block'>
<img expr:alt='data:blog.pageName' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:blog.pageName' expr:width='data:width' style='display: block'/>
</a>
</b:if>
Klik preview dulu, apa ada yang error, kalau sudah bisa save template dan lihat hasilnya. kalau digabungin semua maka akan tampak seperti ini :
<div id='header-inner'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:description' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width' style='display: block'/>
</a></h1>
<b:else/>
<a expr:href='data:post.url' style='display: block'>
<img expr:alt='data:blog.pageName' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:blog.pageName' expr:width='data:width' style='display: block'/>
</a>
</b:if>
</div>
Gimana ? mudah bukan ? kalau masih bingung tanyain ya :) sekian dulu tips seo blog dari saya. saya rasa tips ini belum pernah ada yang bahas loh :) PD nyundul dulu ke Astaga.com lifestyle on the net.
1 comments:
mantep tutorialnya makasih nambah referensi
Post a Comment