Oktober 26, 2017

WordPress : Membuat Google+ Badge

Membuat Google+ Badge dan memasangnya di blog memungkinkan anda terhubung dengan teman, fans dan pelanggan. Meskipun Google+ belum sepopuler Facebook, namun pemakainya terus meningkat, khususnya dari pemilik blog yang menggantungkan pengunjung dari search engine Google.

Selain Facebook telah lebih dahulu ada, dan membuat orang sudah sangat terbiasa dengan navigasinya, orang mungkin tak ingin hanya bergantung pada satu perusahaan untuk semua yang dibutuhkannya di internet. Menjadi pemain dominan tidak selalu merupakan sebuah kelebihan.

Untuk membuat Google+ Badge di blog anda, copy paste kode berikut ini:

  1. Copy kode berikut, dan paste di head.php atau footer.php
    <script type="text/javascript">
    window.___gcfg = {lang: 'en'};
    (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>


    Jika anda sudah menggunakan Plugin sosial yang salah satunya adalah Google+, anda tidak perlu memasang lagi kode di atas.
  2. Kode theme light:
    <g:plus href="https://plus.google.com/117881882660214xxxxxx" rel="author" width="448" height="69"></g:plus>

    Tampilan:

  3. Kode theme dark:
    <g:plus href="https://plus.google.com/117881882660214xxxxxx" rel="author" width="448" height="69" theme="dark"></g:plus>

    Tampilan:

  4. Ganti Google+ ID dengan ID anda. Untuk mengetahui Google+ ID anda, silahkan baca tulisan Bagaimana Menemukan Google+ ID
  5. Sesuaikan angka pada "width", namun anda tidak bisa mengganti "height".

Untuk membuat Google+ Icon, copy paste kode berikut ini:
  1. Kode Icon:
    <a href="https://plus.google.com/117881882660214xxxxxx?prsrc=3" rel="author" style="display:inline-block;text-decoration:none;color:#999;text-align:center;font:13px/16px arial,sans-serif;white-space:nowrap;"><span style="display:inline-block;font-weight:bold;vertical-align:top;margin-right:5px;margin-top:8px;">aroengbinang</span><span style="display:inline-block;vertical-align:top;margin-right:15px;margin-top:8px;">di</span><img src="https://ssl.gstatic.com/images/icons/gplus-32.png" alt="" style="border:0;width:32px;height:32px;"/></a>

    Tampilan:
  2. Ganti nomornya dengan Google+ ID anda, ganti juga nama "aroengbinang" dengan nama anda.

Label: Tutorial, WordPress
Bagikan ke: WhatsApp, Email. Print!.

aroengbinang, seorang penyusur jalan.
Traktir BA secangkir kopi? Scan via 'Bayar' GoPay.