Tips Search Engine Optimization (SEO) Bagian 1

Search Engine Optimization (SEO) atau istilah kita mengoptimalkan mesin pencari atau mudahnya biar blog kita semakin mudah dicari oleh simbah google merupakan hal yang sangat penting bagi kehidupan blog itu sendiri. Blog yang sulit dicari otomatis tidak akan banyak dikunjungi orang, keculai jika anda silaturahmi ke blog teman satu persatu dan minta dikunjungi balik, tapi itu jelas memakan waktu yang long alias banyak dan lama. Bayangkan alangkah enaknya kita kalau kita tak sering-sering ngepost tapi blog kita ramai, kita ga usah capek-capek buka blog orang, blog kita sudah rame dengan banyaknya tamu. Nah disinilah peran SEO.

Nanti SEO itu ujung-unjungnya meningkatkan Page Rank (PR) meningkatkan rangking Alexa sampai idealnya dibawah seratus ribu. Meskipun yang terpenting menurut saya adalah menghasilkan ribuan visitor ke blog kita. Nah sedikit tips, meskipun sederhana untuk menaikkan PR maupun rangking Alexa kita ada beberapa Tips dalam Search Engine Optimization :

Tips Pertama

Postinglah Tulisan yang Original (Original Content)

Menulis sesuatu yang original dari buah pikiran kita sendiri ternyata sangat disukai oleh Google meskipun jelek dan awut-awutan ketimbang copy paste milik orang dari blog lain. Kenapa ? Aku sebetulnya juga ga tahu, tapi bolehlah kalau kita sedikit meraba-raba, toh bukan paha cewek kan ? wkwkwk. Gini, yang namanya Google itu lebih suka yang original, unik dan menarik. Ya, tak beda jauh dengan kita yang penting perawan dulu, cantik dan menarik, betul ? Google ga begitu suka dengan yang namanya plagiat atau tiruan. Kita juga kan begitu, kita ga suka cewek tiruan, padahal asline cowok, ya kan ? kenapa, ya ga perlu dijawablah, kalau orang normal pasti tak akan memilih yang tiruan.

Nah begitu juga dengan Google atau mesin pencari yang lain, mereka suka yang asli, syukur-syukur kalau berkualitas, nah pasti cepet banget deh terindeks oleh google. Kalau memang ga bisa menulis materi yang berat-berat, tulis aja keseharian kita. Misalnya pagi sekolah, pulang ketemu cewek trus kita godain, ceritakan aja diblog. Jadi ga perlu pusing-pusing cari materi kesana kemari. Nah kalau terpaksanya mentok, copy paste, tapi ini jelas tidak dianjurkan karena tidak baik untuk SEO. Kalau terpaksanya copy paste, ya diubahlah dikit-dikit jangan sama persis, sama 50 persenlah, jangan banyak-banyak. 

Coba deh tips ini, lalu anda tunggu 2 sampai 3 bulan dengan tiap hari menulis original, dan anda lihat PR dan Alexa nya setelah itu ada peningkatan atau tidak ?? Nanti kita lanjutkan tips berikutnya, dah ngantuk nih mo bobok dulu ...

Cara Mudah Membuat Daftar Isi pada Blog

Kadang dalam blog perlu diberi daftar isi agar pengunjung lebih mudah untuk menemukan sendiri artikel yang dicarinya. Membuat daftar isi boleh dikatakan sulit boleh dikatakan mudah tergantung bagaimana anda mencobanya. Nah berikut ini ada langkah yang perlu anda coba, tetapi telaten ya, karena mencari kode di html itu lumayan ruwet karena tulisannya emang dari sononya ruwet, tapi coba dulu aja, semoga berhasil

Langkah Pertama

1. Sign in di blogger dengan ID anda
2. Bilsa sudah berada di halaman dashboard, klik Layout.
3. Klik tab Edit HTML
4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup jika perubahan itu menyebabkan eror
5. Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template.
6. Tunggu beberapa saat.
7. Coba anda lihat ke bagian body template, lalu cari kode seperti ini :

<b:include data='post' name='post'/> <b:include data='post' name='post'/>

8. Ganti kode tersebut dengan kode berikut :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

9. Klik tombol Simpan Template.
10. Selesai. Langkah pertama sudah selesai.

Langkah Kedua :

1. Klik tab Elemen Halaman.
2. Klik tulisan Tambahkan sebuah Elemen Halaman.
3. Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.
4. Copy lalu paste kode berikut :
<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>
5. Ganti NamaBlogAnda nama blog anda sendiri. Contoh : nama blog saya adalah kolom-tutorial. ganti angka 200 dengan nomor yang lainnya (kalau mau). Nomor ini adalah jumlah posting yang ingin di munculkan ketika link daftar isi di klik.
6. Klik tombol Simpan Perubahan.
7. Selesai.

Masih pusing ? Ga usah dipikirin, coba dulu aja siapa tahu berhasil, kalau tidak ya berarti anda belum beruntung, he...3x. O ya jangan lupa tinggalkan komentar jika anda berhasil membuat daftar isi dengan baik dan benar, ok. Next time ...

Cara Mengganti Icon Blogger pada Blog

Bosan dengan tampilan icon blogger ? Ganti saja dengan yang lain. Icon blogger sangat mudah kita ganti  pada address bar (kotak untuk mengetikkan alamat web). Jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Jika anda tidak puas dengan icon/gambar tersebut, anda akan dengan mudah menggantinya dengan gambar sesuai dengan keinginan anda. Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://img87.imageshack.us/img87/5862/image1an1.gif' rel='SHORTCUT ICON'/>

Silakan ganti huruf yang ketik merah diganti url lokasi gambar dimana anda menyimpannya. Anda dapat menyimpan terlebih dahulu gambar di 000webhost atau bisa juga di photobucket dan juga di images hack atau jika anda tidak mau repot ambil aja url dibawah ini, tapi ya itu dia gambarnya cuma ada beberapa, kalau misalnya pengin foto pribadi berarti harus menyimpan sendiri :

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img509.imageshack.us/img509/6449/image6fu0.gif
http://img527.imageshack.us/img527/6543/image7go9.gif
http://img507.imageshack.us/img507/5774/image8wn8.gif
http://img150.imageshack.us/img150/5784/image9qo1.gif http://img404.imageshack.us/img404/1214/image10vr1.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img100.imageshack.us/img100/4658/image12du2.gif
http://img132.imageshack.us/img132/4733/image13lj1.gif
http://img145.imageshack.us/img145/7793/image14zg9.gif
http://img412.imageshack.us/img412/4403/image15jc7.gif


Gampang kan, silakan coba, ga bakalan rugi, ha...3x, tidak pengaruh ke trafik kok, tapi siapa tau pengunjung jadi suka kalau lihat foto anda di addressbar kayak blognya pak Yanto, tahu kan.


ini loh, contoh penerapannya di html

<link href='http://img87.imageshack.us/img87/5862/image1an1.gif' rel='SHORTCUT ICON'/>

  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>
  html warna biru adalah html yang anda copy untuk mengubah icon blogger, warna merah adalah kode yang harus anda temukan dengan cara tekan saja Ctrl dan F tinggal ketikan </head> nanti enter, kalau udah ketemu paste kode html warna biru diatas. contohnya anda lihat pada address bar blog ini. html warna hijau adalah kode html setelah </head>

Cara Membuat Tulisan Berjalan Pada Postingan (Marque Efek)

Namanya juga blogger, kalau tidak aneh-aneh dan unik tidak menarik, ya tidak ? Salah satunya membuat tulisan berjalan pada postingan, biar menarik gitu. Nah itu biasa disebut efek Marque. Efek Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak disukai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog (efisiensi tempat)
Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

Gerakan dari kanan ke kiri

</MARQUEE>



Gerakan dari kanan ke kiri



ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

gerakan menurut perilaku

</MARQUEE>

Hasilnya :

ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .

Contoh marquee dari perilaku gerakan :



Gerakan menurut perilaku



Nah kalau ingin mengganti tulisan berjalan dengan link bagaimana ? Atau gerakan dari bawah ke atas biar enak gimana ?

Copy aja kode HTML berikut :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://mrwindu.com" target="new">mrwindu dot com</a><br/>

<a href="http://tik-mrwindu.blogspot.com" target="new">Teknologi Informasi dan Komunikasi </a><br/>

<a href="http://blog-tutorial4u.blogspot.com" target="new">Blog Tutorial 4 U </a><br/>

<a href="http://mrwindu-back2nature.blogspot.com" target="new">Back to Nature</a><br/>

</marquee>


Lihatlah hasilnya sebagai berikut :



mrwindu dot com


Teknologi Informasi dan Komunikasi


Blog Tutorial 4 U


Back to Nature




Selamat Mencoba, jangan lupa tinggalkan komentar anda, terima kasih

Cara Menambahkan Text Area pada blog dengan memakai HighLight

Kalau pada postingan sebelumnya kita membahasa tentang cara menambahkan text area pada blog, nah pada postingan kali ini kita akan coba variasi lain yakni text area dengan menggunakan tombol highlight. Tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">contoh text area dengan highlight</textarea></p></div></form>

Lihatlah hasilnya sebagai berikut :


Kalau yang ditambahkan kode HTML bagaimana ? caranya sama tinggal anda ganti tulisan contoh text area dengan highlight dengan kode HTML contoh nya :



Kalau tulisan Highlight All diganti Tulisan lain boleh ? boleh aja coba lihat contohnya :


Silakan coba semoga bermanfaat

Cara Membuat Text Area di Blog

Bagaimana sih menambahkan Text Area pada blog ? Lalu untuk apa Text area itu dibuat ? Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung. Cara membuatnya tidak sulit kok, silakan coba tips berikut :

Masuklah ke dalam postingan baru atau elemen halaman blog anda. Jika anda ingin meletakkan text area pada postingan silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Hasilnya :



Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Jika anda ingin menambahkan pada elemen halaman, caranya anda tinggal masuk pada dashboard, pilih design, terus pilih page elemen, tambahkan widget, pilih html, lalu paste kode di atas.

Gampangkan ? Nah silakan coba mudah-mudahan bermanfaat.

Cara Menuliskan Kode HTML dalam Postingan Blog / Mem-Parse HTML

Ternyata menuliskan HTML dalam postingan blog tidaklah seperti menuliskan kalimat biasa. Kalau kita buat sama maka yang terjadi kadang html tidak muncul dalam postingan atau terhadi eror saat kita publish. Nah, lalu bagaimana cara memasukkan kode HTML ke dalam postingan. Ternyata measukkan kode HTML ke dalam postingan itu tidak sembarangan memasukkan, tetapi ada caranya sendiri.

Salah satunya adalah mem parse kode HTML tersebut. Tapi sebelum menuliskan caranya, saya akan memberikan definisi mem parse. Mem parse adalah fasilitas dimana kode HTML dubah menjadi kode XML. Fasilitas ini dapat digunakan untuk memasang iklan PPC dan dibawah postingan. Seperti google adsense, kumpul blogger, banyak lagi yang lain. Dan juga menampilkan kode HTML pada postingan kita misal itu adalah kode HTML yang telah di parse. Tidak sulit kok, gunakan ada tools yang ada tidak perlu menambahkan kode html lagi pada template, semuanya ready silakan coba beberapa tools antara lain :

1. centricle

2. blogcrowds

Untuk memparse di centricle caranya adalah :

1. Kunjungi websitenya di http://centricle.com/tools/html-entities/

2. Lalu masukkan kode HTML yang akan anda masukan.

3. Setelah itu klik encode. Baru di copy dan paste ke dalam postingan.

Untuk memparse di blogcrowds caranya adalah :

1. Kunjungi websitenya di http://www.blogcrowds.com/resources/parse_html.php

2. Lalu masukkan kode HTML yang akan anda masukan.

3. Setelah itu klik parse. Baru di copy dan paste ke dalam postingan.

Nah gampangkan ? sekarang anda sudah dapat memposting kode HTML dengan baik dan benar, kalau merasa bermanfaat atau kurang bermanfaat silakan tambahkan komentar pada postingan ini, semoga dapat memberikan masukan untuk postingan selanjutnya

List Tempat Download Template Blog Gratis

Buat teman-teman yang suka mengoleksi template blog atau sekedar goanta-ganti template karena bosan, berikut ini saya akan coba list beberapa blog atau website yang menyediakan template blogger gratis untuk anda. Template-template gratis tersebut yang saya pakai untuk koleksi sekaligus saya pasang di beberapa blog saya :

1. http://www.zoomtemplate.com
2. http://www.premiumbloggertemplates.com
3. http://isnaini.com
4. http://btemplates.com
5. http://blogtemplate4u.com
6. http://www.finalsense.com
7. http://www.bloggertemplatesfree.com



Silakan download sendiri ke alamat-alamat url penyedia template gratis tersebut

Cara Memasang Form Berlangganan Artikel di Blog (FeedBurner Baru)

Form Berlangganan Artikel di blog sangat bermanfaat untuk menambahkan trafik pengunjung ke blog kita. Semakin banyak pengunjung yang berlangganan berarti blog kita makin berkualitas karena semakin banyak orang yang percaya akan tulisan kita. Pada postingan terdahulu sudah pernah kami sampaikan tentang cara memasang Feedburner, Nah kali ini kita akan ulas tentang cara memasang Feedburner dengan cara yang jauh lebih mudah. Ini merupakan fitur baru yang ditawarkan blogger pada kita.

Oke langsung aja pada langkah intinya :
1. Setelah anda masuk pada account blogger anda, dari Dashboard pilih Design
2. Pilih Page Element
3. Klik pada tulisan Add a Gadget
4. Pilihlah Folow by Email
5. Pada title silakan diganti Berlangganan Artikel, Berlangganan Gratis, atau biarkan saja
6. Pada Url : Biarkan saja
7. Langkah terakhir : Klik Save

Nah silakan coba langkah di atas, Happy Blogging