Cara Mendapatkan Client ID Google API Console Untuk Google Sign-in

Sebenarnya ini adalah pertanyaan yang sudah sejak lama saya simpan. Apakah di blog Blogger bisa bisa menggunakan tombol log-in dan log-out seperti halnya Wordpress?

Sebenarnya telah kita ketahui bahwa Google memberlakukan one for all sign-in yang artinya hanya perlu sekali login di Google dan kita bisa masuk ke hampir semua web Google termasuk Blogger.

Jika blog Blogger memiliki tombol sign-in dan sign-out selain tampilannya menjadi tambah keren dan berkesan profesional, juga bisa menjadi pintu masuk ke Google termasuk ke Blogger.

Akhirnya saya googling sana sini untuk mencari cara membuat tombol login di blog dan akhirnya berhasil, sebagai demo bisa Anda coba di tombol login.


Namun sebelum kita membuat tombol Google Sign-in di blog, yang pertama harus disiapkan adalah membuat Client ID Google API console.

Nah kali ini saya akan share cara membuat dan mendapatkan Client ID dari Google API Console untuk membuat tombol Google Sign-in di blog.

Langsung saja, silahkan masuk ke Google API Console dengan akun Google Anda.

Kemudian silahkan Create Project, beri nama project Anda (misalnya Login Blog) lalu klik tombol Create.



Kemudian silahkan pilih Google+ API di halaman selanjutnya di Library lalu di halaman selanjutnya klik Enable.



Selanjutnya klik menu Credentials di samping kiri kemudian klik tab OAuth consent screen.



Di halaman selanjutnya silahkan isi data-datanya. Pastikan email yang tertera adalah email Anda, lalu silahkan beri nama pada Product name shown to users, nama ini akan muncul ketika tombol sign-in ditekan. Homepage URL, termasuk dengan logo blognya, Privacy Policy dan Term of service URL bisa diisi atau bisa juga tidak (optional) kemudian save.


Di halaman selanjutnya silahkan klik tombol Create credentials lalu pilih OAuth client ID.



Kemudian di halaman selanjutnya pilih Web application, isi nama applikasinya (misal Login Blog). Untuk Authorized javascript origins dan Authorized redirect URls silahkan isi dengan URL blog Anda dengan http:// atau https:// tanpa tanda / di akhir URL-nya, contoh http://www.kompiajaib.com (bukan seperti ini http://www.kompiajaib.com/), lalu klik create.



Nah selanjutnya akan muncul popup kode client ID, silahkan copy kodenya.


Selesai.... untuk membuat tombol Google Sign-in akan saya buat pada postingan selanjutnya.

Reactions:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser