Tak di sangkal bahwa tujuan utama dari membuat blog antara lain adalah agar tulisan-tulisan kita bisa di baca oleh orang lain atau pengunjung blog, semakin banyak yang berkunjung apalagi memberikan komentar pada apa yang kita posting tentunya akan membuat hati kita merasa senang dan bahagia. Akan tetapi tentunya tidak serta merta blog kita akan ramai di kunjungi, ini memerlukan usaha publikasi yang gencar dari pemilik blog apabila ingin banyak pengunjungnya. 

Banyak cara yang bisa kita lakukan agar blog kita bisa dikenal dan di kunjungi, antara lain adalah dengan rajinnya kita blogwalking atau berkunjung ke blog milik orang lain, mendaftarkan ke berbagai agregator, dan yang paling efektif adalah melalui search engine atau mesin pencari. 

Bagi blogger pemula mungkin berangggapan bahwa apabila kita membuat website atau blog akan secara otomatis terindeks atau berada pada list berbagai search engine, dan kenyataannya tidaklah demikian. Seperti halnya sebuah sekolah, agar nama kita terdaftar pada buku daftar siswa, tentunya kita harus melakukan pendaftaran terlebih dahulu ke sekolah tersebut. Sama halnya dengan mesin pencari, agar blog kita terindeks pada mesin pencari, maka kita harus terlebih dahulu mendaftarkan blog milik kita pada situs pemilik mesin pencari. 

Mesin pencari tentu jumlahnya sangat banyak sekali, dan pada saat ini yang paling terkenal di dunia adalah Google, Yahoo, serta Msn. Apabila blog kita ingin terindeks pada mesin pencari mereka, maka kewajiban kita adalah mendaftarkan URL blog kita pada mesin pencari mereka. Bila ada yang belum tahu ke manakah harus mendaftarkan blognya, maka silahkan simak tulisan berikut : 

Daftar Google

Untuk mendaftar ke google, silahkan sobat kunjungi http://www.google.com/addurl/, nah apabila sudah berada pada halaman pendaftaran ada beberapa langkah yang harus di lakukan, yaitu mengisi form yang di sediakan : 

• URL --> Isi dengan URL blog sobat.



• Comments --> Isi dengan keyword atau kata kunci yang berhubungan dengan blog sobat



• Isi kotak kosong dengan huruf Verifikasi yang tersedia



• Klik tombol Add URL



• Selesai.

Setelah sobat melakukan pendaftaran ke Google, maka tidak serta merta blog sobat terindeks pada mesin pencari nya, akan tetapi memerlukan 3 sampai 4 minggu baru blog sobat bisa terindeks. Jika sudah 3 sampai 4 minggu, maka cobalah ketik alamat blog sobat pada mesin pencari google, apakah sudah terindeks atau belum? jika belum, coba tunggu beberapa minggu lagi, dan tuliskan kembali alamat blog sobat, Jika ternyata masih belum juga, coba deh daftarin lagi blog nya ke google seperti langkah di atas. Atau mungkin sobat tidak sabar ingin cepat terindeks, sebenarnya bisa saja ini terjadi, hanya dalam 3 atau 4 hari saja blog sobat sudah bisa terindeks di google. Ingin tahu caranya? simak saja postingan berikutnya ya, mungkin satu dua hari ke depan artikelnya selesai saya buat. 

• Daftar Yahoo!

Untuk mendaftar ke yahoo! silahkan sobat kunjungi https://siteexplorer.search.yahoo.com/submit. Akan tetapi untuk mendaftar ke yahoo, sobat harus terlebih dahulu mempunyai account yahoo, karena di perlukan log in terlebih dahulu ke account yahoo. Bagi yang belum punya account yahoo (email di yahoo) silahkan bikin dulu, bagi yang sudah punya, sobat tinggal login dengan username serta password sobat. Apabila sudah login, nanti sudah tersedia kolom untuk di isi, silahkan isi kolom tersebut dengan URL sobat, kemudian klik tombol Add URL, selesai. Jika ingin memasukan alamat feed sekalian, sobat bisa memasukannya. Ingat, alamat feed di blogger hanya tinggal menambahkan atom.xml di belakang uRL blog sobat, contoh : untuk blog saya ini mempunyai alamat feed sebagai berikut : 

http://kolom-tutorial.blogspot.com/atom.xml 

atau memakai www pun sama saja : 

http://www.kolom-tutorial.blogspot.com/atom.xml 

• Daftar ke Msn

Untuk daftar ke Msn, silahkan sobat kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2silahkan sobat isi huruf verifikasi dan URL sobat pada kotak yang tersedia, kemudian klik tombol Submit URL, selesai. 

Apabila sobat mempunyai keinginan lebih, yaitu URL blog sobat terindeks pada puluhan mesin pencari, sobat bisa menggunakan bantuan situs submitter. Coba klik saja banner dibawah ini : 

 

Tugas sobat hanya mengisi alamat URL blog miliknya, serta menuliskan alamat email saja, kemudian klik tombol Submit Your Site. 

Jika ingin lebih cepat terkenal coba lakukan ping ke bebagai agregator, silahkan klik link di bawah : 

Ping-O-Matic 

Sobat tinggal mengisi form yang di sediakan. 

Menyambung postingan kemarin bahwa saya akan memposting tips-tips bagaimana agar blog kita lebih cepat terindeks di google. Tentunya tips-tips berikut tidaklah seratus persen menjamin bahwa blog kita akan lebih cepat terindeks, akan tetapi bolehlah untuk di coba dan sebenarnya ini sudah saya buktikan sendiri kebenarannya. 

Seperti keterangan yang lalu, bahwa setelah kita mendaftar di google, blog kita tidaklah langsung terindeks pada mesin pencari google, akan tetapi bisa memakan waktu 3 sampai 4 minggu bahkan apabila bernasib kurang baik bisa sampai 8 minggu barulah blog kita terlisting pada mesin pencari nya. Nah agar tidak terlalu bosan menunggu, sedikit tips bagi sobat, silahkan coba dan buktikan. 

• Memperbaiki Pengaturan blog

Untuk langkah-langkah pengaturan (Setting) blog, secara lengkap sudah saya posting silahkan baca di sini !, akan tetapi karena postingan tersebut di buat sebelum ada layanan blogger berbahasa indonesia, maka settingannya berbahasa inggris. Tapi toh saya yakin bahwa sobat pasti faham dengan yang saya tulis. 

• Link ke blog dengan page rank tinggi

Salah satu cara agar blog kita lebih cepat terindeks di google adalah kita di link oleh blog yang mempunyai page rank yang tinggi, dan biasanya blog-blog tersebut adalah blog terkenal. Contoh blog Indonesia yang sangat terkenal adalah blog miliknya mas fatih syuhud yaitu http://fatihsyuhud.com, blognya kang Agus hery dihttp://edittag.blogspot.com, dan masih banyak lagi yang lainnya. Saran saya pasanglah terlebih dahulu link blog mereka pada halaman blog milik sobat, setelah itu mintalah agar blog sobat di linkback atau di link balik oleh mereka. Permintaan untuk di linkback bisa di ajukan pada buku tamu (shoutbox) atau bisa juga melalui komentar pada postingan atau jika ingin lebih pribadi kirim melalui email. Saya yakin mereka akan segera memasang link sobat pada blog mereka, atau jika dalam waktu tiga hari masih belum di linkback, ajukan kembali permintaan untuk dilinkback karena untuk blog-blog terkenal dalam sehari tidak hanya satu atau dua blog saja yang pasang link blog mereka, maka wajar saja apabila ada satu atau dua blog yang terlewatkan untuk di linkback. 

• Pasang tag meta

Salah satu cara agar blog kita lebih di lirik atau di kenali oleh mesin pencari miliknya om google adalah memasang tag meta di bagian header pada kode template blog. contoh tag meta untuk blogger seperti ini : 


Yang harus diperhatikan adalah tulisan-tulisan yang tercetak merah. Tulisan-tulisan tersebut haruslah di sesuaikan dengan kondisi blog sobat. 

Untuk deskripsi, silahkan isi dengan deskripsi blog sobat. contoh untuk blog milik saya adalah "Panduan praktis membuat blog di blogger.com. tips, trik, serta download software secara gratis". 

Untuk kata kunci (keyword), silahkan isi dengan kata kunci yang berhubungan dengan blog sobat. contoh untuk blog ini adalah : blog tutorial, cara membuat blog, bikin blog, cara bikin blog, dan sebagainya. Jangan lupa untuk menyisipkan tanda koma untuk memisahkan antara keyword yang satu dengan keyword yang lainnya. 

Untuk judul blog, silahkan isi dengan judul dari blog sobat.Contoh : untuk blog ini adalah Blog tutorial. 

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode <title><data:blog.pageTitle/></title> . 


Sebenarnya masih ada beberapa tips yang bisa dilakukan, akan tetapi kayanya udah lemes nih ngetiknya, jadi dicukupkan sekian dulu deh, selamat mencoba dan mudah-mudahan blog sobat lebih cepat terindeks di google. Satu pertanyaan aja deh buat tambahan, sudahkah blog sobat terindeks di google? coba tuliskan alamat blog sobat pada search engine google di bawah postingan ini ! 

BangDhika beberapa waktu yang lalu mengajukan pertanyaan melalui shoutbox mengenai bagaimana cara membuat kode untuk tukeran link, dan sekarang saya akan coba membahasnya. Mudah-mudahan informasi ini bermanfaat juga bagi sobat lainnya yang belum mengetahui mengenai hal ini. 

Untuk membuat kode tukeran link, kebanyakan para blogger menggunakan banner yang berukuran kecil atau di sebut juga dengan chiklet sebagai ciri khas dari blog masing-masing. Maka dari itu, saya akan mencoba mengulas pembahasan ini bermula dari pembuatan chiklet nya. 

Untuk membuat sebuah chiklet, sobat bisa menggunakan berbagai software grafik & design semacam photoshop, corel, atau lain sebagainya. Tak hanya sebatas chiklet yang berupa gambar diam, sebuah animasi pun bisa di jadikan chiklet tukeran link, tentunya ini terserah kepada keahlian masing-masing dalam hal membuat chiklet. 

Akan tetapi, bagi sobat yang belum bisa atau hanya sekedar malas untuk membuatnya karena memerlukan waktu yang cukup lama untuk berkreasi, sobat bisa menggunakan layanan berbagai situs pembuat chiklet. Salah satu situs yang menyediakan layanan ini adalah www.chicklette.net. Melalui situs ini sobat hanya perlu menentukan warna serta tulisan yang di inginkan, kemudian apabila sudah selesai, sobat tinggal save picture lalu menyimpannya dalam komputer sobat. 

Itu tadi merupakan langkah pertama. langkah kedua adalah meng upload file chiklet tadi ke hosting untuk menyimpan gambar, boleh di blogger atau di hosting lain, untuk cara upload gambar sudah sering di bahas, apabila masih bingung coba baca lagi di sini ! Jika proses upload selesai, sobat tinggal mencatat atau mengcopy alamat URL gambar tersebut. Misal saya ambil contoh untuk chiklet blog ini adalah : 

http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif 

langkah selanjuatnya adalah membuat kode link dari alamat gambar tadi, contoh kodenya seperti ini : 

<a href="http://kolom-tutorial.blogspot.com" target="_blank"> <img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>

Nah itu tadi merupakan contoh link untuk membuat link ke blog ini, untuk ngelink ke blog sobat ya tinggal sesuaikan saja. 

Apabila kode link sudah ada, langkah selanjutnya adalah membuat text area untuk menampung seluruh kode agar nanti bisa di copy oleh pengunjung yang mau nge link ke blog sobat, kodenya seperti ini : 

<textarea name="code" rows="6" cols="20"> 

<a href="http://kolom-tutorial.blogspot.com" target="_blank">
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a> 

</textarea> 


Beberapa langkah sudah di lewati, langkah selanjutnya adalah merangkaikan kode-kode tadi, misalkan kode tukeran link ingin di bawah gambar chicklet agar tampak lebih menarik, kodenya kira-kira seperti ini : 

<h2>Tukeran link</h2>
<br/><br/>
Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali
<br/><br/> 
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "> 
<br/><br/> 
<textarea name="code" rows="6" cols="20">
<a href="http://kolom-tutorial.blogspot.com" target="_blank">
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>

</textarea> 


Hasilnya nanti akan seperti ini : 

Tukeran link 

Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali 

 

 

Dari tulisan diatas, terlihat ada tulisan yang memanjang kekanan. Akan tetapi jangan kawatir karena tulisan tersebut akan turun secara otomatis mengikuti lebar dari sidebar. Untuk mengatur lebar serta tinggi dari text area, sobat tinggal mengganti nilai dari rows serta cols saja. 

Ada juga blogger yang suka memasang tombol LINK TO ME pada blog nya, ini di maksudkan agar ketika pengunjung yang ingin membuat link ke blog sobat tinggal mengklik tombol tersebut. Akan tetapi ini bekerja bagi mereka (yang ingin membuat link ke blog sobat) yang memakai template baru saja, sedangkan untuk yang template klasik tidak bisa, jadi menurut saya kurang efektif. Contoh tombolnya seperti : 

The button image will displayed on your site like this

Coba buktikan deh, klik saja pada tombol yang saya berikan. 

Kode untuk membuatnya seperti ini : 

<center>
<form action="http://beta.blogger.com/add-widget" method="POST">
<input value="FAVOURITE" name="widget.title" type="hidden"/><textarea style="display:none;" name="widget.content">
<a href="http://kolom-tutorial.blogspot.com" target="_blank" />
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>
</textarea><input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>
<input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
<input value="LINK TO ME" name="go" type="submit"/></form><p>The button image will displayed on your site like this</p><br/>
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a> </center>

Silahkan ganti alamatnya dengan yang di miliki sobat. 

bagi sobat yang menggunakan template klasik, sobat tinggal menyimpan kode di atas pada sidebar yang sobat inginkan. Untu yang memakai template baru, sobat tinggal memilih tambah elemen, trus pilih HTML/Javascript, kemudian masukan kode yang seperti diatas, simpan dan selesai. 

Semoga mudah untuk di mengerti. 

Sobat Edelweis rupanya berkeinginan agar photo yang terpampang di profilemenjadi ada figura nya supaya tampak lebih sedap di pandang mata, Sebuah keinginanyang wajar kalau menurut saya. Yups..untuk itu akan saya bahas sedikit trik agar photo tersebut menjadi ada figuranya. 

Agar photo frofile menjadi berbingkai atau berfigura, langkahnya sangat sederhana sekali,yaitu sobat hanya merubah nilai border pada stylee sheet css pada bagian untuk photo frofile, contoh kode photo frofile untuk template lama seperti ini : 

.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}

untuk template baru seperti ini : 

.profile-img { 
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor; }


Tugas sobat hanya merubah nilai bordernya saja dengan nilai yang lebih besar tentunya, biar lebih jelas, sedikit saya ulas tentang kode-kode diatas : 

float:left; --> artinya photo akan di simpan di sebelah kiri pada tulisan frofile. 

padding:4px; --> padding disini maksudnya adalah jarak antara photo dengan figura (border) sebesar 4 pixel, jika sobat tidak menginginkan ada jarak antara photo dengan bingkai, maka tinggal ganti nilainya dengan 0px (nol).

border:1px solid #ddd; --> nah ini yang menjadi bingkai photonya, nilai figura adalah sebesar 1 pixel, jika ingin figuranya tampak lebih lebar, ya tinggal ganti nilai 1px dengan nilai yang lebih besar, contoh 6px, 8px atau yang lainnya. kode #ddd --> adalah kode warna untuk abu-abu, silahkan ganti dengan kode warna lainnya jika tidak cocok.


Masih bingung cara merubahnya? silahkan ikuti langkah-langkah berikut! 

Untuk template klasik : 

1. Sig in di blogger



2. Klik menu Template



3. Klik menu Edit HTML



4. Copy seluruh kode template yang ada lalu paste pada notepad kemudian save. ini untuk backup data bila terjadi kesalahan editting



5. Cari kode yang mirip dengan kode di bawah ini :



.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}



6. Ganti nilai border dengan nilai yang lebih besar, contoh 8px, sehingga kodenya akan seperti ini :



.profile-img img {
float:left;
padding:4px;
border:8px solid #ddd;
margin:0 8px 3px 0;
}



7. Klik tombol Pratinjau untuk melihat hasil perubahan



8. Jika sudah OK, klik tombol Simpan Perubahan Template



9. Selesai.

Untuk template baru : 

1. Sign in



2. Klik menu Layout



3. Klik menu Edit HTML



4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data



5. Klik kotak kecil di samping tulisan Expand Template Widget



6. Tunggu beberapa saat sampai proses selesai



7. Cari kode yang mirip dengan kode di bawah ini :



.profile-img { 
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}



8. Ganti nilai border dengan nilai yang lebih besar, contoh 8px, sehingga kodenya akan seperti ini :



.profile-img img {
float:left;
padding:4px;
border:8px solid $bordercolor;
margin:0 8px 3px 0;
}



9. Klik tombol Pratinjau untuk melihat perubahan



10. Bila sudah OK, klik tombol SIMPAN TEMPLATE



11. Selesai.

Sebagai catatan, untuk melihat efek figura berfungsi, tentunya sobat harus terlebih dahulu memasang photo profile ( ya iya rek, kalo ga ada photonya, opo yang mau di buatin bingkai tho). 

Lagi-lagi saya tertarik untuk membahas tentang cara membuat link. Yo'i, karena tercatat tiga artikel yang sudah di posting tentang bagaimana cara membuat tautan atau link, dan yang sekarang merupakan artikel yang keempat. Akan tetapi jangan dulu mengira bahwa posting kali ini akan sama dengan postingan terdahulu, sebab kali ini yang akan di bahas adalah cara untuk membuat link dalam bentuk Anchor. 

Apa itu Anchor Link ? 

Anchor link biasa di sebut juga dengan link dalam satu halaman, berbeda dengan hyperlink pada umumnya yang biasa di gunakan untuk menghubungkan suatu tulisan dengan tulisan lain yang berada pada halaman yang berbeda atau blog yang berbeda, anchor link ini lebih banyak di gunakan untuk halaman yang sama. Masih bingung? memang saya juga sama bingungnya kalau membaca sekilas tentang pengertian tadi, agar tidak sama-sama bingung akan saya beri contoh yang nyata. Pada bagian paling bawah blog ini, ada tulisan berupa link yang tertera : 

->> Kembali lagi ke atas <<- 

Nah apabila sobat meng klik link tulisan tersebut maka secara otomatis yang akan tampil pada layar monitor sobat adalah halaman yang paling atas dari blog ini, tidak percaya? silahkan buktikan ! Kelebihan anchor linkdengan link biasa adalah link ini tidak memerlukan loading ulang untuk memanggil obyek yang telah di tandai sebagai anchor.Contohnya seperti link yang berada paling bawah blog ini, jika sobat mengkliknya maka tidak memerlukan waktu lebih dari satu detik halaman atas dari blog ini akan di tampilkan. 

Bagaimana cara membuat anchor link? 

Prinsip dasarnya adalah kita menandai terlebih dahulu suatu objek, lalu pada bagian yang lain kita buat link untuk memanggilnya. Kode dasarnya seperti ini : 


<a name="NamaAnchor"> .... </a>       <-- objek anchor 

<a href="#NamaAnchor"> .... </a>       <-- link pemanggil anchor 

Perhatikan tanda pagar (#) di atas, untuk nama anchor tidak memakai tanda pagar, akan tetapi untuk link pemanggil anchor harus memakai tanda pagar. 


Objek dari suatu anchor bisa di tampilkan bisa juga tidak, terlihat dari kode di atas ada tanda berupa titik-titik. Titik-titik tersebut bisa di isi tulisan bisa juga di biarkan kosong, contoh : 

<a name="AtasBlog"></a>       <-- objek anchor yang tidak ingin menampilkan tulisan. 

<a name="AtasBlog">Blog bagian atas</a>       <-- objek anchor yang ingin menampilkan tulisan. 

Berbeda dengan objek dari anchor, link pemanggil anchor haruslah di beri tulisan untuk bisa di klik oleh pengunjung, contoh : 

<a href="#AtasBlog">Kembali ke atas</a> <-- link pemanggil anchor harus di beri tulisan. 

Tertarik ingin membuatnya, silahkan ikuti langkah-langkah berikut : 


Untuk template klasik : 

1. Sign in di blogger



2. Klik menu Template



3. Klik menu Edit HTML



4. Copy seluruh kode template sobat, lalu paste pada notepad, silahkan save dulu untuk backup data



5. Copy kode berikut lalu paste persis di bawah kode <body>



<a name="atas"></a> 



6. Copy paste kode berikut di atas kode </body>



<center><a href="#atas"> Kembali lagi ke atas</a> </center> 



7. Klik tombol Pratinjau untuk melihat perubahan



8. Jika sudah OK, klik tombol Simpan Perubahan Template



9. Selesai.

Penambahan kode <center> </center> di maksudkan agar tulisan link berada pada posisi tengah. 


Untuk template baru : 

1. Sign in di blogger



2. Klik menu Layout



3. Klik menu Edit HTML



4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data



5. Klik kotak kecil di samping tulisan Expand Template Widget



6. Tunggu beberapa saat sampai proses selesai



7. Copy kode berikut lalu paste persis di bawah kode <body>



<a name="atas"></a> 



8. Copy paste kode berikut di atas kode </body>



<center><a href="#atas"> Kembali lagi ke atas</a> </center> 



9. Klik tombol Pratinjau untuk melihat perubahan



10. Jika sudah OK, klik tombol SIMPAN TEMPLATE



11. Selesai.

Satu lagi yang menarik dari fungsi kode ini, yaitu buat para sobat yang suka menulis posting yang sangat panjang, atau merupakan tulisan-tulisan yang berupa karya ilmiah, Kode ini bisa membantu kita untuk membuatkan sebuah navigasi untuk mempermudah pembaca. Misalkan pada setiap pharagrap kita sisipkan sebuah anchor link yang mana anchor link ini bisa berupa tulisan yang terlihat ataupun hanya sebuah objek yang tidak bisa terlihat oleh pembaca. Dan tentunya pada tempat-tempat tertentu kita membuat tulisan berupa link untuk memanggil anchor link. Sebagai contoh saya telah membuat beberapa anchor link pada setiap pharagrap, kode anchor link yang saya sisipkan seperti ini : 

<a name="satu"></a>    --> pharagrap pertama 

<a name="dua"></a>    --> pharagrap kedua 

<a name="tiga"></a>    --> pharagrap ketiga 

Mau membuktikan? Ok, coba deh klik masing-masing link berikut : 

Kembali ke pharagrap Pertama ! 

Kembali ke pharagrap Kedua ! 

Kembali ke pharagrap Ketiga !