Cara Membuat Search Blog Mengarah Ke Google Search

Cara Membuat Search Blog Mengarah Ke Google Search urlaink

Membuat Search Blog Redirect Ke Google Search

Entah harus dikasih apa judul dari artikel ini :3 soalnya bingung udah nyari judul tetep ga nemu nemu :v. Tapi saya bersi sesuai dengan faktanya saja lah [ search blog pindah ke google ] itu aja.

Soalnya kalau kalian coba menggunakan search yang saya kasih ini maka secara otomatis ketika ada yang search di blog kalian maka search akan diarahkan menuju google.

Nah daripada saya bingung buat nyasih keterangannya mending langsung lihat demonya di link berikut.

Sebelum masuk ke tutorial, silahkan d pilih post menarik lainnya :)

Tutorial Blogger Lainnya :

• Membuat Menu Bar Blogger Efek Flying With CSS3

• Cara Download Video Youtube Dengan Menambahkan SS

• Cara Membuat Iklan Auto Click Di Blogger

Nah kalau untuk tutorialnya, silahkan simak caranya dibawah ini.

Cara Membuat Search Blog Mengarah Ke Google Search

• Login ke Blogger.com

• Masuk ke Tab Template-> Klik Edit HTML, Cari Code ]]></b:skin> Atau </style>

• Lalu masukan CSS dibawah ini tepat di salah satu code yang kalian cari tadi

/*Seach Box*/
#searching{float:center}
#searching input[type="text"]{border:0;padding:10px;background:#fff;font-weight:bold;color:#666;font-size:13px;margin:0;outline:none}
#search-buttons{padding:5px;overflow:hidden;text-align:center;margin:0}
#search-button-top{background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3n77FhEPTzPVgebyGu3N7AOJHrKv6FLU3VrqF1oue-6xe2cp2vZ0Mxs8F4U7i3DCdqAT2K7K6-t9QsivOPKAtnQJiVxvidpqJL4_Tz80hkN5wpFrtOu0NRTEMK3rmCCEdxnftIqMEXSjF/s1600/meta-icon.png");background-repeat:no-repeat;margin:0;outline:none;height:36px;width:40px;background-color:#e74c3c;background-position:13px -243px;border:none;float:center;cursor:pointer}
#search-button-top:hover{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in;background-color:#c0392b}
#searching{float:center}

• Nah setelah memasang css diatas, sekarang tinggal mengganti search yang ada di blog sobat atau bisa juga menambahkan search di widget.

• Silahkan Copy HTML dibawah ini dan letakan dimana kalian mau.

<div id='searching'>
<form id='search-buttons' method='get' target='_blank' action='https://google.com/search'>
  <input name='q' placeholder='Search...' type='text'/>
  <input id='search-button-top' type='submit' value=''/>
  <input name='domains' type='hidden' value='mastamvan.blogspot.com'/>
  <input name='sitesearch' type='hidden' value='mastamvan.blogspot.com'/>
  <input name='ie' type='hidden' value='UTF-8'/>
  <input name='hl' type='hidden' value='id'/>
</form>
</div>

• Untuk mengganti search yang sudah ada di blog agan, kalian harus mengetahui letak htmlnya. kalau sudah ketemu tinggal masukan html search yang saya kasih.

• Nah kalian juga bisa menaronya di tataletak, tinggal tambahkan widget baru terus masukan htmlnya.

Ganti link http://mastamvan.blogspot.com/ dengan link blog kalian.

Save template dan silahkan dicoba, moga berhasil dan bermanfaat.

Cukup sekian artikel dari saya tentang cara bagaimana merubah atau mengganti search blog menuju / redirect ke google search ini.

Seperti biasa, apabila ada yang kurang paham atau dimengerti silahkan bertanya dikolom komentar. Dengan senang hati saya akan membalasnya jika saya tau n kalo tidak saya akan cari solusi terbaik.

cara membuat kotak pencarian di html

cara membuat search box di html

blogger