Cara Mendaftarkan Aplikasi Di Google Play Store




Saya masih sering ditanyakan oleh pengembang aplikasi Android perihal bagaimana caranya untuk daftar di Google Play sebagai pengembang aplikasi untuk kemudian merilis aplikasinya di Google Play. Sebetulnya caranya tidak sulit selama mempunyai kartu kredit.

# Registrasi di Google Play Developer Console

Pertama-tama kau harus menciptakan akun di Google Play Developer Console, caranya yaitu sebagai berikut:
Masuk ke halaman web ini https://play.google.com/apps/publish/
Kamu akan diminta untuk login memakai akun Google kamu, jikalau belum memilikinya maka harus mendaftar terlebih dahulu.
Kamu akan masuk ke bab “Accept Developer Agreement”. Centang boks persetujuan perjanjian sehabis kau membaca detail perjanjiannya.


Setelahnya kau akan diminta mengisi detail kartu kredit untuk membayar biaya pendaftaran sebesar $25 (sekitar Rp. 260.000). Biaya pendaftaran ini hanya perlu dibayar sekali saja.
Setelah detail kartu kredit terverifikasi dan pembayaran sudah dilakukan, kau akan diminta untuk melengkapi detail akun kamu.
Itu saja langkah-langkah untuk pendaftaran sebagai pengembang aplikasi di Google Play. Tidak sulit bukan? Selama kau mempunyai kartu kredit tidak akan ada masalah. Setelah sukses melaksanakan registrasi, kau sanggup pribadi mengakses Google Play Developer Console kamu. Google Play Developer Console berfungsi sebagai kawasan untuk melaksanakan hampir semua urusan mengunggah dan merilis aplikasi di Google Play.

# Registrasi Akun Merchant Google Wallet

Registrasi di Google Play Developer Console saja gotong royong belum cukup alasannya yaitu kau hanya akan sanggup merilis aplikasi gratis di Google Play. Agar kau sanggup merilis aplikasi berbayar dan memakai fitur in-app billing dari Google dalam aplikasi kamu, kau harus menciptakan akun merchant Google Wallet melalui Google Play Developer Console.
Pembuatan akun merchant Google Wallet tidak dikenakan biaya dan proses registrasinya cepat.

Berikut yaitu langkah-langkahnya :
  • Klik tautan “Set up a merchant account now” di sajian “Settings” > “Account details” di Google Play Developer Console kamu.


  • Isi detail data kau untuk pendaftaran akun merchant Google Wallet. Seharusnya sebagian besar data yang diminta sudah terisi secara otomatis.
  • Registrasikan data kau dan selanjutnya akun merchant Google Wallet kau akan aktif.

Sekarang kau sudah sanggup merilis aplikasi berbayar dan memakai in-app billing. Jika kau belum mengetahui apa itu in-app billing, sanggup membaca artikel “Memahami In-App Purchase” yang pernah saya buat sebelumnya.

# Merilis Aplikasi Android di Google Play

Setelah kita menuntaskan semua proses registrasi, saatnya mencoba untuk merilis aplikasi Android yang kita buat ke Google Play. Sepengalaman saya, Google Play cukup cepat dalam merilis aplikasi gres dan sering hanya membutuhkan waktu beberapa jam saja.

Untuk merilis aplikasi Android di Google Play, langkah-langkahnya yaitu sebagai berikut:
  • Klik tombol “Publish an Android App on Google Play” di halaman utama Google Play Developer Console.
  • Pilih “Default language” yang diinginkan beserta judul aplikasinya. Jika aplikasinya berbahasa Indonesia, pilih saja bahasa Indonesia untuk “Default language”.
  • Klik tombol “Upload APK” dan kemudian unggah file APK dari aplikasi kamu.
  • Setelah sukses mengunggah file APK, kini masuk ke bab “Store Listing” di detail aplikasi kau untuk memasukkan informasi-informasi perihal aplikasi kamu.
  • Sekarang tinggal mengeset apakah aplikasinya berbayar atau gratis dan di negara mana saja aplikasinya sanggup diunduh. Perlu dicatat jikalau aplikasinya diset gratis, maka tidak sanggup dirubah ke berbayar.
  • Setelah bab “APK”, “Store Listing”, dan “Pricing & Distribution” sudah tercentang hijau maka aplikasi kau sudah sanggup dirilis. Jika salah satu dari ketiga bab tersebut masih tercentang abu-abu, cek bab tersebut untuk mencari data apa yang kurang.


Gambar di atas hanya sebagai contoh, mohon jangan diikuti alasannya yaitu bab “Store Listing” harus dibentuk secara optimal dan menarik untuk dilihat :D. Jika resah bagaimana caranya untuk menciptakan bahan promosi yang manis di Google Play untuk aplikasi yang kita buat, salah satu caranya yaitu dengan melihat dan mempelajari bahan promo di aplikasi-aplikasi Android lainnya yang tersedia di Google Play terutama aplikasi-aplikasi yang dirilis oleh publisher senior.
Selain bahan promosi di Google Play harus didesain semoga lezat dilihat, bahan promosi juga bagusnya diusahakan untuk dioptimalkan juga semoga aplikasinya sanggup dengan gampang ditemukan oleh pengguna. Hal ini biasanya disebut dengan App Store Optimization atau ASO. ASO tidak berbeda jauh dengan SEO gotong royong di dunia pengembangan aplikasi web. Untuk mempelajari lebih lanjut perihal ASO sanggup membaca artikel di TeknoJurnal perihal ASObeberapa waktu lalu.
Google sendiri sudah merilis info mengenai apa saja yang perlu kau perhatikan dalam merilis aplikasi Android di Google Play. Informasi tersebut sanggup dilihat di situs resmi Android Developer.
Sekerang sehabis mengetahui cara mendaftarkan aplikasi Android di Google Play, bagi yang belum mengerti cara menciptakan aplikasi Android sanggup membaca artikel panduan menciptakan aplikasi Android untuk membantu pembelajaran dalam menciptakan aplikasi Android.

* UPDATE:
Sering saya mendengar kabar bahwa pendaftaran sebagai developer di Google Play sanggup dengan kartu kredi virtual menyerupai BNI Virtual Card Number (VCN) untuk menggantikan kartu kredit. Untuk jelasnya perihal kartu kredit virutal, sanggup mengontak bank masing-masing. Namun cara ini belum tentu berhasil 100% dan tentu ada resiko.

Cara Download Dan Install Spotify Dikomputer / Pc Tanpa Emulator




Mungkin anda pernah mengalami atau kadang-kadang anda pernah menemukan Mungkin anda pernah mengalami atau kadang-kadang anda pernah menemukan Mungkin anda pernah mengalami atau kadang-kadang anda pernah menemukan Tips dan trik memasang dan memakai Spotify di laptop, pc atau komputer tanpa memakai Emulator (bluestacks, koplayer, dll) - Banyak aplikasi berkategori hiburan yang sanggup kita gunakan ketika ini. Kita sanggup memilihnya dengan sesuka hati sesuai dengan harapan atau selera kita masing masing. Aplikasi berkategori hiburan ini misalkan aplikasi musik atau video seperti Joox atau pun aplikasi yang akan saya bahas ini, yaitu aplikasi Spotify. Seperti yang kita ketahui bersama, bahwa spotify ini penggunanya sangat banyak sehingga sanggup dikategorikan sebagai aplikasi yang sangat terkenal ketika ini. Banyak pengguna atau user yang mendownload dan menginstall aplikasi ini diperangkat mereka. Bukan hanya android semata, spotify sanggup kita install di sistem operasi Windows (Windows 10, 8/8.1, 7, XP), Mac, iOS, Windows phone sampai sistem operasi Linux. Keren bukan?

Nah, untuk anda yang masih pemula terhadap spotify ini, ada baiknya saya ajak anda untuk mengetahui sejenak dengan singkat mengenai apa itu spotify. Dari situs resminya yaitu spotify.com menjelaskan bahwa Spotify yakni layanan streaming musik digital, podcast, dan video yang memberimu susukan ke jutaan lagu dan konten lain dari artis di seluruh dunia. Sedangkan dari wikipedia menjelaskan kurang lebih sama yaitu Spotify yakni layanan musik streaming, podcast dan video komersial Swedia yang menyediakan hak digital administrasi yang dilindungi konten dari label rekaman dan perusahaan media. Nah, spotify ini diluncurkan pada bulan september 2008 oleh Swedia stratup Spotify AB. Pada quartal ke 3 tahun 2018 saja pengguna aktif spotify berbayar diseluruh dunia mencapai 87 juta. Belum lagi ditambah dengan pengguna gratis yang mencapai 113 juta. Jika ditotalkan bahwa pengguna aktif kini pada spotify yakni mencapai 200 juta! Waw, aplikasi yang sangat terkenal bukan?



Mengapa demikian? hal ini dikarenakan spotify mengatakan bermacam-macam fitur ibarat musik digital, podcast dan video ditambah lagi dengan sanggup diinstallnya aplikasi ini diberbagai sistem operasi. Nah, untuk ketika ini saya akan menjelaskan kepada anda bagaimana cara untuk install spotify di pc bersistem operasi windows. Untuk sistem operasi lainnya, saya harap anda sanggup menyimak alasannya yakni kurang lebih cara installnya hampir sama dengan sistem operasi windows ini. Nah, dibawah ini saya menyediak link link download dari aplikasi spotify dari masing masing  sistem operasi. Link download dibawah ini merupakan link yang berasal dari situs resminya sehingga saya jamin bahwa aplikasi yang nantinya anda install yakni aplikasi yang original dan bukan berasal dari aplikasi pihak ketiga yang membahayakan. Berikut linknya :

Windows : https://download.scdn.co/SpotifySetup.exe
iOS : https://itunes.com/app/spotify
Mac : https://www.spotify.com/id/download/mac/
Android dan Emulator : https://play.google.com/store/apps/details?id=com.spotify.music&hl=en
Windows phone : https://www.windowsphone.com/en-us/store/app/spotify/10f2995d-1f82-4203-b7fa-46ddbd07a6e6
Linux : https://www.spotify.com/id/download/linux/

Hal yang pertama kali anda lakukan yakni mendownload file Setup dari Spotify tersebut. Untuk kasus windows kali ini, saya mendownload file yang berukuran sekitar 800 KB dengan nama file SpotifySetup.exe. Setelah terunduh di komputer atau pc kalian, segera buka dan install file tersebut. Pastikan pc anda masih tetap terkoneksi dengan internet alasannya yakni file setup tadi akan mendownload file file lainnya lagi dari internet biar spotify anda sanggup terbuka. Tunggu spotify installernya final berjalan. Lama install tergantung dengan kecepatan jaringan internet sobat. Jika telah terinstall semua file aplikasinya, maka installer tadi akan tertutup dan beberapa ketika lalu Aplikasi Spotify yang anda inginkan telah terbuka secara otomatis. Kini anda sanggup menikmati lagu lagu yang ada di aplikasi tersebut.

Sebelum anda menikmati segala fitur yang ada didalamnya, anda diharuskan untuk login ke akun spotify sobat. Jika belum mempunyai akun, sebaiknya anda melaksanakan pendaftaran terlebih dahulu. Tenang kok, registrasinya sangatlah mudah. Apakah spotify ini berbayar? Ada dua tipe user dari aplikasi ini. Yang pertama yang paling banyak yakni tipe Gratisan dan yang kedua yakni Premium. Tenang kok, walapun anda member free, namun anda tetap sanggup menikmati fitur fitur yang ada didalamnya walapun tidak seleluasa member premium. Bagaimana? gampang bukan Cara install spotify di pc atau komputer windows kita bukan..

Cara Menciptakan Widget Kotak Pencarian Responsive Keren




Cara Membuat Widget Search (Kotak Pencarian) Keren – Kotak pencarian atau dalam bahasa blogger blogspot dikenal dengan widget search box ialah halaman pencarian artikel pada blog, Widget ini dirasa wajib untuk dipasang diblog. alasannya ialah dengan pemanis search button ini sanggup memudahkan pengunjung atau visitor blog lebih gampang menemukan artikel yang dicari.

Membuat kotak pencarian di blog bukanlah hal yang sulit, anda niscaya sanggup memasang dengan gampang walaupun tidak mengenal arahan html. Widget kotak pencarian yang akan saya bagikan kali ini sudah responsive artinya sudah support dengan banyak sekali perangkat mobile. hal ini sangat penting alasannya ialah hampir 50-80% pengunjung dikala ini memakai perangkat mobile.
Untuk memasang kotak pencarian di blog, anda cukup melaksanakan dua langkah yaitu memasang arahan css dan arahan html berikut ini:

Pasang Kode CSS terlebih dahulu

Pertama, Login Blogger kemudian pilih sajian template kemudian pilih edit HTML.
Kedua, Copy dan pastekan arahan dibawah ini sempurna diatas ]]></b:skin>


  /*Search Box*/
#search-box{position:relative;margin:0 auto;border:1px solid #ccc;padding:5px;border-radius:4px}
#search-form{height:40px;background-color:#fff;overflow:hidden}
#search-text{font-size:14px;color:#ddd;border-width:0;background:transparent;line-height:15px}
#search-box input[type="text"]{width:90%;padding:10px 0 5px 1em;color:#333;outline:none}
#search-button{position:absolute;top:5px;right:5px;height:40px;width:80px;color:#fff;text-align:center;border-width:0;background-color:#1a7db7;cursor:pointer;text-transform:uppercase;border-radius:3px;outline:0}
#search-button:hover{background:#333}

Terakhir klik SAVE/Simpan

Selanjutnya Pasang Kotak Pencarian Pada Sidebar Blog

1. Masuk akun blogger anda, kemudian pilih “Tata Letak”
2. Kemudian tambahkan gadget dan pilih HTML/Javascript.
3. Silahkan masukkan arahan dibawah ini pada kolom HTML/Javascript


<div id='search-box'>

<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Cari Artikel Disini ...' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button></form></div>

4. Jangan lupa Save/Simpan dan lihat hasilnya.

# Cara Paling Praktis Membuat Kotak Pencarian Keren
Cara yang kedua ini merupakan cara paling gampang yang sanggup anda lakukan tanpa edit HTML. jikalau anda tertarik silahkan ikuti tutorial berikut ini:

1. Login akun Blogger anda.
2. Pilih sajian “Tata Letak” kemudian pilih Add Gagdet, kemudian pilih “HTML/Javascript”
3. Copy dan Paste arahan berikut ini kedalam kolom “HTML/Javascript”



<style>
#search-box {position: relative;width: 100%;margin: 0;}
#search-form {height: 40px;border: 1px solid #999;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;overflow: hidden;}
#search-text {font-size: 14px;color: #ddd; border-width: 0;background: transparent;}
#search-box input[type="text"]
{width: 90%; padding: 11px 0 12px 1em; color: #333; outline: none;}
#search-button {position: absolute;top: 0;right: 0;height: 42px;
width: 80px;font-size: 14px;color: #fff;text-align: center;
line-height: 42px;border-width: 0;background-color: #1a7db7;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;}
</style>
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Cari Artikel Disini...' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>

4. Selesai, jangan lupa klik Save/Simpan



Catatan:

  • background-color: #1a7db7; ialah warna tombol search. jikalau anda ingin merubah warnanya silahkan ganti arahan warna #1a7db7 dengan arahan warna pilihan anda.
  • Cari Artikel Disini… : Kata-kata dalam kolom pencarian.

Demikian 2 cara menciptakan kotak pencarian di blog supaya sanggup bermanfaat, silahkan untuk praktek di blog eksklusif anda.

Selamat Mencoba...

Cara Sadap Aplikasi Whatsapp



Butuh panduan mengenai cara menyadap akun bbm, line, sms, telepon dan wa serta seluruh aktifivitas hp smartphone hp pasangan anda? Silahkan baca artikel berikut ini.Semakin canggihnya teknologi tentunya juga semakin memudahkan seseorang untuk melaksanakan aktifitas penyadapan. Apalagi kini ini sudah aneka macam aplikasi yang menyediakan untuk jasa untuk melaksanakan penyadapan, beberapa diantaranya memang diperentukan untuk menjaga mengbackup atau mengamankan data pribadi.Lalu bagaimana cara melaksanakan penyadapan pada hp seseorang tanpa perlu diketahui, jika anda penasaran silahkan baca kemudian pahami tutorial yang ada dibawah sini.
Cara Menyadap Akun SMS, Telepon Dan WA Lewat Aplikasi
Berikut kami hadirkan beberapa aplikasi yang dapat anda gunakan untuk melaksanakan penyadapan pada hp pasangan atau orang tercinta.
1. Smartphone Logs
Aplikasi smartphonelogs merupakan aplikasi untuk mengbackup semua data yang ada dismartphone kita ibarat pesan teks atau SMS, percakapan telepon, pemberitahuan, foto, bookmark browser dan lain sebagainya kedalam jaringan cloud (internet).
Berikut cara menyadap whatsapp istri tanpa verifikasi lewat aplikasi smartphonelogs
1.       Download dulu aplikasi “Smartphone Logs” di playstore.
2.       Lalu isi “UsernamePassword dan Email lalu “Centang” ke tiga opsi yang tersedia.
3.       Kemudian pilih “Backup Pemberitahuan Aktif“.
4.       Akan muncul notifikasi pengaturan akses, rubah menjadi “Mode On“.
5.       Pilih “Simpan dan Sembunyikan” kemudian tunggu sampai prosesnya selesai.
6.       Silahkan login ke website “SmartphoneLogs.net” memakai pc atau smartphone kamu.
7.       Isi “Username” dan “Password” yang kau miliki.
8.       Setelah log in, kau akan menemukan beberapa hidangan seperti:
9.       Text & Call Logs” untuk mengetahui panggilan telpon dan membaca SMS yang masuk.
10.   Notifications” untuk mengetahui dan membaca pesan aplikasi ibarat BBM dan WhatsApp.
11.   Location” untuk mengetahui keberadaan orang beserta koleksi foto yang ada di smartphone.


2. Phone Backup

Sesuai dengan namannya aplikasi ini mempunyai fitur untuk mengbackup semua data yang ada dismartphone kedalam jaringan internet. Bila anda mempunyai rencana untuk mematai matai hp smartphone pacar atau pasangan hidup (suami/istri) gunakan aplikasi ini saja.
Cara menyadap hp pacar atau istri tanpa tertangkap berair dengan aplikasi phone backup
1.       Silahkan download dulu aplikasi “Phone Backup” di playstore.
2.       Lalu buat akun pengguna, isi “UsernameEmail dan Password“.
3.       Kemudian “Centang” ke tiga pilihan yang ada di bawahnya.
4.       Bila muncul notifikasi, silahkan aktifkan ke “Mode ON“.
5.       Pilih hidangan “Menyimpan dan Mengaktifkan Phone Backup“.
6.       Buka browser kau kemudian login ke “PhoneBackup.online“.
7.       Pada dashboard akan muncul hidangan ibarat “Text & Call LogsNotifications dan Location“.
8.       Pilih salah satu hidangan untuk mulai sadap hp smartphone pasanganmu.

3. The Truth Spy
Aplikasi the truth spy merupakan aplikasi untuk memata-matai mulai dari telepon, sms dan bermacam-macam aplikasi yang ada di hp smartphone. Keunggulan aplikasi ilahak tidak akan terlihat sehabis diinstall, jadi sangat kondusif untuk menyadap hp pasangan atau pacar anda.

Cara menyadap hp orang lain dengan aplikasi the truth spy.

Silahkan buka dulu situs “Android.TheTruthSpy.com” di smartphone anda.
Lalu download lau install aplikasi “The Truth Spy“.
Kemudian buka aplikasi tersebut dan buka “Register New Account“.
Masukkan email dan password, kemudian pilih “Create Account“.
Bila muncul notifikasi, silahkan tekan “Activate“.
Untuk menyembunyikan aplikasiny, buka hidangan “Configuration > Hide Icon TheTruthSpy“.
Untuk mengetahui chat Line, BBM, WhatsApp, SMS atau panggilan telpon.
Silahkan “Log In” ke “My.TheTruthSpy.com” memakai akun anda.

4. Couple Tracker
Couple tracker merupakan aplikasi yang dibentuk khusus untuk mematai-matai kegiatan psangan lewat smartphone atau lebih tepatnya sebagai aplikasi anti perselingkungan. Kekurangan aplikasi ini, kedua smartphone baik penyadap dan si korban harus terpasang aplikasi ini.
Cara memakai aplikasi couple tracker untuk menyadap hp pasangan
1.       Silahkan download dan install dahulu aplikasi di “CoupleTracker.com“.
2.       Lalu buka aplikasinya, kemudian pilih hidangan “Connect With Partner’s Phone“.
3.       Setelah itu klik hidangan “Couple Tracker Is Installed“.
4.       Pada kolom “Enter Your Partner’s User ID” sukagjab masukkan “User ID“.
5.       Kemudian klik “Send Connections Request” dan selesai.

Cara Menyadap Aktifitas Hp Melalu Email Gmail
Saat ini email sudah menjadi salah satu kunci penting untuk menunjang kehidupan kita, bagaimana tidak email sangat diharapkan dikala kita membuka akun di sosial media, perbankan maupun layanan jasa. Lalu apa pentingnya email dalam hal sadap menyadap hp android, baca saja artikel berikut ini.
Berikut cara paling efektif menyadap kegiatan seseorang lewat hp smartphone
1.       Pada smartphone anda silahkan buka hidangan “Setelan“.
2.       Lalu pilih opsi “Google > Akun Google (info, keamanan dan personalisasi)”.
3.       Kemudian masuk ke opsi “Data & Personalisasi > Buka Google Dasbor“.
4.       Cara dan pilih opsi “Aktivitas Saya“.
5.       Silahkan pilih salah satu aktifitas yang terekam ibarat “Penelusuran“.
6.       Pilih hidangan “Tiga Titik > Detail“, akan muncul penampakan acara akun.
7.       Selamat anda sudah menuntaskan misi penyadapan lewat email.


Cara Menciptakan Widget Search Box Keren Di Blog




Cara membuatnya cukup mudah, anda hanya menambahkan widget ibarat biasa atau ibarat langkah yang akan aku sebutkan dibawah ini:
  • Masuk Akun blog anda
  • Masuk tata letak kemudian tambahkan widget HTML/ Javascript
  • Masukan isyarat yang aku berikan ini.
  • Simpan



Search Box no 1


<style>
    #searchbox {
        background: #d8d8d8;
        border: 4px solid #e8e8e8;
        padding: 20px 10px;
        width: 250px;
    }

    input:focus::-webkit-input-placeholder {

        color: transparent;
    }

    input:focus:-moz-placeholder {

        color: transparent;
    }

    input:focus::-moz-placeholder {

        color: transparent;
    }

    #searchbox input {

        outline: none;
    }

    #searchbox input[type="text"] {

        background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 6px #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #fff;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #bebebe;
        width: 55%;
        padding: 8px 15px 8px 30px;
    }

    #button-submit {

        background: #6A6F75;
        border-width: 0px;
        padding: 9px 0px;
        width: 23%;
        cursor: pointer;
        font: bold 12px Arial, Helvetica;
        color: #fff;
        text-shadow: 0 1px 0 #555;
    }

    #button-submit:hover {

        background: #4f5356;
    }

    #button-submit:active {

        background: #5b5d60;
        outline: none;
    }

    #button-submit::-moz-focus-inner {

        border: 0;
    }
    </style>

    <form id="searchbox" method="get" action="/search">

    <input name="q" type="text" size="15" placeholder="Type here..." />
    <input id="button-submit" type="submit" value="Search" />
    </form>


Search Box no 2


<style>
    #searchbox {
    width: 240px;
    }
    #searchbox input {
        outline: none;
    }
    input:focus::-webkit-input-placeholder {
        color: transparent;
    }
    input:focus:-moz-placeholder {
        color: transparent;
    }
    input:focus::-moz-placeholder {
        color: transparent;
    }
    #searchbox input[type="text"] {
        background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 13px #f2f2f2;
    border: 2px solid #f2f2f2;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #6A6F75;
        width: 160px;
        padding: 14px 17px 12px 30px;
        -webkit-border-radius: 5px 0px 0px 5px;
        -moz-border-radius: 5px 0px 0px 5px;
        border-radius: 5px 0px 0px 5px;
        text-shadow: 0 2px 3px #fff;
        -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;
    }
    #searchbox input[type="text"]:focus {
    background: #f7f7f7;
    border: 2px solid #f7f7f7;
    width: 200px;
    padding-left: 10px;
    }

    #button-submit{

    background: url(http://4.bp.blogspot.com/-slkXXLUcxqg/VEQI-sJKfZI/AAAAAAAAAlA/9UtEyStfDHw/s1600/slider-arrow-right.png) no-repeat;
    margin-left: -40px;
    border-width: 0px;
    width: 43px;
    height: 45px;
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">

    <input name="q" type="text" size="15" placeholder="Enter keywords here..." />
    <input id="button-submit" type="submit" value=" "/>
    </form>

Search Box no 3

<style>
    #searchbox {
        background: url(http://3.bp.blogspot.com/-g-zH25_DoxI/VD1BuatkgII/AAAAAAAAAgc/00hxspfvv3s/s1600/searchbar.png) no-repeat;
        width: 208px;
        height: 29px;
    }
    input:focus::-webkit-input-placeholder {
        color: transparent;
    }
    input:focus:-moz-placeholder {
        color: transparent;
    }
    input:focus::-moz-placeholder {
        color: transparent;
    }
    #searchbox input {
        outline: none;
    }
    #searchbox input[type="text"] {
        background: transparent;
        margin: 3px 0px 0px 20px;
        padding: 5px 0px 5px 0px;
        border-width: 0px;
        font-family: "Arial Narrow", Arial, sans-serif;
        font-size: 12px;
        color: #828282;
        width: 70%;
        display: inline-table;
        vertical-align: top;
    }
    #button-submit {
        background: url(http://4.bp.blogspot.com/-OcDQ6Z9ojlQ/VD1KnwJjFOI/AAAAAAAAAgs/cu_pKN6bpL8/s1600/magnifier.png) no-repeat;
        border-width: 0px;
        cursor: pointer;
        margin-left: 10px;
        margin-top: 4px;
        width: 21px;
        height: 22px;
    }
    #button-submit:hover {
        background: url(http://2.bp.blogspot.com/-4-xFDFGKJrA/VD1Kn04f9TI/AAAAAAAAAgw/2ta84QY1x9A/s1600/magnifier-hover.png) no-repeat;
    }
    #button-submit:active {
        background: url(http://2.bp.blogspot.com/-4-xFDFGKJrA/VD1Kn04f9TI/AAAAAAAAAgw/2ta84QY1x9A/s1600/magnifier-hover.png) no-repeat;
        outline: none;
    }
    #button-submit::-moz-focus-inner {
        border: 0;
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">

        <input name="q" type="text" size="15" placeholder="search..." />
        <input id="button-submit" type="submit" value="" />
    </form>

Search Box no 3



  <style>
    #searchbox {
        background: url(http://3.bp.blogspot.com/-g-zH25_DoxI/VD1BuatkgII/AAAAAAAAAgc/00hxspfvv3s/s1600/searchbar.png) no-repeat;
        width: 208px;
        height: 29px;
    }
    input:focus::-webkit-input-placeholder {
        color: transparent;
    }
    input:focus:-moz-placeholder {
        color: transparent;
    }
    input:focus::-moz-placeholder {
        color: transparent;
    }
    #searchbox input {
        outline: none;
    }
    #searchbox input[type="text"] {
        background: transparent;
        margin: 3px 0px 0px 20px;
        padding: 5px 0px 5px 0px;
        border-width: 0px;
        font-family: "Arial Narrow", Arial, sans-serif;
        font-size: 12px;
        color: #828282;
        width: 70%;
        display: inline-table;
        vertical-align: top;
    }
    #button-submit {
        background: url(http://4.bp.blogspot.com/-OcDQ6Z9ojlQ/VD1KnwJjFOI/AAAAAAAAAgs/cu_pKN6bpL8/s1600/magnifier.png) no-repeat;
        border-width: 0px;
        cursor: pointer;
        margin-left: 10px;
        margin-top: 4px;
        width: 21px;
        height: 22px;
    }
    #button-submit:hover {
        background: url(http://2.bp.blogspot.com/-4-xFDFGKJrA/VD1Kn04f9TI/AAAAAAAAAgw/2ta84QY1x9A/s1600/magnifier-hover.png) no-repeat;
    }
    #button-submit:active {
        background: url(http://2.bp.blogspot.com/-4-xFDFGKJrA/VD1Kn04f9TI/AAAAAAAAAgw/2ta84QY1x9A/s1600/magnifier-hover.png) no-repeat;
        outline: none;
    }
    #button-submit::-moz-focus-inner {
        border: 0;
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">

        <input name="q" type="text" size="15" placeholder="search..." />
        <input id="button-submit" type="submit" value="" />
    </form>

Search Box no 4


<style>
    #searchbox {
        background: url(http://4.bp.blogspot.com/-u0fEq-zSTYI/VD1gGDLy3aI/AAAAAAAAAhw/im3bcQd5wBM/s1600/search-box.png) no-repeat;
        height: 27px;
        width: 202px;
    }

    input:focus::-webkit-input-placeholder {

        color: transparent;
    }

    input:focus:-moz-placeholder {

        color: transparent;
    }

    input:focus::-moz-placeholder {

        color: transparent;
    }

    #searchbox input {

        outline: none;
    }

    #searchbox input[type="text"] {

        background: transparent;
        margin: 0px 0px 0px 12px;
        padding: 5px 0px 5px 0px;
        border-width: 0px;
        font-family: "Arial Narrow", Arial, sans-serif;
        font-size: 12px;
        font-style: italic;
        width: 77%;
        color: #828282;
        display: inline-table;
        vertical-align: top;
    }

    #button-submit {

        background: url(http://2.bp.blogspot.com/-4OxjMRukhCM/VD1gBscpzII/AAAAAAAAAhk/TUxMSv7bCzA/s1600/search-button.png) no-repeat;
        border-width: 0px;
        cursor: pointer;
        width: 30px;
        height: 25px;
    }

    #button-submit:hover {

        background: url(http://4.bp.blogspot.com/-GgNBTS_3FEA/VD1gBgm7RFI/AAAAAAAAAhg/flg6VijzW8E/s1600/search-button-hover.png) no-repeat;
    }

    #button-submit::-moz-focus-inner {

        border: 0;
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">

    <input name="q" type="text" size="15" placeholder="search..." />
    <input id="button-submit" type="submit" value="" />
    </form>

Search Box no 5



<style>

    #searchbox {

        background: url(http://2.bp.blogspot.com/-Un3z-hkw1XA/VD0V9GO8zrI/AAAAAAAAAf0/ww_5VsvWayY/s1600/search-box1.png) no-repeat;

        width: 250px;

        height: 65px;

    }


    input:focus::-webkit-input-placeholder {

    color: transparent;

    }


    input:focus:-moz-placeholder {

    color: transparent;

    }


    input:focus::-moz-placeholder {

    color: transparent;

    }


    #searchbox input {

        outline: none;

    }


    #searchbox input[type="text"] {

        background: transparent;

        padding: 5px 0px 5px 20px;

        margin: 10px 15px 0px 0px;

        border-width: 0px;

        font-family: "Brush Script MT", cursive;

        font-size: 12px;

        color: #595959;

        width: 65%;

        font-weight: bold;

        display: inline-table;

        vertical-align: top;

    }


    #button-submit {

        background: url(http://1.bp.blogspot.com/-zyJC7B-dSaU/VDv8-68fNJI/AAAAAAAAAe0/pkUajFr2kcQ/s1600/magnifier.png) no-repeat;

        border-width: 0px;

        cursor: pointer;

        margin-top: 10px;

        width: 19px;

        height: 25px;

    }


    #button-submit:hover {

        background: url(http://1.bp.blogspot.com/-pIwlQno5_6U/VDxR9OdzvYI/AAAAAAAAAfM/YDBC2P705tc/s1600/magnifier-hover.png) no-repeat;

    }


    #button-submit:active {

        background: url(http://1.bp.blogspot.com/-pIwlQno5_6U/VDxR9OdzvYI/AAAAAAAAAfM/YDBC2P705tc/s1600/magnifier-hover.png) no-repeat;

        outline: none;

    }


    #button-submit::-moz-focus-inner {

        border: 0;

    }

    </style>


    <form id="searchbox" method="get" action="/search" autocomplete="off">

        <input class="textarea" name="q" type="text" size="15" placeholder="Search here..." />

        <input id="button-submit" type="submit" value="" />

    </form>

Search Box no 6


<style>
    #searchbox {
    width: 280px;
    background: url(http://1.bp.blogspot.com/-dwLNyhnHlTg/VEQZwf9drLI/AAAAAAAAAlg/rbd0HN4EZrY/s1600/search-box.png) no-repeat;
    }

    #searchbox input {

        outline: none;
    }

    input:focus::-webkit-input-placeholder {

        color: transparent;
    }

    input:focus:-moz-placeholder {

        color: transparent;
    }

    input:focus::-moz-placeholder {

        color: transparent;
    }
    #searchbox input[type="text"] {
    background: transparent;
    border: 0px;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    font-size: 14px;
        color: #f2f2f2 !important;
        padding: 10px 35px 10px 20px;
        width: 220px;
    }
    #searchbox input[type="text"]:focus {
    color: #fff;
    }

    #button-submit{

    background: url(http://4.bp.blogspot.com/-4MYBYE0i0Xk/VEQYlljvriI/AAAAAAAAAlQ/_TRkRG5EX1c/s1600/search-icon.png) no-repeat;
    margin-left: -40px;
    border-width: 0px;
    width: 40px;
    height: 50px;
    }

    #button-submit:hover {

    background: url(http://4.bp.blogspot.com/-6S4K8eHPM-c/VEQdf7l84GI/AAAAAAAAAls/j7_kGSpkIfg/s1600/search-icon-hover.png);
    }
    </style>

    <form id="searchbox" method="get" action="/search" autocomplete="off">

    <input name="q" type="text" size="15" placeholder="Enter keywords here..." />
    <input id="button-submit" type="submit" value=" "/>
    </form>

Selamat Mencoba...