Cara mudah pasang social share di blog AMP

Sobat Blogamp bila sudah mempunyai template Blogspot versi AMP tentunya juga ingin memasang tombol social share di blog sobat. Dan caranya mudah saja, silahkan ikuti langkah dibawah ini

1. Pasang kode dibawah ini di blog sobat dan tempatkan di atas kode </head>

<script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>

2. Kemudian tempatkan kode dibawah ini di blog sobat, dan terserah mau taruhnya dimana, di dalam template ataupun pada widget sobat

social share variasi 1

 <amp-social-share type="email"></amp-social-share>
  <amp-social-share type="facebook"
    data-param-app_id="254325784911610"></amp-social-share>
  <amp-social-share type="gplus"></amp-social-share>
  <amp-social-share type="linkedin"></amp-social-share>
  <amp-social-share type="pinterest"
    data-param-media="https://ampbyexample.com/img/amp.jpg"></amp-social-share>
  <amp-social-share type="tumblr"></amp-social-share>
  <amp-social-share type="twitter"></amp-social-share>
  <amp-social-share type="whatsapp"></amp-social-share>
  <amp-social-share type="line"></amp-social-share>

social share variasi 2

 <amp-social-share class="rounded"
      type="email"
      width="36"
      height="36"></amp-social-share>
    <amp-social-share class="rounded"
      type="facebook"
      data-param-app_id="254325784911610"
      width="36"
      height="36"></amp-social-share>
    <amp-social-share class="rounded"
      type="gplus"
      width="36"
      height="36"></amp-social-share>
    <amp-social-share class="rounded"
      type="linkedin"
      width="36"
      height="36"></amp-social-share>
    <amp-social-share class="rounded"
      type="pinterest"
      data-param-media="https://ampbyexample.com/img/amp.jpg"
      width="36"
      height="36"></amp-social-share>
    <amp-social-share class="rounded"
      type="tumblr"
      width="36"
      height="36"></amp-social-share>
    <amp-social-share class="rounded"
      type="twitter"
      width="36"
      height="36"></amp-social-share>
    <amp-social-share class="rounded"
      type="whatsapp"
      width="36"
      height="36"></amp-social-share>
    <amp-social-share class="rounded"
      type="line"
      width="36"
      height="36"></amp-social-share>

Selamat mencoba..!!

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Buka Komentar