Cara Membuat Otomatis Link Postingan Blog Mengarah ke Google Search
8 November 2019
Comment
 |
| 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.
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.
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.
0 Response
Post a Comment