Wednesday 14 December 2011

Membuat Label Dengan HTML

label blogspot

Apa kelebihan Membuat Label dengan HTML? Demi membuat valid HTML template, sekaligus membahas SEO Friendly, ternyata label di dalam blog kita mengandung masalah tentunya dengan SEO dan Validnya. Nah untuk menyikapi hal tersebut mari kita optimalkan blog kita dengan membuat label dengan HTML

Nah mari kita bahas satu persatu.
1. SEO
Untuk blogger kaitannya antara SEO dengan Label adalah jauh sekali. Saya baca di blognya juragan, bahwa memasang link label di postingan untuk masalah SEO adalah pekerjaan yang sia-sia. Nah hal ini cukup beralasan, lihat URL label di bawah ini :
http://sejutatrik.blogspot.com/search/label/SEO

di link label SEO di atas tidak akan saling berkaitan, karena label tersebut menggunakan search untuk menampilkan URL. Jika kita memasang url label, akan sia-sia. Maksudnya walaupun kita menaruh puluhan link label ke dalam posting, sampai kiamat gak akan saling berkaitan. Benar bukan?

2. Valid
Ternyata setelah saya cek di validator V3, masalah yang ditimbulkan untuk label adalah eror untuk & dan lain-lain. Coba perhatikan blognya hendro prayitno, deconstruction code, chilarsip, dll. Sebagian besar blog yang valid HTML5 tidak menaruh label dalam sidebar. Dengan kata lain blog yang valid HTML5 menggunakan Template 1 Kolom.

Nah sekarang kita ganti label bawaan blogger dengan HTML. Caranya cukup mudah yaitu mengganti navigasi di bagian Edit HTML menjadi Widget di sidebar.
Caranya cukup mudah, Silakan copas kode yang ada di bawah ini ke dalam Widget atau Add Element blog sobat.

<div id="tabs"> 
<ul> <li><a href="http://status-status-lucu.blogspot.com/"><span>Label 1</span></a></li> 
        <li><a href="http://status-status-lucu.blogspot.com/"><span>Label 2</span></a></li> 
        <li><a href="http://status-status-lucu.blogspot.com/"><span>Label 3</span></a></li> 
        <li><a href="http://status-status-lucu.blogspot.com/"><span>Label 4</span></a></li>
</ul> </div>

DEMO

Jika dirasa sudah berjalan sukses, hapus label bawaan blogspot.

Tidak semua template mendukung cara ini, silakan saja sesuaikan dengan menu di bagian edit HTML sobat masing-masing. Hasil label dengan HTML di atas masih sederhana dan efeknya tergantung bawaan template sobat blogger semua.

Nah semoga dengan membuat label dengan HTML bisa mengurangi error di blog sobat. Selamat berjuang!
Happy Blogging! by. Sejuta Trik Blogger

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl