-->

Salah satu manfaat widget sosial media ini yaitu untuk meningkatkan pembaca blog. Semakin banyak followers maka semakin tinggi kemungkinan postingan yang kita share di sosial media di baca oleh para follower. Widget-widget followers sosial media ini di antaranya adalah widget Facebook Like Box dan Google+ Followers.

Untuk itu kali ini saya akan membagikan cara menampilkan Facebook Like Box dan Google+ Followers pada blog AMP HTML pada sidebar blog.

Cara Menampilkan Facebook Like Box Dan Google+ Followers Di Blog AMP


1. Facebook Like Box


Silahkan copy kode di bawah ini dan paste pada gadget HTML/Javascript di tata letak.
<amp-iframe width="300"
      height="214"
      sandbox="allow-scripts allow-same-origin allow-popups"
      frameborder="0"
      scrolling="no"
      src="https://cdn.rawgit.com/darwinisrin/siijombi.html/master/like.boxfb.html?page=blogsiijombi">
  </amp-iframe>
Ganti blogsiijombi dengan username fanspage blog sobat.


Baca juga : Facebook Messenger Page Plugin With Show Hide For AMP HTML

2. Google+ Followers


Silahkan copy kode di bawah ini dan paste pada gadget HTML/Javascript di tata letak.

<amp-iframe width="280"
      height="240"
      sandbox="allow-scripts allow-same-origin allow-popups"
      frameborder="0"
      scrolling="no"
      src="https://cdn.rawgit.com/darwinisrin/siijombi.html/master/gplus.folower.html?user=+darwinisrin&theme=dark">
  </amp-iframe>
Ganti +darwinisrin dengan username profil Google+. Theme dark untuk ditampilkan di background terang, untuk background gelap silahkan ganti dark dengan light.

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.

Sumber : Kompiajaib.com

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre>or<pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser

Tambahkan Komentar Tutup Komentar

Disqus Comments