Solusi Mudah Buat Google Search Sendiri


solusi mudah buat google search sendiri
Halo balik lagi di blog yang ala kadar ini hehe.
Pada kali ini saya akan membuat kotak google search di blog baik blog HTML biasa atau Amp HTML bisa pake google search ini.

Syarat untuk membuat google search ini blog anda harus sudah terindex oleh mesin pencari google dan memasang google search ini juga bagus untuk SEO blog juga loh.

Sebelumnya untuk membuat google search box di blog AMP HTML sudah di jelaskan oleh kompi ajaib tetapi mungkin untuk blogger pemula sangat sulit karna untuk membuat nya lumayan rumit juga.
Nah kali sesuai judul blog di atas saya akan mencoba membuat google search box yang sangat gampang dan pastinya semua orang pasti bisa karna gak pake ribet hehe.

Oh iya ini juga bisa di terapkan di template blog apapun baik AMP atau blog biasa.

Langsung saja kita mulai.

LANGKAH PERTAMA.



Silahkan anda gunakan script di bawah ini untuk kotak google search nya.

<form action="//www.google.com/search" method="get" target="_blank" novalidate="">
  <input class="query" name="q" type="text">
  <input name="as_sitesearch" type="hidden" value="www.encepnurdin.id">
  <button type="submit">Search</button>
</form>


Silahkan anda ganti URL nya dengan URL blog anda


LANGKAH KEDUA.



Tinggal sesuaikan CSS nya sesuai selera atau anda juga bisa gunakan CSS juga seperti ini di bawah style atau AMP costum jiga template anda gunakan AMP HTML.

#search-box .search-button svg{width:20px;height:20px;vertical-align:middle}
#search-box .search-button svg path{fill:gray}

#search-box{text-align:right;top:18px;right:0;width:auto;border-right:none;padding:0;margin:0;}
#search-box form{padding:10px 0;position:relative}
#search-box form,#search-form,.search-button{border:none;line-height:27px}
#search-form{color:gray;width:100%;padding:0 10px 0 30px;height:27px;line-height:27px;font-size:14px;font-family:Roboto,sans-serif;font-weight:300;margin:0;-moz-box-sizing:border-box;box-sizing:border-box}
.search-button{width:30px;padding:0;text-align:center;margin:0;top:10px;left:0;font-size:16px;color:#888;position:absolute;border-radius:0;text-shadow:none;box-shadow:none}


HASILNYA



Silahkan anda tes dengan mengetikan kata kunci apa saja.
Misalnya Amp google hehe

Selamat mencoba.
Terimakasih sudah berkunjung ke blog saya dan sekarng ada sedang membaca artikel SOLUSI MUDAH BUAT GOOGLE SEARCH SENDIRI.

Dan URL permalink nya.
http://www.encepnurdin.id/2017/05/solusi-mudah-buat-google-search-sendiri.html

blog views
Reactions:
Donate via PayPal

You Might Also Like:

ADD A COMMENT WITH YOUR FACEBOOK PLEASE WAIT FOR FACEBOOK COMMENT WILL SOON OPEN

ADD A COMMENT WITH DISQUS HIDE COMMENT

Disqus Comments

ADD A COMMENT WITH GOOGLE PLUS HIDE COMMENT

google Comments

Hello, how may we help you? Just send us a message now to get assistance.

Facebook Messenger ×