search-button

Nov 10, 2013

Cara Mudah Membuat Widget Aktifitas Google Plus Di Blog

   
Advertisements
Advertisements
Google plus sudah  dijadikan sebagai salah satu media jejaring sosial yang dimanfaatkan oleh para penulis blog, publishers dan developers untuk mempromosikan konten-konten mereka yang menurut saya jauh lebih hebat di bandingkan dengan media jejaring sosial lainnya.

aktifitas google plus

Keuntungan yang akan anda dapat dari pemasangan widget google plus activity ini yaitu pengunjung blog akan melihat kegiatan apa saja yang anda lakukan di akun google plus. cara kerjanya sendiri seperti menampilkan update status, mengomentari kiriman atau bahkan menampilkan update blog yang anda bagikan ke profil google plus anda.


Persiapan :
1) Anda harus mempunyai Google API Key lalu mengaktifkan untuk Google+ API. Silahkan baca tutorial cara mendapatkan Google API Key

2) Salin semua kode yang ada dibawah ini lalu pastekan ke notepad.
Klik ganda untuk menyalin

<link href="http://googleplus-activity-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://googleplus-activity-widget.googlecode.com/files/jquery.googleplus-activity-1.0.min.js" type="text/javascript">
<script type="text/javascript">
//<![CDATA[
jQuery.fn.googlePlusActivity.defaults.api_key = 'GOOGLE API KEY ANDA';
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
   jQuery(document).ready(function($) {
      $('#gpaw').googlePlusActivity({
        api_key : 'GOOGLE API KEY ANDA';
         ,user:'ID GOOGLE PLUS ANDA'
         ,image_width:75
         ,image_height:75
         ,body_height:350
      });
   });
//]]>
</script><script>
<!--
document.write(unescape("%3C%64%69%76%20%69%64%3D%22%67%70%61%77%22%3E%0A%20%20%20%3C%61%20%63%6C%61%73%73%3D%22%67%70%61%77%2D%69%6E%66%6F%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%74%65%61%63%68%2D%68%6F%77%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%33%2F%31%31%2F%63%61%72%61%2D%6D%75%64%61%68%2D%6D%65%6D%62%75%61%74%2D%77%69%64%67%65%74%2D%61%6B%74%69%66%69%74%61%73%2D%67%6F%6F%67%6C%65%2D%70%6C%75%73%2E%68%74%6D%6C%22%20%74%69%74%6C%65%3D%22%44%61%70%61%74%6B%61%6E%20%77%69%64%67%65%74%20%69%6E%69%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%41%6B%74%69%76%69%74%61%73%20%47%6F%6F%67%6C%65%2B%3C%2F%61%3E%0A%3C%2F%64%69%76%3E"));
//-->
</script>

Penting
Masukkan pada "GOOGLE API KEY  ANDA" id yang telah anda buat pada persiapan 1
Masukkan pada "ID GOOGLE+ ANDA" id dari akun google plus anda

Jika sudah selesai salin kembali semua kode yang ada di notepad tersebut lalu kita menuju ke penerapan.

Langkah-langkah :
1) Masuk ke Blogger lalu klik Tata Letak

2) Klik Tambah Gadget lalu pilih HTML/JavaScript

3) Paste semua kode yang sudah anda salin dari notepad tadi kedalam widget tersebut lalu beri judul misal "Aktivitas Google Plus"

4) Klik Simpan

Sekarang coba lihat blog anda saat ini sudah terpasang Widget Google Plus Activity dan kegiatan-kegiatan dari akun Google Plus andapun akan di tampilkan di widget tersebut. Enjoy & Happy Coding!