Panduan Cara memasang twitter di postingan blog AMP

2017-08-03

Cara meletakkan tweet ke dalam postingan artikel blogger

Cara menyisipkan twitter di sela postingan artikel blog AMP - Twitter adalah media sosial yang merupakan back link terbaik untuk sebuah blog, selain sebagai backlink twitter juga berfungsi untuk menunjukkan identitas blog kamu di media sosial twitter.

Tidak sedikit pemilik blog AMP yang memiliki widget yang berisi postingan twitter dan postingan pada twitter itu berisi artikel blog yang di share ke akun twitternya, awalnya memang sedikit mengganggu namun ada beberapa keuntungan yang bisa kita dapat dari widget Twitter diantarnya iyalah:
  • Menambah backlink dari media sosial.
  • Mendapat wawasan bagi follower yang retweet postingan artikel.
  • Menambah follower twitter, sehingga follower akan mendapatkan informasi dari artikel yang kita update.
Untuk anda yang kurang berminat meletakkan widget postingan twitter di blog anda, ada baiknya jika postingan tweet di letakkan di sela-sela postingan blog contohnya seperti dibawah ini:

Ini adalah postingan twitter yang berada di sela-sela post artikel

Nah kali ini caraa.id akan memberitahu cara meletakkan tweet di sela-sela artikel blog berjenis template AMP, namun sebelumnya saya akan memberi tutorial cara meletakkan postingan twitter pada blog non AMP dulu berikut ulasannya:

  1. Setelah anda membuat postingan blog dan mempubliskannya.
  2. Share postingan tersebut ke kun Twitter milikmu.
  3. Kemudian masuk ke kronologi akun twitter, kemudian pilih tweet mana yang ingin anda sisipkan di postingan blogger.
  4. Setelah menentukan tweet kemudian klik selengkapnya, dan pilih letakkan tweet.
  5. Kemudian Copy code yang telah anda dapatkan.
  6. Setelah pastekan pada postingan artikel menggunakan metode HTML 
  7. Jika masih bingun lihat gambar di bawah:

Tahap pertama

Tahap Kedua
Setelah menepatkan code sesuai arahan kemudian lakukan pertinjauan untuk memastikan kode berhasil dipasang atau belum. jika pada pertinjauan tweet sudah muncul berati pemasanga tweet sudah benar. Namun jika tweet belum muncul, cobalah untuk mengulang tahap secara perlahan.
Itulah cara meletakkan postingan twitter di sela-sela artikel blog Non  AMP yang anda miliki.

Selanjutnya berikut cara meletakkan postingan twitter di sela-sela artikel blog berjenis template AMP :
  • Pertama anda harus menanam konde berikut ke template blog AMP anda:
<script async='async' custom-element='amp-twitter' src='https://cdn.ampproject.org/v0/amp-twitter-0.1.js'/>
  • Dapatkan code letakkan tweet seperti gambar No.1 (Tahap pertama)
  • Pastekan terlebih dahulu code letakkan tweet pada Notepad (Untuk memilih ID Tweet) Contohnya seperti tweet di atas memiliki ID : 892992818960093184
  • Copy code dibawah ini dan ganti ID tweetnya dengan ID tweet yang ingin anda letakkan di postingan.
<amp-twitter data-cards="hidden"
data-tweetid="892992818960093184"
height="330"
layout="responsive"
width="390">
</amp-twitter>
  • Setelah itu masuk ke menu edit post, pilih metode HTML atau lihat gambar No.2 (Tahap kedua)
  • Atur posisi tweet sesuai selera
  • Pertinjau terlebih dahulu untuk memastikan apakah postingan anda sudah valid AMP.
Jika pada plugin AMP di browser anda berwarna hijau berarti anda sudah benar menerapkan tahap-tahap di atas. Tapi jika belum valid AMP cobalah untuk mengulangi tahap-tahap di atas secara perlahan.

Baca juga : 
Demikianlah artikel tentang cara memasang postingan tweer di sela-sela postingan artikel blog AMP, jika ada pertanyaan tentang materi diatas silahkan komen melalui kotak discus di bawah jika ada waktu kami akan segera membalas pertanyaan anda. Bila artikel ini bermanfaat like fanspage kami dan share artikel ini kepada teman atau saudara, terima kasih dalam berkunjung, Salam blogger… :)


TAGS:

Silahkan Berkomentar

Disqus Comments