Cara mudah pasang social share di blog AMP

Sobat My Zozieman 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..!!

Baca Juga

Josie

Cuma seorang blogger yang jarang ngeblog

Share :

Related Posts