Cara Membuat Search Blog Mengarah Ke Google Search

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 :)



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

14 komentar
  1. lebih nge hits lagi kalo saya aplikasikan heh

    ReplyDelete
  2. Secara tampilan kayanya ini searcnya keren banget

    ReplyDelete
  3. ini hasilnya kayak apa mas? coba dikasih link demo biat mudah memahaminya,, soalnya takut nyoba ,, heheh

    ReplyDelete
  4. wah perlu di coba ini...thanks infonya

    ReplyDelete
  5. wah,,baru tau saya bisa ngelink k google,,next bisa dicoba gan

    ReplyDelete
  6. akhirnya nemu ginian jugaa T_T makasih gan ^^

    ReplyDelete
    Replies
    1. wkwkwk silahkan di coba gan (y)
      Terima Kasih Atas Kunjungannya :)

      Delete
  7. makasih banget tutorialnya gan, bermanfaat banget

    ReplyDelete
  8. Kalau saya sudah punya Box pencarian tapi mau ngeditnya gimana gan?

    coba lihat kode search saya ..

    https://s21.postimg.org/n3onsfeuf/Capture.png

    ReplyDelete
    Replies
    1. actionnya rubah jadi

      action="https://google.com/search"

      lalu tambahin vaule seperti di atas

      value='mastamvan.blogspot.com'

      Delete
  9. Mas, Mantap tutorial atau cara membuat box searchnya, cepat dan mudah dipahami, terimakasih mas tutorialnya sangat bermanfaat bagi saya, Terimaksih mas.

    ReplyDelete
  10. Kalau membuat pencarian googlenya tetap di dalam blog gimana mas? Seperti di blog mas ini, hehe keren banget soalnya! :-bd

    ReplyDelete