Tutorial membuat tombol google plus dan google follow di Blog

Tutorial membuat tombol google plus dan google follow di Blog dan Website. Ya, itulah tutorial blogspot yang akan dishare pada postingan ini. Namun sebelumnya, fungsi dari google plus 1 itu sendiri adalah untuk menambahkan "kwalitas" blog/web kita di google. Jadi, semakin banyak yang memberikan + (merekomendasikan) blog kita, maka semakin banyak pula nilai web kita di mesin pencarian terbaik Google.

Sedangkan google follow ini berfungsi untuk menambah circle/pertemanan kita di google plus. Jadi, pastikan sobat sudah memiliki akun di google plus, jika belum silahkan mendaftar di google plus, silahkan klik disini... Gratis selamanya... hehe...

Ok, langsung aja ya gan...
Pastikan agan sudah masuk ke akun blogger agan...
Lalu klik "Layout"
Dan klik lagi "tambah gadget"
Lalu pilih "Google Plus" atau "Google Follow"... (ini kalau agan dari blogger, jadinya lebih praktis)
Taoi, kalau agan bukan dari blogger, agan bisa lanjut ke step selanjutnya... Aatau kalau agan mau mengkostumisasi kodenya, silahkan pilih "HTML/JAvaScript".
Nah, Untuk menambahkan kedua tombol tersebut, maka agan cukup mengcopy kode berikut ini ke web/blog agan tadi...

<!-- Kalau ini untuk google follow gan.... cara4u.com -->
<div class="g-follow" data-annotation="bubble" data-height="24" data-href="//plus.google.com/115904429380725513001" data-rel="author"></div>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

<!-- Kalau yang ini untuk google plus gan... cara4u.com. -->
<div class="g-plusone"></div>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Selanjutnya ya tinggal di save,,
Dan tombolnya sudah jadi...

Ups,, jangan lupa ya.. silahkan ganti tulisan berwarna merah dengan ID akun google agan...
Untuk hasilnya, bisa dilihat disidebar blog ini,, Janganlupa ya gan klik +1 dan follow juga...
Selamat mencoba... ;)

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul :
Tutorial membuat tombol google plus dan google follow di Blog. "(5.0)"
Jika anda menyukainya, jangan lupa klik like/tweet dan bagikan keteman-temannya ya...
Hormat kami: Admin Mudah-ID

Tweet

Ditulis oleh: Ammar Ihsan - Thursday, 17 October 2013