Textual description of firstImageUrl

Dampak Erorr Blogger 14 Desember 2011

Ternyata blogger hari ini sedang dalam masa maintenance, bukan mantenan. haha. Akan tetapi blogger sedang ada tahap pemeliharaan. Dulu sebelum domain dot co.cc dihapus sebelumnya juga ada masalah kayak seperti ini. Lantas dampak erorr blogger 14 Desember 2011 apa? yuk kita lihat gambar di bawah ini !

google penelururan



Lihat jumlah penelusuran, Sekitar 269.000 hasil (0.30 detik) padahal sebelumnya saya perhatikan dari minggu perminggu anik sekitar 1.000 hasil. Yang semula hampir mendekati 1.000.000 sekarang menjadi seperti gambar di atas. Apa yang terjadi dengan google dan bloggernya ya?

Dengan kata lain hasil dari penelusuran google mengindikasi adanya pemangkasan dari hasil pencariannya.

Apakah Webmaster Tool sudah diberlakukan? Ataukan ini dampak dari Alogaritma baru Google. Yang jelas bagi sobat yang cermat melihat perkembangan blog sobat dari hasil penelusuran google, akan tau bedanya. 

Ataukah ini masalah dari saya sering gonta-ganti template saya sendiri juga bingung. Ataukah saya mengoptimasi SEO Blogger saya secara berlebihan? Nah bagi yang masih mengalami masalah dengan blogger, silakan sharing di kotak komentar tentang dampak erorr blogger 14 Desember 2011.




Happy Blogging! by. Sejuta Trik Blogger
Textual description of firstImageUrl

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
Textual description of firstImageUrl

Curhat Tentang HTML 5

HTML5
Mohon maaf pada teman2 setia blog ini, yang lama sekali gak update dikarenakan banyak urusan di dunia nyata. hahaha. Nah posting kali ini berkaitan dengan penggunaan html 5 di blog. Sejuta trik blogger mau curhat tentang HTML 5. Bagi yang sudah master HTML 5 mohon pencerahannya.

Bagi para master penggunaan HTML 5 mungkin lebih mudah penggunaannya dibanding model sebelumnya. Tapi tidak bagi saya yang masih coba coba penggunaan HTML 5 sangat sulit sekali. Belum lagi kode yang masih baru. Nah berikut ini curhat tentang penggunaan template bassic HTML 5 di blog saya Status-Status Lucu

1. Di HTML 5, ternyata proses indeks ke google lebih cepat dari yang sebelumnya. Padahal metode yang digunakan dengan blog saya ini sama.

2. Di HTML 5, apabila kita memasukkan kode <div> yang diikuti css yang sama atau yang memiliki karakter sama, misal membuat 2 menu dengan css yang sama, apabila di cek di validasi V3 ternyata menjadikan eror karena mengandung duplikat atau kode yang sama. Padahal kode strukturnya sudah benar.

3. Blog yang menggandung HTML 5, kadang tidak bisa diterjemahkan ke dalam goolge terjemahan.

4. Untuk SEO jika menggunaan meta tag yang tidak benar, tenyata mempengaruhi posisi serp. Nah untuk no.4 ini perlu master-master yang menjawabnya.

5. Untuk HTML 5 pada masalah webmastertool, akan diindikasi tanpa masalah, padahal saya tidak memasukkan deskripsi, meta tag, autor, atau apalah itu, yang jelas blog masih tidak ada bawaan keyword dll, kok bisa-bisanya tidak ada masalah di webmaster tool. Padahal posting juga sudah belasan.

6. Untuk Masalah Validasi HTML 5, ternyata paling mudah dari semua pendahulunya. Dikarenakan penggunaan <div> yang sedikit sekali. Tapi untuk template yang bukan bawaan HTML 5, alitas modifikasi, masalah Validasi juga sama sulitnya. Jadi gunakan yang bawaan HTML 5 dan kita harus rela berkorban memotong beberapa fungsi yang banyak mengandung error.

7. Beberapa fungsi blogger yang menerapkan HTML 5 kadang bekerja lambat ataupun tidak berjalan. Seperti proses pengindeksan. Saya mencentang pada setting agar blog saya tidak terindeks ke google, tapi kenyataannya tetap terbaca oleh google. Nah untuk fungsi dan pengaturan yang lain kurang lebih seperti itu, seperti google frined connect yang berjalan agak lama dari biasanya.

Nah emang kalau curhat HTML 5 di sini banyak yang tidak tersampaikan. Bagi sobat yang mau membantu blog saya atau mengalami kejadian serupa dengan blog saya, mohon share di kotak komentar. Makasih.


Happy Blogging! by. Sejuta Trik Blogger
Textual description of firstImageUrl

Membuat Komentar Facebook Valid HTML 5

Membuat Komentar Facebook Valid HTML 5 adalah pilihan ke2 setelah menambah komentar discus di blog untuk membuat kotak komentar yang valid HTML 5. Memang kotak komentar facebook memiliki banyak sekali eror. Belum lagi jika komentar pengunjung sudah saking buanyaknya. Justru akan menambah eror yang lebih banyak lagi.

Bagi sahabat yang sampai hari ini belum juga memasang komentar yang valid html 5. Ataupun bagi sahabat yang masih menggunakan template doctype STRICT atau TRANSITIONAL yang masih belum berhasil, Berikut cara yang mungkin dicoba.

DEMO

1. Silakan Menuju ke http://developers.facebook.com/setup/
2. Klik Aplikasi
3. Anda akan dibawa pada gambar di bawah ini (Isikan sesuai selera) Toh tidak terlihat siapa pun.
4. Klik lanjutkan dan Anda akan di bawa ke gambar di bawah ini
 5. Klik Kirim, dan akan menjumpai seperti di bawah ini
6. Simpan hasilnya. Dan menuju ke https://developers.facebook.com/docs/reference/plugins/comments/

7. Jika sudah klik Get Code

8. Kode di atas akan kita tempatkan berbeda tempat.

9. Kode no.1 kita taruh pada EDIT HTML di bawah <body>

10. Jika sudah, Klik simpan. Untuk kode no.2 kita taruh di ADD ELEMENT seperti menambahkan widget. (ukuran kotak komentar secara default adalah 500. Silakan edit sesuai selera.

11. Taruh dimana anda suka, entah dibawah posting, di bagian header atau footer terserah kita.


PENTING!
Kode HTML pada gambar 7 adalah kode untuk HTML 5. Jadi apabila kita menggunakan strict atau transitional silakan klik dulu iframe.

Nah. Itu saja tentang membuat komentar facebook valid html 5. Semoga membantu.

Update !
Untuk teman-teman yang ingin memiliki template valid HTML 5 sekaligus SEO Friendly khusus blogger silakan Download Template SEO Friendly Valid HTML 5

Happy Blogging! by. Sejuta Trik Blogger