Tatacara Buat Google+ Badge Untuk Blog

As-Salam. Anda dah pasang Google+ Badge untuk profile anda dalam blog? Jika belum, anda boleh letakkan sebagai salah satu gadjet atau widget dalam blog anda, letakkan di bahagian sisi blog (sidebar) untuk menambahkan ketrampilan blog. Dalam entri ini, saya akan tunjukkan tatacara untuk buat Google+ Badge ini dan letakkan di dalam blog anda.

Tatacara Buat Google+ Badge Untuk Blog

Ada banyak pilihan yang boleh anda lakukan, atau dengan kata lain ada banyak customization yang boleh anda buat untuk menampilkan Google+ Badge dalam blog anda. Google+ Badge ini adalah seperti Facebook Profile, cuma yang menariknya, apabila seseorang pengunjung klik follow ... maka ia akan terus menjadi rakan, follower bukan hanya pada profile malah pada Google+ Page dan juga blog anda.

Caranya sangat mudah, anda hanya perlu ke Google+ Developer, dan pergi ke bahagian Badge. Di situ telah disediakan setting untuk digunakan bagi menghasilkan beberapa variasi Google+ Badge yang boleh dimasukkan ke dalam blog anda. Kod HTML akan dijana secara automatik. Hanya copy-paste kod tersebut dalam blog anda dengan Add element - Add HTML/Javascript.

Berikut adalah beberapa variasi yang saya lakukan untuk anda lihat.

Variasi 1 - Google+ Badge Penampilan Penuh (Potret)

Variasi 2 - Google+ Badge Penampilan Tanpa Cover Photo

Variasi 3 - Google+ Badge Penampilan Minima (Landskap)

<!-- Place this tag where you want the widget to render. --> <div class="g-page" data-width="450" data-href="//plus.google.com/ID-GOOGLE+PROFILE-ANDA" data-layout="landscape" data-rel="publisher"> </div> <!-- Place this tag after the last widget tag. --> <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> </div>
Semua di atas boleh anda lakukan hanya dengan mengubah nilai-nilai atau pembolehubah yang disediakan.

Hanya perlu ke Google+ Badge Developer (klik) dan dapatkan kod HTML tersebut.

Selamat mencuba.