Cara Membuat Otomatis Link Postingan Blog Mengarah ke Google Search

Cara Membuat Otomatis Link Postingan Blog Mengarah ke Google Search 

Baik sobat, kali ini saya akan memberikan tips sedikit tentang Cara Membuat Otomatis Link Postingan Blog Mengarah ke Google Search atau membuat search blog atau website redirect ke Google Search.

Saya sih awalnya sempat bingung mau kasih judul apa soal postingan saya kali ini. Soalnya kalau mau dikasih judul cara membuat search otomatis blog atau website ke google search, search dalam judul akan jadi dua nama search.

Akhirnya saya dapat judul yang tepat yaitu, Cara Membuat Otomatis Link Postingan Blog Mengarah ke Google Search.
Ok sobat, langsung saja pada intinya.

Biar sobat tidak bingung, lihat aja demo dibawa ini.

DEMO

Pertama-tama sobat sekalian Login ke akun Blogger.com sobat.
Masuk ke tab Template>>Edit HTML>> cari kode ]]></b:skin> atau </style>
Lalu masukan paste CSS dibawah ini tepat diatas salah satu kode yang kalian cari tadi.

CSS

/*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/AVvXsEiuR6iq7T8K2jNuJuKRIlqaHrNvbmSMenl_tW-dj5ophOzwPjAcQ4je6GGGI3aolfhVtJyEJ79FRmMm4H4k6j8V6lI3d0KXFaoFvbr8i84-MeAoiagKbbLHePPMpfyTdTeuu41PXbW4MeXu/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}

Kedua, setelah memasang CSS diatas, sekarang tinggal mengganti search yang ada di blog atau website sobat, atau bisa juga menambahkan search di widget terserah sobat mau taruh dimana.

Copy script dibawah ini, ganti search sobat atau tambahkan dengan widget.

<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='blogsmanado.blogspot.com'/>
  <input name='sitesearch' type='hidden' value='blogsmanado.blogspot.com'/>
  <input name='ie' type='hidden' value='UTF-8'/>
  <input name='hl' type='hidden' value='id'/>
</form>
</div>

Warning

Untuk mengganti search yang sudah ada di blog atau website sobat, kalian harus mengetahui letak html searchnya sobat. Kalau sudah ketemu, tinggal sobat pastekan semua script yang kedua untuk widget.

untuk menambahnya di widget, tinggal sobat yang sesuaikan penempatan diblog atau website sobat.

Jangan lupa, ganti link blogsmanado.blogspot.com dengan link nama domain atau nama blog atau website sobat.

Simpan thema dan silahkan dicobat search otomatisnya. Semoga berhasil dan bermanfaat buat sobat sekalian.

Sekian...

Apabila masih belum paham juga, silahkan sobat bertanya melalui kolom komentar dibawah ini.