Kumpulan Tag HTML Blog

Kumpulan Tag HTML bagi sebagian blogger sudah tahu kode tag HTML di bawah ini tetapi tidak salahnya saya memberikan sedikit informasi beberapa Tag yang mungkin tidak asing lagi bagi para blogger, karena sering dijumpai kode ini setiap kita melakukan EDIT HTML, Fungsi dari Tag HTML ini bisa kita aplikasikan untuk memasang Gadget atau yang lainnya. ini dia kumpulan Tag HTM tersebut :

<!– –> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map
<b> Membuat teks tebal
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound> Memberi (suara latar) background sound pada halaman web
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
 <blink> Membuat teks berkedip
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br> Pindah baris
 <caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau gambar
 <comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd> Indents teks
<div> Represents different sections of text.
<embed> Menambahkan sound or file avi ke halaman web
 <fn> Seperti tag <a name>
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
 <form> Mendefinisikan input form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame
 <h1> … <h6> Ukuran font
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal
<html> Bararti dokumen html
 <i> Membuat teks miring
<img> Image, imagemap atau an animation
<input> Mendefinisikan input field pada form
 <li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
 <map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) – hanya pada MS IE
<nobr> Mencegah ganti baris pada teks atau images
<noframes> Jika browser user tidak mendukung frame
 <ol> Mendefinisikan awal dan akhir list
<p> Ganti paragraf
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Kolom pada tabel
<title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah

Jumat, Desember 09, 2011 | 0 komentar | Read More

Tips Memilih Template SEO Friendly Di Blogger (blogspot)

Dalam memilih template blog biasanya ada beberapa pertimbangan yang umumnya muncul yaitu template yang tampilannya menarik dan blog seo friendly.

Jika anda di hadapkan pada beberapa pilihan:
1. template yang tampilannya cantik dan indah serta seo friendly
2. template apa adanya (standar) tetapi seo friendly
3. template cantik tetapi tidak seo friendly

Mungkin mayoritas blogger yang senang melakukan optimasi seo pasti akan memilih pilihan pertama. Sebenarnya kata optimasi seo adalah frase yang keliru, namun karena sudah terlanjur dikenali oleh google maka kata optimasi seo (optimasi search engine optimization) lebih populer dibanding optimasi mesin pencari jadi saya menggunakan kata optimasi seo (mudah-mudahan seo friendly). Postingan ini saya buat sebagai jawaban buat teman yang sering menanyakan cara memilih template seo friendly atau bagaimana kriteria template yang seo friendly. Untuk menjawabnya silahkan anda ikuti uraian saya, dan anda menentukan sendiri pilihannya. Apakah masih tertarik dengan pilihan nomor satu.


Secara pribadi sebagai blogger pemula dalam hal blogging, teknik seo dan optimasi seo saya lebih cenderung pada nomor 2 dengan memilih template standar tetapi template seo friendly.
Sebagai catatan tidak ada template yang seo friendly 100% , pasti ada saja cacat pada template, jadi jika ada yang mengatakan template 100% seo friendly mungkin perlu dipertanyakan, apakah pembuat templatenya sudah membuat script sesuai aturan atau mengikuti algoritma yang dibutuhkan oleh search engine, atau hanya mengikuti algoritma umum.

Ada beberapa kriteria template blogger seo friendly
1. Error sintax (script-nya) kecil jika di cek menggunakan menggunakan html /xhtml validator atau css validator . Script validator ini hanya bisa anda gunakan setelah template anda terpasang di blog.
2. kompatiblitas tinggi artinya errornya kecil jika ditambahkan widget html , kode css/ javascript
3. Waktu loading /membuka halamannya cepat , semakin cepat semakin baik, hindari template yang menggunakan background gambar yang terlalu besar atau menggunakan javascript atau external link javascript

Jika template yang anda pilih sudah seo friendly, maka bisa saja menjadi tidak seo friendly setelah anda modifikasi, agar tetap seo friendly maka ada beberapa tips yang perlu anda lakukan:
1. Tetap lakukan langkah 1 sampai 3 di atas untuk monitoring errornya
2. Kurangi widget yang dibuat menggunakan javascript, jika terpaksa menggunakan javascript sebaiknya ditempatkan di bagian bawah (footer) template. Karena robot search engine belum dapat menelurusi kode javascript secara maksimal (bisa saja terjadi looping atau over loading, sehingga robot google tidak dapat menelusuri bagian halaman lainnya, sehingga robot google memberi raport merah ke blog anda imbasnya blog anda susah naik google pagerank-nya, atau jika fatal robot google salah menginterpretasi script template anda dan mencurigai ada script berbahaya di template dan menandai blog anda sebagai blog spam, sehingga dimasukkan ke sandbox google (tempat menyimpan blog yang di blacklist google). Jika sudah masuk sandbox sangat susah mengeluarkannya, solusi terbaik membuat blog baru lagi dengan template yang cantik tetapi seo friendly.
3. Jika ada widget yang menggunakan script css/html, lebih baik pakai script tersebut sekalipun tampilannya jelek. Umumnya widget yang cantik menggunakan kode javascript dan flash. Saya sarankan di bagian menu bar/menu navigasi, badan postingan template gunakan menu/script yang dibuat pakai script css/html, agar memudahkan robot google menelusuri bagian menu tersebut kemudian melanjutkan ke postingan , sidebar dan footer. karena sangat disayangkan jika robot google baru memulai menelusuri halaman blog, tiba-tiba terbentur kesalahan interpretasi di bagian menu navigasi blog yang pure javascript, dan tidak sempat lagi menelusuri badan postingan akibat dirayu oleh kecantikan javascript sehingga hanya bolak-balik di menu navigasi hingga mencapai batas time out, sedangkan anda sudah capekcapek optimasi keyword di dalam postingan ternyata robot google tidak menelusurinya secara sempurna ....

Suatu hal yang dilematis terkadang template blog yang awalnya seo friendly setelah dimodifikasi menjadi tidak seo friendly. Jadi pilihan ada pada anda memilih template yang mana.
Secara pribadi saya lebih memilih template standar (bawaan) blogger, kemudian memodifikasi kode html/css sesuai kebutuhan.

Mungkin ada diantara teman yang bertanya mengapa saya memilih template standar blogger lebih seo friendly:
1. Template standar blogger umumnya dibuat oleh programmer google
2. Error scriptnya kecil, bahkan setelah ditambah script widget atau script dari pihak ketiga error scriptnya tetap kecil jika dibanding dengan template gratisan lainnya
3. Karena di buat oleh programer google maka logika dan algoritma program template mengikuti standar google.

Kelemahannya:
Blog tampil tidak profesional, dan apa adanya seperti blog saya yang hanya menggunakan template denim dikombinasikan dengan template son of moto, yang keduanya adalah template standar blogger (blogspot).

Sebagai catatan:
Penilaian di atas hanya berdasarkan logika penulis sebagai blogger pemula,mohon maaf jika ada yang kurang senang dengan opini saya, karena saya hanya memanfaatkan tools gratisan seperti xhtml, html dan css validator, dan logika semata. Bisa saja penilaian saya salah 100%. Silahkan dikoreksi jika saya salah. Memilih template hanya merupakan salah satu teknik seo blog yag merupakan komponen dari serangkaian teknik seo onpage lainya.

Beberapa postingan lain yang membahas tentang tips seo bisa dilihat disini belajar seo blogspot

Rabu, Desember 07, 2011 | 0 komentar | Read More

Optimalkan SEO, Biasakan Masuk Ke Blog Anda Melalui Google

Jika anda mempunyai website yang sudah diindex Google, biasakan anda masuk website tersebut melalui Google dengan cara searching dengan keyword yang sudah teroptimasi dengan baik. Kegiatan tersebut akan memberi kesan bahwa website anda banyak dicari sehingga meningkatkan page rank untuk halaman tersebut.

Akan tetapi jika anda belum mempunyai keyword yang dioptimasi untuk website anda, anda dapat melakukan searching dengan dengan nama URL anda. Aktivitas ini juga harus diimbangi dengan meningkatkan kualitas konten website anda. Anda dapat menambah artikel, berita, produk, faq dan lain-lain.

Pastikan juga bahwa struktur website anda mendukung SEO (Search Engine Optimization). Pengecekan paling dasar adalah pastikan halaman-halaman di dalam website anda mempunyai link dengan halaman utama (home) baik langsung maupun tidak langsung.

Kesalahan fatal dalam SEO yang mungkin tidak disadari adalah menempatkan halaman pertama full flash sehingga tidak ada link untuk masuk ke halaman lain. Kesalahan lain yang juga fatal adalah link disajikan melalui Javascript sehingga tidak bisa diindex Google. Dengan masuk ke website melalui Google juga meningkatkan kepekaan akan keyword-keyword baru yang akan dioptimasi

Rabu, Desember 07, 2011 | 0 komentar | Read More

Cara Membuat Judul Blog Dengan Tulisan Animasi

Membuat blog tampil menarik sudah menjadi kewajiban seorang blogger. Materi posting bagus tentunya harus didukung dengan penataan yang baik dan penampilan menarik. Bukankah sekalipun punya wajah cantik bodi "bahenol" kalau tidak pernah mandi dan berpakaian rapi serta sesekali berdandan akhirnya membuat orang malas juga untuk mendekatinya ? Hal seperti ini berlaku juga untuk sebuah blog. Posting yang sudah dengan susah payah dibuat (nglembur dan menghabiskan energi sekaligus nasi goreng dan rokok) tak jadi menarik bila penampilan blog sama sekali tidak di"othak-athik". "Ah, paling-paling orang ini baru seminggu ngeblog", begitu biasanya petualang blog berkata (dalam hati tentunya) kalau melihat wajah blog yang "sama sekali" persis dengan blog bawaan blogger. "Kacian", khan ?!

Merubah Bentuk teks judul blog kebentuk gambar merupakan salah satu cara merubah wajah header blog. Metode ini memungkinkan kita untuk lebih banyak menciptakan berbagai bentuk yang sangat variatif. Bisa berupa gambar biasa atau gambar animasi gif yang bisa berupa image atau image teks. Kita juga bisa menampilkan teks dengan efek blur, tiga dimensi dan masih banyak lagi yang lain.
Cara membuat :

1. Tentukan bentuk yang diinginkan : gambar atau teks. Untuk ukuran : yang penting ruangan di bagian header mencukupi.

2. Apabila ingin bentuk teks animasi datanglah di FlamingText.com - Logo Design. Silahkan langsung KLIK tuk ke sono ! Atau klo punya tempat lain, monggo !

3. Buat teks yang kalian inginkan sepuas-puasnya dengan ukuran font ideal berkisar di bawah 50 (50px;. Setelah jadi upload dulu ke image file hosting.

4. Kembali ke blog kamu.

5. Login ke blogger (Login to Blogger).

6. KLIK Tata Letak (Layout).

7. Amankan template.

8. Cari KODE CSS seperti berikut (di bagian atas di bawah <head>) :

Karena nggak semua sama maka kira-kira seperti ini :

#header h1 {
font-size: ...px atau %;
color: ....;
text-align: ...;
background: ...;
...
...
}

Rubah beberapa kODE menjadi seperti berikut :

#header h1 {
font-size:... (tidak dirubah) px atau %;
color:transparent; ---> color rubah ke transparent.
text-align:... (tidak dirubah);
background:transparent url(http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/blogsetangundulAnima.gif) left bottom no-repeat;
... (tidak dirubah)
... (tidak dirubah)
}

Keterangan :

- http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/blogsetangundulAnima.gif : contoh link animasi nama blog.
- left bottom dapat juga di ganti left center atau cukup center bila ingin judul di tengah.

9. KLIK Simpan Template.


SEMOGA BERHASIL !!! 

 (sumber http://gubhugreyot.blogspot.com/)

Rabu, Desember 07, 2011 | 0 komentar | Read More

SEO (Search Engine Optimization)

Seo atau Search Engine Optimization adalah Suatu metode atau cara agar blog atau situs kita terindex pada 10 besar di Search Engine atau Mesin Pencari pada salah satu keyword atau kata kunci. Seperti kita tahu Mesin Pencari itu ada banyak sekali jumlahnya tapi saya ambil saja 3 yang paling populer contohnya adalah Google.com (Paling Populer) Yahoo.com, Msn.com .

Dengan Teknik SEO ini blog kita bisa mendapatkan pengunjung atau visitor. Kok Bisa begitu ? Coba tanya pada diri anda sendiri. Jika ada sebuah permasalahan atau mencari sebuah artikel atau makalah yang tidak tahu sama sekali pasti teman-teman semua buka Google.com dan pada kolom search akan mencari sebuah kata kunci yang jadi permasalahan kita tadi. Contohnya saja teman-teman semua cari makalah tentang biologi. Nah situs-situs yang ada di halaman 1 itulah yang disebut situs yang Search Engine Friendly atau Berteman dengan mesin pencari. Dengan situs kita keindex di mesin pencari urutan 1-10 besar maka yang terjadi adalah situs kita semakin populer di mata masyarakat. Dengan Semakin populernya situs kita, maka akan semakin banyak juga yang bisa kita jual dalam blog kita.

Teknik SEO Yang Paling Mudah Untuk Dipahami

1. Dalam Pembuatan Artikel masukkan kata kunci yang ingin anda optimalkan kurang lebih 8% kata dari keseluruhan kata-kata yang ada di dalam artikel anda. Contohnya saja jika anda tulis 1 artikel ada 100 kata maka 8 kata harus berisi kata kunci tersebut.

2. Buat Artikel sendiri yang menarik dan topiknya sedang hangat dibicarakan. Yang penting tidak copy paste dari situs dan blog lain.

3. Link Exchange atau tukeran link. Link yang di anggap oleh Google dan search engine lainnya adalah link berbentuk text. Bukan gambar dan yang lainnya. Jadi kita usahakan Ngeblog sambil kenalan dan cari blogger -blogger lain. Setelah kenalan, baru deh tukeran link blog.

4. Berikan Text Link yang tepat (sesuai keyword yang anda mau optimalkan) saat tukeran link atau memberikan backlink pada artikel anda yang sudah lama.

5. Iklan di Situs Iklan Baris Gratis. Tapi Iklanlah yang sewajarnya saja. Jangan Spamming.

6. Buat beberapa blog untuk mensupport blog utama anda.

7. Adanya Oneway Backlink (Backlink satu arah) kepada artikel yang memiliki topik yang sama, sangat berpengaruh besar kepada Index anda di Search Engine.

8. Submit artikel-artikel blog anda di social media luar negeri seperti digg.com , kalau indonesia seperti lintasberita.com

9. Blogwalking dan tinggalkan komentar di blog-blog teman anda. Dikarenakan ini juga merupakan backlink gratis dan pendatang trafik. Tetapi berkomentarlah sesuai dengan posting dan jangan spaming.

10. Review Blog baru anda diblog yang telah lama beroperasi.

Teknik SEO adalah alternatif termudah dan termurah dalam mencari pengunjung. Masih ada alternatif lain untuk mencari pengunjung, yaitu dengan cara Iklan Berbayar. Tapi kita harus mengeluarkan dana berlebih jika kita menggunakan metode iklan berbayar ini.

Kamis, November 03, 2011 | 0 komentar | Read More