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.

11 Comments

Komen adalah tanggungjawab anda. Tertakluk pada Akta 588 SKMM. Untuk pengiklanan, boleh email ke editor@hasrulhassan.com.

SentiasaPanasJuly 22, 2013 at 7:52 PM
Info yang sangat menarik...
eyriqazzJuly 22, 2013 at 9:22 PM
Cool...boleh torai ni...
ZuanJuly 22, 2013 at 9:59 PM
google plus sangat stylo.. tapi tak ramai suka guna
Cik BayanJuly 23, 2013 at 4:44 AM
look good, nak try jugak
lynmunirJuly 23, 2013 at 4:29 PM
Bagus, tapi dah terlalu banyak widget di blog saya nanti semakin crowded .
UnknownJuly 24, 2013 at 11:29 AM
terima kasih atas perkongsian.. ;) mesti kena try ni..
AnonymousJuly 27, 2013 at 3:35 PM
muja dah ada g+ profile, page and community, tapi kat page tu tak leh post lak dah,, fenin,, and follower profile dengan page adalah bnda yang sama,, macam tak perlu je lak buat page bila dah ada profile,, ekekeke,,,
limie shakleeMay 25, 2014 at 9:54 PM
info yang sangat bermanfaat untuk sy

trima kasih :)