SOPWERE

Membuat Search Box atau CSE keren di BLOG

15:30

Halo sobat mentari yang slalu menerangi jalan di malam hari. Di post kemaren saya sudah berhasil memberikan Tutorial pembuatan Custom Search Engine. Sekarang saya mau ngebagiin hasil dari search engine nya supaya lebih pas dihati pengguna blog.

Tutor kali ini diadaptasi untuk pengguna yang sudah mempunyai CSE di blog.
Tahap untuk membuatnya :
Harus udah punya CSE nya dulu, kalau belum bisa di buat disini .
Jika sudah bisa langsung dibuat search box kerennya.
Ada beberapa pilihan nih gan

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJvhZwoofTThS9iiY_QnN9vrG0DQqSaSA4B3IL8vZMLHF_AR6yXYkAxl9zvJmdVEX_V3xgOXbFG6TaquImX0ssRvIXQG4v70Uikgo2z9W96ArHIf3bDDIm_mT2Vs-xwssuI7CNZTUGdX32/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>

#button-submit{
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvTGqiGKXhc6SQAJs3MJ2i4w8Bqk26aNtiT9WW0_W-3WfGtOZNpTlnVKR_1rXx7zoSUAt_lynJAcQLGS5BZK4ydee4CZbQjSo1LovPVvzwOeJ9KKaTv0pMR51s0uFbTcqRvDx8a_AFtdWo/s1600/slider-arrow-right.png) no-repeat;
    margin-left: -40px;
    border-width: 0px;
    width: 43px;
    height: 45px;
    }
    </style>

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_Vskre7olaChz8IwysORhSliICS0-1n5Vu8bCVrRn_36Mjhs_qLsL8BJ3Gs6zuXCx5R8dIgqzh-LfCQwZosG3xwiKX5nfpxMdKp8KWedeg3LJEtZg3U2alHtMSwGAtykQsLDGGWGiRMQK/s1600/search-button.png) no-repeat;
        border-width: 0px;
        cursor: pointer;
        width: 30px;
        height: 25px;
    }

#button-submit:hover {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNwrFV5hP7rB4pUcg_y65te26oA8HxB3qkwOpeGA2NBKXATEUnBsffafC0n9eu7zcstSWdDMpEDYBi1yKBlnKyS8hyphenhyphenMMoxCrUjRIF9R5pLMnAq_9knRgjg84aSNyYQJp5Me0gJDV_VV2gH/s1600/search-button-hover.png) no-repeat;
    }

#button-submit::-moz-focus-inner {
        border: 0;
    }
    </style>

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZHuKvtcNlHWpLTYvI5DTsNbdM_HpvhUpzZTH85ZvXAzOpD10N3qg0byE9KFd_ELDGzwvy-NW3fdgvoQclaH4HxmZmt95unaEhOw0PjpHxl2nkwQBw2uf4FJUCDIRap49p2KQqtJpr-MyU/s1600/magnifier.png) no-repeat;
        border-width: 0px;
        cursor: pointer;
        margin-top: 10px;
        width: 19px;
        height: 25px;
    }

#button-submit:hover {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCsl4Hdz-PnbEMiaIMFl3FHMVcHgHWSaLdd6wATFEkW12QEIzWeEeblEbqpXe83tPJSogP1jq6Jde9RsaFe-a97GyT2LphRs-ZPh2iW21iixTfrci-PNr46yXBFtsxGd6PNw9p51SFkpVG/s1600/magnifier-hover.png) no-repeat;
    }

#button-submit:active {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCsl4Hdz-PnbEMiaIMFl3FHMVcHgHWSaLdd6wATFEkW12QEIzWeEeblEbqpXe83tPJSogP1jq6Jde9RsaFe-a97GyT2LphRs-ZPh2iW21iixTfrci-PNr46yXBFtsxGd6PNw9p51SFkpVG/s1600/magnifier-hover.png) no-repeat;
        outline: none;
    }

#button-submit::-moz-focus-inner {
        border: 0;
    }
    </style>

#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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNLGHYRlaADFGYQc_Yj_5EwrNsaFzaIo4ZBVzyB8UMLn0t0f62LK7-pSO3DbAXrXogu_JNHaNpVjzwjInbNrf1aDGxru_Di5iqEkb7hJvDheK7BTMNwtW5MXim1zWSFRcIkRVxk8sp6Npv/s1600/search-icon.png) no-repeat;
    margin-left: -40px;
    border-width: 0px;
    width: 40px;
    height: 50px;
    }

#button-submit:hover {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioJogXdWtLz_mq271O-setdt0lQbo0AJ20VW7kNmytdgAs5gPrHmQP0klDHPPOegjG2E_p6B0211KPkHEuSqwG5OQUW2cS6mrKPrCgp6KFt3qSBu34UDJVYtuDu5FYISYNnE5PBzxS98tF/s1600/search-icon-hover.png);
    }
    </style>

Oke gan ada catatan lagi nih didalam kode kode diatas ada kode form seperti dibawah ini :

<form action='http://sopwere.blogspot.com/p/pencarian.html' id='searchbox' target='_top'>
<input name='cx' type='hidden' value='partner-pub-015562820510599575587:n5rv9d1kigc'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input id='search-text' name='q' onblur='if (this.value == "") {this.value = "Search here..";}' onfocus='if (this.value == "Search here..") {this.value = ""}' type='text' value='Search here..'/>
<input id="button-submit" type="submit" value="Search" />
</form>

Buat beberapa perubahan
Ganti url http://sopwere.blogspot.com/p/pencarian.html dengan url laman pencarian soba sendiri, jelasin gimana cara buatnya gan. Bisa ikutin Tutorial disini .
Ganti juga id dari 015562820510599575587:n5rv9d1kigc dengan id mesin telusur kalian. Bisa dibuat disini .

Cukup sekian dulu post hari ini jika ada yang perlu dijelaskan bisa isi di kotak komentar oke .

keywords:
cara membuat search engine, Search box, Google, Costum Search Engine, CSE, membuat search engine, cara membuat search engine di blog, cara membuat search engine sendiri, pengertian search engine, macam macam search engine, contoh search engine, cara mendaftarkan blog ke search engine, fungsi search engine, , pdf search engine, search engine adalah,

search engine

Membuat Custom Search Engine Di Blog

1 Comment

14:44

Hai kawan ketemu lagi dan jumpa lagi dengan saya semoga sehat slalu. Kemarin beberapa hari yang lalu saya memasang Costum Search Engine, hmmm jadi kepikiran pengen buat tutorialnya. Hah ngebahas yang kemaren mah nggak ada habisnya. Ada yang tau Search engine? Search engine adalah mesin pencarian yang berfungsi untuk mencari keyword yang ada. Ada yang pernah masang default search engine di blog? saya pernah masang versi defaultnya, tapi ada beberapa masalah dalam mencari keyword dan terbatas pada judul saja .

Kita mulai masuk ketahap pembuatan ajh yok, cekiddot
Buat Laman baru di blog, gunanya untuk tempat hasil dari pencarian . Buat judulnya sesuai yang kalian sukan. Saran saya sih pake judul pencarian atan Search . Kosongkan dulu isinya ya.

Kita masuk ketahap pembuatan Custom Search Engine nya. Caranya sih gampang banget yah walaupun tahapnya bikin bete.

Kita menuju ke url http://www.google.com/cse/manage/all . Login dulu ye dengan akun google anda .
Setelah login dan sudah berada di halaman tersebut. Pilih Mesin telusur baru/ New Search Engine .

Isi kolom dengan alamat blog atau web kalian. Atur beberapa option dibawahnya sesuai selera kalian.

Pilih Control Panel/ Panel Kontrol

Pada bagian setup atau dasar dasar bisa di isi sesuai keinginan kalian . Atur sespesifik mungkin agar visitor menjadi nyaman.

Setelah puas atur sana sini, selanjutnya pilih menu disamping bertuliskan Tampilan dan nuansa atau Look and feel. Kita pilih metode Two page, kenapa? Nah ini yang menjadi alasan kenapa tadi kita buat laman baru. Lalu klik Simpan dan dapatkan kode .

Pilih tombol Detail hasil penelusuran atau Search result details . Pada kolom pertama masukan alamat laman yang tadi dibuat, lalu klik Tombol Save atau Simpan.

Copy semua kode di dalam kotak tersebut. Buat widget baru di blog kalian. Caranya masuk ke blogger> Layout> Tambah widget> HTML/Javascript . Kemudian paste kode yang di copy kedama widget tersebut dan pilih Simpan .

Kita kembali ke CSE. Klik tombol Next: Get Code for search results atau Berikutnya: Dapatkan kode hasil penelusuran .

Copy semua kodenya. Buka laman yang tadi kita buat pertama. Klik tab HTML dan paste kode tersebut, lalu klik Publish/ Update .

Nah untuk sekarang sudah selesai Custom Search Engine. Jika ada yang kurang jelas tanyakan saja pada rumput yang bergoyang heheh. Hasilnya akan terlihat seperti dibawah ini , tapi klo dibawah ini saya memakai METODE Hamparan bukan TWO PAGE

Sampai ketemu di lain waktu.

keywords:
cara membuat search engine, Search box, Google, Costum Search Engine, CSE, membuat search engine, cara membuat search engine di blog, cara membuat search engine sendiri, pengertian search engine, macam macam search engine, contoh search engine, cara mendaftarkan blog ke search engine, fungsi search engine, , pdf search engine, search engine adalah,

search engine

Cara Agar Auto Blog ke Facebook dan Twitter

1 Comment

15:08

Oke gan kali ini saya mau langsung ke pokok permasalahan karena ini merupakan tutorial yang penting bagi pengguna blog dan web .

Pertama
Buka Blog anda dan kunjungi alamat ini http://dlvr.it
Selanjutnya soba harus daftar jadi member disana atau kalau yang sudah punya bisa langsung masuk.

Cara Agar Auto Blog ke Facebook dan Twitter

Kedua
Setelah Sig in. Pilih Add Route

Pilih add pada Source

Klik icon feed

Klik Connect Feed

akan terbuka sebuah tampilan baru.

Ketiga
Pilih menu Feed Details
Masukan alamat feed blog atau web sobat contoh

Selanjutnta klik Save Source

Keempat
Setelah dibuat sourcenya sekarang tinggal kita buat destinationnya saja
Klik add pada Destination
Klik icon FB jika ingin membuat auto post di facebook

Kilk Connect to Facebook

Maka akan di aluhkan ke Facebook untuk meminta persetujuan
Jika sudah di ijinkan tinggal pilih akun mana yang akan dijadikan auto post

Tinggal klik tombol Save

Untuk pembuatan pada akun twitter juga hampir sama ikuti saja
langkah keempat dan saat memilih icon, pilih saja icon twitter.
Gampang dan mudah sekalikan, silahka buat mumpung blom ada batesan premium .

Download Windows 10 Final Full Activator

Add Comment

16:06

Hai sobat kali ini lagi mau post OS ynag lagi booming baru keluar nih. Bagi yang sudah pernah merasakah Windows 10 Technical Preview pasti bakal terkesan dengan Windows 10 yang udah Final Version ini. Kenapa tidak? Windows 10 ini dilengkapi dengan multi desktop, yang cocok untuk memonitor apa lagi ditambah dengan multi monitor layar , hmm terasa sperti surga pecinta pc. Ini yang perlu saya ingatkan Windows 10 ini cocok bagi para Developers ataupun Designer karena Windows 10 semakin memanjakan mereka dengan performa fast dan smooth yang sering dibicarakan .

Oke coba lihat lihat dulu SSnya nyok

Download Windows 10 Final Full Activator

Pastikan Windows 10 sudah terinstall dan activator sudah terdownload
Ekstrak KMS Lite dengan winrar
Jalankan KMSAuto.exe
Klik Activate
Tunggu sampai ada tulisan Complete
Selesai deh tinggal enjoyed

Jika gagal dalam menginstall Windows 10 pastikan PC anda memenuhi minimum requirement berikut ini :
Minimu System Requirements

    Processor: 1 GHz (gigahertz) or faster processor or SoC
    RAM: 1 GB (gigabyte) for 32-bit (x86) or 2 GB for 64-bit (x64)
    Hard Disk Space: 16 GB for 32-bit OS or 20 GB for 64-bit OS
    Graphics Card: DirectX 9 or later with WDDM 1.0 driver
    Display Screen Resolution: at least 1024×600
    Microphone: for Cortana use (optional)

Keywords:

Free Download Windows 10, Download Windows 10 , Download Windows Terbaru, Download Windows 10 Activator, Download Windows 10 Full, Download Windows, download windows 7, download windows 7 ultimate, Free Download Windows Final Built, Free Download Windows 10 Professional, Free Download Windows 10 Enterprise, microsoft word 2007, download open office,

Windows 10, download windows 8, download microsoft word, download windows media player

Driver Toolkit 8.4 Terbaru Full Crack

8 Comments

15:55

Halo sobat, tumben banget yh admin post jam segini hehehe, kenapa min? "baru beli kuota baru " jawab admin yang sedang tersipu :v
Peace semua sebenernya nih software udah banyak yang tau tapi kalau versi terbarunya belom banyak yang update, kini ekstrak sopwere penuh kejutan membagikan Driver Toolkit Full dengan Crack dan serial numbernya .

Driver Toolkit adalah software update driver automatis yang dibantu dengan koneksi internet. Selain update juga dapat mengrestore dan backup driver segala loh. Keren nih software, dari pada nyari driver mati matian dengan versi terbaru. With this Driver Toolkit, All activity for automatic update on driver become easier.

Langkah aktifasi :

Ekstrak berkas, Lakukan Installasi pada Driver Toolkit
Setelah Install, Jangan di jalankan Driver Toolkit dulu
Buka folder crack, copy file di dalamnya
Paste file crack ke dalam folder yang sudah di instalasi

C:/Program File/Driver Toolkit/ < ---- CONTOH <-----

Buka Driver Toolkit dan klik menu Register

Masukan Email dan Kode Serial
Sip selesai deh dan Driver Toolkit siap dipakai

Download Link :
Solidfiles | Tusfiles | Google Drive

keyword:
driver acer, acer driver, download driver acer, driver acer aspire one, download driver, update driver, driver toolkit