Selasa, 29 Juli 2008

Bagaimana Membuat Metatag Dalam Edit HTML Kamu?

Metatag itu penting banget untuk membantu Crawler (robot pencarian) buat mengindeks blog/situs kamu ke dalam search engine: (google,yahoo,dll). Metatag itu sendiri terdiri dari Title,Description dan Keyword, Robot, dan Author.Semuanya itu sama pentingnya lho... karena sebelum kita mempublikasikan blog, kita harus menganalysis performa blog kita apakah strukturnya sudah cukup baik atau belum untuk bisa terindeks dalam mesin pencarian kita. Salah satu analisa yang sering digunakan adalah metatag analysis, situs yang menyediakan layanan cukup lengkap melakukan analysis adalah metatag analyzer. Setelah kamu membuat akun blog kamu,coba deh kamu klik metatag analysis dengan begitu akan dapat kita lihat hasil dan rekomendasinya.

Apabila hasilnya ternyata metatag kita masih kosong dan tidak ok, kamu bisa menyisipkan kode html di edit html kamu dengan cara:
1. Sisipkan title/judul maks 80 karakter
2. Sisipkan deskripsi blog sebanyak tidak kurang dari 200 karakter
3. Sisipkan keywords untuk blog kamu sebanyak 300-500 karakter

Ada baiknya kalau title/judul,deskripsi dan keyword kamu sebaiknya relevan dengan konten yang kamu buat di blog kamu.

Sebagai contoh lihatlah kode html di bawah ini:


Tampilan gambar di atas bisa diperbesar dengan cara mengklik gambar tersebut.


Setelah menyisipkan kode html untuk metatag, simpan dulu edit htmlnya.Terus analisa lagi dengan metatag analysis sampai title,deskripsi dan keyword hasilnya ok untuk peluang meningkatkan rating blog kamu. Karena metatag analysis ini merupakan salah satu analysis yang sering dipakai untuk menilai performa blog/situs dalam mesin pencarian.
Namanya juga usaha.....

Minggu, 27 Juli 2008

Bagaimana Menjadikan Photo atau Image Sebagai Background Header Kamu?

Ternyata, kalau kita mau menambahkan foto / gambar di header blog bukan sesuatu hal yang sulit. Dengan sedikit perubahan dan penambahan html, blog mu akan terlihat lebih unik dan cantik sesuai dengan keinginan kita.

Seperti biasa, sebelum kita memulai, pastikan untuk menyimpan html template yang ada, jadi kalau ada kesalahan kita gampang untuk memperbaikinya lagi. Tips ini sebaiknya digunakan pada blog baru yang belum ada postingnya untuk menghindari perubahan layout yang sudah ada, karena apabila digunakan pada blog yang sudah ada postingnya seringkali tidak berhasil. Caranya blok terlebih dahulu semua data yang ada di edit html dengan menekan Ctrl+a, kemudian pindahkan ke notepad dan simpan dengan nama file yang gampang diingat.

Sudah ? Sekarang kita mulai pembuatan foto / gambar untuk background header blog kamu secara bertahap.

1. Masuk ke akun bloger kamu, kemudian klik edit html



dan tarik (scroll down) edit html tersebut sampai bawah sampai kamu menemukan tulisan seperti di bawah ini :



Note diatas menunjukkan template kita adalah minima dengan lebar 660 px

2. Jika kamu menggunakan photoshop atau program yang lain, sesuaikan (crop) ukuran foto / gambarnya dengan lebar 660 px.. Jika tidak mempunyai photoshop, kamu bisa menggunakan software gratis, caranya klik disini dan silahkan sesuaikan ukurannnya. Simpan di komputer di tempat yang mudah diingat karena nanti akan kita buka lagi.


3. Nah, sekarang foto / gambar kamu sudah siap ! Langkah berikutnya klik kustomisasi yang ada di navbar kanan atas blogmu lalu klik page element



Kemudian klik tombol edit sesuai gambar dibawah :



4. Akan muncul tampilan seperti di bawah ini. Pada keterangan image pilih from your computer dan klik browse untuk mencari foto / image yang sudah kita simpan tadi di komputer. Jika foto / image tersebut berasal dari internet, maka pilih from the web dan ketik alamat situs yang memuat foto / image yang kan ditayangkan tersebut.
Untuk Placement, pilih behind title and description jika kita menginginkan foto/image tersebut sebagai background header, atau pilih instead of title and description jika kita ingin mengganti judul dan deskripsi yang ada dengan foto/image tersebut dan klik shrink to fit supaya ukuran gambar secara otomatis sesuai dengan lebar header template kamu.



5. Selesai ! keren nggak hasilnya ? silakan modifikasi sesuai keinginan yach!!!