Cari File Download Firmware Gratis

Menampilkan Google+ Badge di Blog AMP

Salah satu widget yang harus dipasang pada blog adalah widget follower, baik itu facebook like, blogger, atau google+ follower., yang berfungsi untuk menjaring pembaca yang ingin terus mendapatkan update artikel terbaru dari blog kita sehingga akan meningkatkan pengunjung setiap harinya.

Untuk blog baru tentu saja followernya masih sedikit bahkan masih 0, terkadang kurang enak dilihat kalau kita memasang widget follower dan terlihat pengikutnya masih 0 nanti pembacanya kasihan atau kurang percaya sama blog kita. Unuk mengatasinya kita bisa menggunakan Google+ Badge (Lencana Google Plus) yang sama-sama ada tombol tambahkan ke lingkaran tetapi untuk jumlah pengikutnya tidak kelihatan dan tentu saja tampilannya lebih keren dari hanya sekedar tombol polosan.

Yang jadi masalah sekarang untuk tutorial cara memasang widget Google+ Badge khusus untuk blog AMP belum ketemu semenjak artikel ini diterbitkan, yang ada google follower saja yang menampilkan jumlah followernya.

Untuk itu saya mencoba ubah kode yang sudah ada buatan kompiajaib untuk menampilkan google follower untuk dijadikan kode menampilkan google+ badge, sekarang anda tinggal mengikuti tutorialnya di bawah ini.

Contoh

Google+ Badge AMP
Perbedaan layout Landscape dan Portrait
Tampilan Google Badge

Pasang Widget Lencana Google+

Silahkan tambahkan widget baru dan paste kode ini

<amp-iframe title="Google+ Badge" 
src="https://cdn.staticaly.com/gh/roberoy/HTML/33be2a45/gplus-badge-amp/?user=+RobyRoyPutra&layout=landscape" 
     height="110"
     layout="fixed-height"
     frameborder="0"
     sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
 <amp-img src="https://2.bp.blogspot.com/-rRo__E6FsPs/Ws7U-IT8KNI/AAAAAAAAw_Q/qCwa6vKHgTIB-ytesdA4FlKrXMRYt5NMACLcBGAs/s1600/placeholder.png"
     layout="fixed-height"
     height="100"
     width="auto"
     placeholder>
 </amp-img>
</amp-iframe>

Catatan:

  • Ganti +RobyRoyPutra dengan username profil google+ anda
  • Layout landscape untuk menampilkan tampilan horizontal, kalau ingin menampilkan persegi silahkan ganti landscape menjadi portrait
  • Kalau Anda ingin tampilan persegi ubah juga ukuran height=”110” menjadi height=”340
  • Dan jangan lupa selalu hapus kode
    <b:include name='quickedit'/>

    di edit HTML setelah menambahkan gadget baru di tata letak agar blognya selalu valid AMP HTML.

Demikianlah tutorial cara menampilkan widget Google+ Badge pada blog AMP agar valid semoga bermanfaat bagi anda yang sedang menggunakan template AMP.Terima kasih untuk membagikan artikel ini dengan tombol share sosial media di bawah ini.

Share Yuk

Tags:,

Add a Comment

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *