ALEXA BOOSTER
Mungkin bagi para blogger mania traffic rank yang tinggi sangat membanggakan. Karena selain bisa dipergunakan untuk mendapatkan uang, ataupun keperluan yang lainnya. Untuk mendapatkan hal tersebut, banyak rekan-rekan yang menggunakan cara-cara nakal seperti menggunakan software :

Dan RANK ENHANCER

Dan menurut beberapa blogger, cara ini berhasil meningkatkan alexa rank.
Menurut seorang programmer yang suka membuat software macam ini. Sebenanrnya cara ini tidak berpengaruh apa-apa terhadap blog kita. Apalagi kini Alexa telah memperbaiki sistemnya. Sehingga, bila kita para blogger menggunakan program ini blog milik kita alexaranknya akan semakin menurun. Bahkan menurut rekan blogger mania, ada blog yang sudah memiliki PR 3 setelah menggunakan program ini beberapa hari kemudian PR blog tersebut menjadi 0. Mungkin ini karena kita dianggap melanggar TOS dari Alexa. Jadi, bagi anda kawan-kawan blogger yang ingin menggunakan program ini sebaiknya urungkan niat anda. Dan bagi yang telah terlanjur menggukannya sebaiknya hentikan sekarang juga. Lebih baik menggunakan cara-cara yang benar. Bukankah mendapatkan traffic rank yang tinggi dengan cara yang jujur dan benar lebih menyenangkan. Berikut tips yang saya dapatkan dari beberapa blogger mania :

1. Memasang sidebar berisi Alexa Rank Widget
Tidak usah malu meski Alexa rank masih 5 jutaan misalnya. Namanya juga sedang usaha, hihihi... Kode Alexa dapat didownload dari http://www.alexa.com. Pemasangan kode pada sidebar sama seperti pemasangan kode HTML pada umumnya.

2. Memasang Plugin Alexa
Internet Explorer bisa menggunakan Alexa Toolbar, namun sebagian webmaster tidak mau karena ada kemungkinan Alexa Toolbar untuk Internet Explorer disusupi malware. Saya pribadi menggunakan Alexa Search Status untuk Firefox yang addonnya dapat didownload dari sini. Jangan lupa, setup alamat blog / website kita sebagai homepage utama dari browser yang kita gunakan.

Dua cara diatas sebenarnya sudah mampu meningkatkan posisi Alexa Rank yang kita miliki. Untuk lebih meningkatkannya lagi, kita bisa menambah beberapa optimasi sebagai berikut :

- Buat posting mengenai Alexa seperti yang saya lakukan ini. Posting artikel bisa dalam bentuk materi tentang Alexa, tips-tips maupun hal lain seputar Alexa Rank.

- Buat Plugin yang Memudahkan Instalasi Alexa
Ini bisa menarik pengunjung untuk datang untuk mendownload plugin yang pada akhirnya akan meningkatkan posisi Alexa Rank. Mengingat plugin Alexa hanya HTML biasa, pembuatan pluginnya mestinya tidak terlalu sulit.

- Buat themes untuk Blog / CMS
Ini hampir tidak pernah terpikirkan oleh orang-orang yang memberikan saran seputar Alexa Rank maupun PageRank, padahal membuat themes yang digunakan oleh banyak orang adalah cara termudah mendapatkan backlink. Silakan lihat blog / website para pembuat themes, jarang yang memiliki PageRank maupun Alexa Rank yang jelek.

- Tingkatkan Trafik Kunjungan
Cara paling bagus adalah membuat artikel yang berbobot. Selain itu, bergabung dengan suatu aggregator (jika perlu, membuat aggregator sendiri, hehehe. Contoh Aggregator adalah Planet Terasi) dapat meningkatkan trafik kunjungan ke blog / website kita.

- Bergabung dengan Milis / forum yang sesuai dengan Materi Blog
Mengapa mesti sesuai dengan materi ? Karena jika tidak, kemungkinan besar kita hanya berniat spam yang justru akan merugikan performance dan value dari blog / website yang kita miliki. Cara paling mudah untuk menarik minat seseorang untuk datang berkunjung adalah meninggalkan link website / blog pada bagian signature, disertai keterangan singkat mengenai isinya.

Jika kita memadukan website atau blog kita dengan trik ini maka website / blog kita akan tampil lebih menarik. Masih belum mengerti? Kami beri contoh


LINK

LINK + MELAYANG

GambarAwal : Gambar awal sebelum terkena Cursor
GambarTersentuh : Gambar ketika cursor menyentuh gambar
LINK  Link ketika gambar di klik

Untuk yang berwarna  Kuning dapat anda atur sendiri ^^

Sekian tutorial dari saya, terimakasih..

Ada yang pernah buka apple.com ?? atau lihat di kolom search ujung blog ini.. Coba kalian klik, kolom akan melebar, pingin seperti itu? saya kasih tau caranya :)

Langkah yang harus dibuat adalah, sebagai berikut :

1. Masuk ke blogger sobat.
2. Pergi ke Design / Rancangan - Page Elements / Elemen Laman - Add a Gadget / Tambahkan Gadget - HTML / Javascript
3. Paste Kode berikut didalamnya dan Simpan

<form method="get" action="/search" id="search">
<input name="q" type="text" size="40" placeholder="Search..." />
</form>

4. Belum selesai, Pergi lagi ke Design / Rancangan - Edit HTML
5. Cari kode ]]></b:skin>, Paste kode - kode berikut, tepat diatasnya.

a. Untuk Search Form Dark Background



CSSnya :

#search {
}
#search input[type="text"] {
background: url(http://www.bloggermint.com/demos/css3searchbox/search-dark.png) no-repeat 10px 6px #444;
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #777;
width: 150px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
width: 200px;
}

b. Untuk Search Form Light Background




CSSnya :

#search { } #search input[type="text"]{ background: url(http://www.bloggermint.com/demos/css3searchbox/search-white.png)
no-repeat 10px 6px #fcfcfc; border: 1px solid #d1d1d1; font: bold 12px Arial,Helvetica,Sans-serif; color: #bebebe; width: 150px; padding: 6px 15px 6px 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #search input[type="text"]:focus { width: 200px; }


c. Untuk Style Apple.com




CSSnya :

#search { } #search input[type="text"] { background: url(http://www.bloggermint.com/demos/css3searchbox/search-white.png)
no-repeat 10px 6px #444; border: 0 none; font: bold 12px Arial,Helvetica,Sans-serif; color: #d7d7d7; width:150px; padding: 6px 15px 6px 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #search input[type="text"]:focus { background: url(http://www.bloggermint.com/demos/css3searchbox/search-dark.png)
no-repeat 10px 6px #fcfcfc; color: #6a6f75; width: 200px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }


6. Terakhir, Simpan Template. dan Lihat hasil kerja sobat.

Silahkan modif sendiri CSSnya sesuai dengan keinginan sobat.
Kalau ada yang masih bingung, jangan segan - segan bertanya dengan berkomentar dibawah.
Sekian Cara Membuat Form Search Melebar Seperti Apple.com

Sumber : MyHavies