X

Cara Memasang amp-social-share di AMP HTML Blogspot Template

Sedikit berbagi cara mudah memasang amp-social-share di AMP HTML Blogspot Template, berikut tampilannya
Jika Anda menggunakan blog AMP dan ingin memasang amp-social-share, silahkan ikuti langkah-langkahnya di bawah ini.

Langkah Pertama, seperti biasa masuk ke pengaturan Template - HTML, jangan lupa backup dulu template Agan
Cek blog AMP Agan, apakah sudah memiliki javascript di bawah ini.
<script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>
Langkah Kedua
Copy kode HTML di bawah ini
  <div>
    <amp-social-share type="facebook"
        width="60"
        height="44"
        data-param-app_id="1474539732765638"></amp-social-share>
    <amp-social-share type="twitter"
        width="60"
        height="44"> </amp-social-share>
    <amp-social-share type="gplus"
        width="60"
        height="44"></amp-social-share>
    <amp-social-share type="pinterest"
        width="60"
        height="44"></amp-social-share>
    <amp-social-share type="linkedin"
        width="60"
        height="44"></amp-social-share>
    <amp-social-share type="email"
        width="60"
        height="44"></amp-social-share>
  </div>
NOTE : amp-sosial-share dengan type = "facebook" ganti data-param-app_id="1474539732765638" dengan facebook app id Agan.

Letakkan kode HTML diatas setelah <data:post.body/>

Cari kode dibawah ini bila hanya ingin menempatkan di halaman postingan saja

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
*** kode HTML amp-social-share ***
</b:if>

atau bila ingin meletakkannya di halaman posting dan statis, setelah kode ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
</b:if>
tambahkan kode dibawah ini
 <b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
  <div>
    <amp-social-share type="facebook"
        width="60"
        height="44"
        data-param-app_id="1474539732765638"></amp-social-share>
    <amp-social-share type="twitter"
        width="60"
        height="44"> </amp-social-share>
    <amp-social-share type="gplus"
        width="60"
        height="44"></amp-social-share>
    <amp-social-share type="pinterest"
        width="60"
        height="44"></amp-social-share>
    <amp-social-share type="linkedin"
        width="60"
        height="44"></amp-social-share>
    <amp-social-share type="email"
        width="60"
        height="44"></amp-social-share>
  </div>
</b:if>

SAVE, cek postingan Agan

Related Posts