Dewa Blogger: Hasil penelusuran untuk memasang.google.custom.search.engine.di.blog

Cara Memasang Google Custom Search Engine di Blog - Widget kotak pencarian merupakan salah satu bab penting dari sebuah blog, lantaran kalau ada pengunjung yang kesulitan menemukan artikel pada blog mereka sanggup mencarinya dengan gampang melalui kotak Pencarian atau Widget Search Box.

Cara Memasang Google Custom Search Engine di Blog Cara Memasang Google Custom Search Engine di Blog

Di sini Saya sangat menyarankan untuk memakai penelusuran khusus Google di blog, lantaran akibatnya akan lebih relevan dan lebih lengkap dibanding fungsi pencarian biasa. Terlebih lagi kalau teman merupakan Publisher Google AdSense. Sobat sanggup dengan gampang memonetasi blog dengan kotak penelusuran khusus ini. Nantinya, iklan AdSense akan ditampilkan di halaman hasil pencarian blog.

Cara Membuat dan Memasang Widget Google Custom Search Engine di Blog

Membuat Google Custom Search Engine

1. Silakan kunjungi situs Google Custom Search di https://cse.google.com/cse/

2. Selanjutnya silakan klik tombol Create a custom search engine untuk login ke CSE

3. Setelah masuk ke dashboard CSE, klik New Search Engine

4. Kemudian isi keterangan blog ibarat gambar di bawah ini

A. Isi dengan url blog sobat

B. Ganti setelan bahasa sesuai bahasa yang digunakan

C. Nama search engine

D. Setelah memilih setelan di atas, klik tombol CREATE

5. Selanjutnya klik tombol Get code / Dapatkan kode

6. Salin script yang disediakan di kotak

Tambahan : Untuk menciptakan Widget Google Custom Search menjadi Valid HTML5, silakan ganti aba-aba di bawah ini (yang didapatkan dari langkah ke 6)

<script>   (function() {     var cx = '004846510630198233812:gmb5qovgjko';     var gcse = document.createElement('script');     gcse.type = 'text/javascript';     gcse.async = true;     gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;     var s = document.getElementsByTagName('script')[0];     s.parentNode.insertBefore(gcse, s);   })(); </script> <gcse:searchresults-only></gcse:searchresults-only>

Ganti aba-aba yang ditandai dengan aba-aba di bawah ini

Ini berlaku untuk semua layout, ibarat <gcse:search>, <gcse:searchbox>, <gcse:searchresults>, atau <gcse:searchbox-only>

<div id="gcsengine"></div> <script> var gcseDiv = document.getElementById('gcsengine'); gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>' </script>

Sehingga akibatnya akan tampak ibarat ini

<div id="gcsengine"></div> <script> var gcseDiv = document.getElementById('gcsengine'); gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>' </script> <script> (function() { var cx = '004846510630198233812:gmb5qovgjko'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script>

Memasang Widget Google Custom Search Engine di Blog

1. Login ke Blogger > Tata Letak > Buat widget gres (HTML/JavaScript) > Tambahkan aba-aba yang tadi di salin ke dalam widget gres > Klik simpan dan lihat hasilnya.

Monetasi Google CSE dengan AdSense

1. Pastikan teman sudah memiliki blog yang sudah sanggup ditambahkan Google AdSense

2. Silakan log in di Google CSE http://www.google.com/cse/

3. Klik Nama Mesin Telusur yang sudah teman buat tadi

4. Pilih Menu Penyiapan

5. Disitu ada Tab Basics (Dasar-dasar), Make money (Dapatkan Penghasilan), Admin, dan Indexing (Pengindekan). Nah, Silakan klik tab Make money (Dapatkan Penghasilan)

6. Silakan klik tombol Aktif pada opsi Search Engine Monetization (Monetisasi Mesin Telusur)

Modifikasi Search Box Biasa dengan Menambahkan Fungsi Custom Search Engine

1. Jika teman ingin memasang fungsi CSE pada search box yang sudah ada di dalam template, Silakan log in di Google CSE http://www.google.com/cse/ > Klik pada hidangan Basics (Dasar-dasar) > Di situ terdapat Search engine ID unik kita yang diberikan Google Search Engine > Klik tombol Search engine ID > Kemudian salin aba-aba tersebut di dalam notepad.

2. Masih di hidangan Basics, klik tombol Advanced > Ganti Search engine encoding dengan West European Latin-1 (ISO-8859-1).

3. Selanjutnya login ke Blogger > Buat postingan untuk halaman statis > Salin aba-aba yang didapat dari CSE, pola aba-aba :

<div id="gcsengine"></div> <script> var gcseDiv = document.getElementById('gcsengine'); gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>' </script> <script> (function() { var cx = '004846510630198233812:gmb5qovgjko'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script>

Salin aba-aba ibarat di atas ke dalam tab HTML post statis > Kemudian Publish post. Misal teman menciptakan post statis dengan judul "Search CSE", maka url yang di sanggup yaitu "blog_anda.com/p/search-cse.html"

4. Selanjutnya buka Template > Edit HTML > Cari HTML dari Search Box pada template > Di sini pola HTML Search Box pada template blog yang saya gunakan

<form action='/search' class='searchform' method='get'> <table>       <tbody>         <tr>           <td class='search-box'>             <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/>           </td>           <td class='search-button'>             <input id='search-button' type='submit' value=''/>           </td>         </tr>       </tbody>     </table> </form>

5. Kemudian tambahkan aba-aba ini di dalam search box sobat

<input type='hidden' name='cx' value='partner-pub-004846510630198233812:gmb5qovgjko' /> <input type='hidden' name='cof' value='FORID:10' /> <input type='hidden' name='ie' value='ISO-8859-1' />

Kode yang ditandai merupakan kode Search engine ID yang tadi teman salin di notepad, ganti aba-aba yang ditandai dengan aba-aba Search engine ID blog sobat.

6. Kemudian perhatikan aba-aba di bawah ini

<form action='/search' class='searchform' method='get'>

Silakan ganti aba-aba di atas dengan aba-aba di bawah ini

<form action='blog_anda.com/p/search-cse.html'  class='searchform'>

7. Maka akibatnya akan ibarat ini

<form action='blog_anda.com/p/search-cse.html' class='searchform'> <input name='cx' type='hidden' value='partner-pub-004846510630198233812:gmb5qovgjko'/> <input name='cof' type='hidden' value='FORID:10'/> <input name='ie' type='hidden' value='ISO-8859-1'/> <table>       <tbody>         <tr>           <td class='search-box'>             <input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/>           </td>           <td class='search-button'>             <input id='search-button' type='submit' value=''/>           </td>         </tr>       </tbody>     </table> </form>

8. Simpan template dan lihat hasilnya.

Selesai, hingga di sini kita sudah Menambahkan Google Search Engine pada search box blog.

Tambahan

Sedikit pernak-pernik untuk menghiasi tampilan CSE di blog dengan menambahkan aba-aba di bawah ini sebelum </head> kemudian ganti aba-aba yang ditandai dengan url post statis CSE blog sobat.

<b:if cond='data:blog.url == &quot;blog_anda.com/p/search-cse.html&quot;'> <style type='text/css'> .post-body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-LoX34DtcdJx0gecqJybcgAKaJcAZozNLVCHn1NoG3CMN1tTOVAcMwIYnaPh39c8RVBMUYoIZRVtJQddOdBxvOzPao1035vYa6LAbC0EwBLjcQNHXujGR0UqP3Mavgw98_iALJPKwD4d/s1600/preloader.gif)50% 10% no-repeat!important;padding:60px;margin:0} #gcsengine{margin-top:-70px} </style> </b:if>

Demikian gosip yang sanggup saya berikan untuk teman blogger perihal Cara Memasang Google Custom Search Engine di Blog. Mudah-mudahan bermanfaat untuk teman semua.

Referensi :

- https://sangdewablogger.blogspot.com//search?q=validasi5-google-custom-search-engine.html
- https://sangdewablogger.blogspot.com//search?q=validasi
- https://sangdewablogger.blogspot.com//search?q=validasi

Cara Memasang Google Custom Search Engine Di Blog

Concept Phone Rabu, 10 Oktober 2018

Sebenarnya sudah usang saya ingin mengupdate postingan di blog ini, namun dikarenakan ada kesibukan offline dan juga mengurus blog lain jadi blog ini seakan terabaikan dan tidak terurus dengan sebagaimana mestinya. Oke sebelum menunjukkan Cara Mengaktifkan HTTPS di Blog dengan Custom Domain di sini saya akan menjelaskan sedikit apa itu HTTPS dan kelebihan dari HTTPS.

Sebenarnya sudah usang saya ingin mengupdate postingan di blog Cara Mengaktifkan HTTPS di Blog dengan Custom Domain

Apa itu HTTPS?

HTTPS (Hypertext Transfer Protocol Secure) yaitu protokol yang memakai HTTP pada koneksi terenkripsi dengan keamanan transport-layer dan HTTPS merupakan versi kondusif dari HTTP. HTTPS dipakai untuk melindungi data yang ditransmisikan dari penguping. Ini yaitu protokol standar untuk melaksanakan transaksi keuangan di web, dan sanggup melindungi pengguna sebuah website dari sensor oleh pemerintah atau ISP.

Kelebihan Menggunakan HTTPS

Sudah tentu tujuan memakai HTTPS di blog yaitu untuk mengoptimalkan blog pada mesin pencari, atau sanggup dikenal juga dengan SEO (search engine optimization) sebaiknya segala sesuatu yang dinilai baik dimata pengunjung juga mesin pencari harus kita lakukan. Selain berfungsi sebagai keamanan bagi pengunjung, HTTPS besar lengan berkuasa terhadap faktor evaluasi mesin pencari ibarat Google, Bing, dll. Pada platform WordPress fitur HTTPS ini sudah usang dipakai dan bila teman memakai WordPress dan ingin situsnya menjadi lebih baik teman sanggup pelajari Cara Optimasi WordPress di sini.

Bagaimana Cara Memasang HTTPS di Blog yang Menggunakan Custom Domain?

Bisa dikatakan ini yaitu fitur yang gres saya temui di Blogger, selain sanggup dipakai di blog dengan sub domain blogspot fitur HTTPS juga sanggup dipakai di blog yang memakai custom domain ibarat blog ini.

Baiklah kita mulai, pertama-tama untuk memunculkan sajian HTTPS di Setelan blog silakan teman ketik atau copas draft.blogger.com ke tab pencarian.

Setelah itu klik sajian Setelan > Dasar > HTTPS, lalu klik pilihan Ya pada sajian Ketersediaan HTTPS

Setelah diaktifkan, tunggu beberapa dikala hingga sajian pada Pengalihan HTTPS terbuka. Klik tombol refresh di browser atau klik F5 pada keyboard, bila sudah terbuka silakan pilih Ya pada sajian Pengalihan HTTPS

Jika sudah selesai, kini yang harus dilakukan yaitu mengganti semua url awalan HTTP: ke HTTPS: pada template sobat

Akan lebih menghemat waktu bila diganti dengan aplikasi Adobe Dreamweaver atau aplikasi sejenis ibarat ini

Selesai! Kini fitur HTTPS yang diberikan secara gratis telah terpasang di custom domain blog sobat.

Submit Domain di Search Console Google

Setelah melaksanakan langkah di atas sebaiknya submit kembali blog yang sudah diaktifkan HTTPS di Search Console Google https://www.google.com/webmasters/tools/ ibarat teman menambahkan blog baru. Dan juga hapus properti dari blog sebelumnya (sebelum menambahkan HTTPS).

Bagaimana dengan blog yang sudah terpasang Google Adsense, apakah akan berpengaruh? Seperti yang saya alami di blog ini sesudah memakai HTTPS baik itu visitor dan pendapatan dari Adsense menjadi turun drastis, namun jangan khawatir alasannya yaitu itu hanya berlangsung selama beberapa hari saja dan selanjutnya akan pulih kembali ibarat semula dan itu hanyalah imbas sementara sesudah mengganti HTTP ke HTTPS.

Mengatasi Iklan Adsense yang Terkadang Tidak Muncul

Untuk mengatasi dilema ini, silakan hapus semua arahan JS Adsense yang ditambahkan di widget ibarat ini

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Kemudian tambahkan arahan ini sebelum </body> di dalam template

<script type='text/javascript'> //<![CDATA[ (function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); //]]> </script>

Simpan template.

Oke, demikian postingan dari ihwal Cara Mengaktifkan HTTPS di Blog dengan Custom Domain. Mohon maaf bila ada kekurangan, terima kasih sudah berkunjung. Wassalam.

Tips Blogger

Cara Mengaktifkan Https Di Blog Dengan Custom Domain

Concept Phone Rabu, 28 November 2018

Cara Menambahkan Page-Level Ads Adsense di Blog - Apa kabar sahabat blogger, mudah-mudahan dalam keadaan sehat walafiat, amin... Oke, kali ini akan memperlihatkan sebuah tutorial perihal Cara Menambahkan Page-Level Ads Adsense di Blog.

kali ini akan memperlihatkan sebuah tutorial perihal Cara Menambahkan Page Cara Menambahkan Page-Level Ads Adsense di Blog

Apa itu Page-Level Ads?

Page-Level Ads ialah unit iklan yang tidak termasuk dalam batasan 3 unit iklan banner dan 2 unit iklan link yang telah Google tentukan sebelumnya. Iklan ini dibentuk khusus untuk memaksimalkan pendapatan Adsense para publishernya, jenis iklan ini nantinya akan tampil pada perangkat seluler.

Alasan Menambahkan Page-Level Ads Adsense di Blog

Ada beberapa alasan mengapa sahabat ingin menambahkan fitur Page-Level Ads dari AdSense ini di blog sobat. Berikut beberapa poin penting kalau memakai fitur ini

Meningkatkan pendapatan
Memberikan pengalaman pengguna yang lebih baik
Memilki dua format iklan
Tidak terhitung dalam batasan iklan Adsense (3 unit iklan dan 2 unit iklan link)
Lebih dioptimalkan untuk pengguna perangkat seluler

Format iklan Page-Level Ads

Untuk format iklan, Page-Level Ads memilki 2 pilihan unit yaitu iklan tetap/hamparan yang akan tampil sebagai link banner di bawah layar smartphone dengan tombol slide untuk menutup iklan dan iklan vinyet yang akan tampil dengan layar penuh dengan tombol close untuk menutup iklan ibarat tampilan iklan Admob. Dengan kedua format ini tentunya iklan akan tampil lebih baik bagi pengguna smartphone.

Baca juga : Cara Memasang Google Custom Search Engine di Blog

Cara Menambahkan Page-Level Ads Adsense di Blog

Login ke akun Adsense sobat, klik My ads, Content, Page-Level ads. Di situ sahabat akan melihat goresan pena Iklan tingkat laman ibarat gambar di bawah ini

Kemudian klik tombol pilihan dari dua format Page-Level Ads (bisa sahabat klik salah satu saja atau keduanya)

Skrol ke bawah, klik tombol Dapatkan kode, salin semua isyarat didalamnya

Selanjutnya buka dasbor Blogger, template, klik Template, Edit HTML kemudian tambahkan kode Page-Level Ads tadi sebelum tag </head> di template blog sobat

Kode Page-Level Ads

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script>   (adsbygoogle = window.adsbygoogle || []).push({     google_ad_client: "ca-pub-xxxxxxxxxxxx",     enable_page_level_ads: true   }); </script>

Ganti isyarat yang ditandai menjadi ibarat ini

<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script>   (adsbygoogle = window.adsbygoogle || []).push({     google_ad_client: "ca-pub-xxxxxxxxxxxx",     enable_page_level_ads: true   }); </script>

Jika di blog sahabat sebelumnya sudah terdapat JS Adsense, cukup tambahkan isyarat script yang kedua.

Simpan template dan untuk melihat hasilnya, sahabat sanggup cek blog lewat smarphone.

Contoh Page-level ads blog ini

Demikian untuk tutorial blogger perihal Cara Menambahkan Page-Level Ads Adsense di Blog saya cukupkan hingga di sini, maaf kalau ada kekurangan dari goresan pena ini. Terima kasih sudah berkunjung dan sukses selalu 😮

AdSense Tips Blogger

Cara Menambahkan Page-Level Ads Adsense Di Blog

Concept Phone Kamis, 08 November 2018

Halaman

Social Items

Dewa Blogger