Type something and hit enter

author photo
By
Tidak seperti blog biasa, untuk memasang embed status dari berbagai media sosial. Seperti: facebook, twitter, maupun instagram supaya mendukung post dan halaman yang valid terhadap AMP. Maka perlu dilakukan dengan cara khusus menggunakan kode AMP HTML tidak lagi menggunakan kode HTML biasa dan umum.

Untuk itu, ada beberapa tahapan yang perlu dilakukan ketika hendak memasang embed dari status facebook, twitter, dan Instagram ke dalam postingan blog AMP yang kita miliki. Beberapa tahapan dan cara-cara yang harus dilakukan, bisa mengikuti ulasan dan panduan berikut:

1. Cara Embed Status Facebook Dalam Postingan Blog AMP
Tidak seperti blog biasa, untuk memasang embed status dari berbagai media sosial. Seperti: facebook, twitter, maupun instagram supaya mendukung post dan halaman yang valid terhadap AMP. Maka perlu dilakukan dengan cara khusus menggunakan kode AMP HTML tidak lagi menggunakan kode HTML biasa dan umum.  Untuk itu, ada beberapa tahapan yang perlu dilakukan ketika hendak memasang embed dari status facebook, twitter, dan Instagram ke dalam postingan blog AMP yang kita miliki. Beberapa tahapan dan cara-cara yang harus dilakukan, bisa mengikuti ulasan dan panduan berikut:  1. Cara Embed Status Facebook dalam Postingan Blog AMP  Langkah 1 Pastikan kode di bawah ini, telah terpasang di template blog AMP anda. Untuk memastikannya, silakan cari dalam template blog anda apakah javascript AMP untuk "amp-facebook" telah terpasang atau belum?  <script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>   Jika, kode di atas belum terpasang di dalam template AMP anda, maka silakan untuk menambahkan kode di atas pada bagian tag head atau di atas kode  Langkah 2 Setelah memasang Javascript amp-facebook dengan benar di dalam template blog AMP anda. Langkah selanjutnya ketika akan memosting atau meng-embed status facebook ke dalam postingan blog. Wajib masuk menggunakan postingan mode HTML di blogger, bukan pada mode compose, Dimana status atau post facebook yang di-embed dimasukan ke dalam kode AMP HTML seperti berikut.  <amp-facebook width="552"       height="303"       layout="responsive"       data-href="https://www.facebook.com/winkamaru/posts/2032577100140617">    </amp-facebook>   Note: tulisan yang berwarna merah, silakan diganti dengan URL / Link post facebook yang hendak di-embed atau disematkan.  Hasilnya akan tampak seperti ini:    2. Cara Embed Status atau Post Twitter di Postingan Blog AMP  Masih sama seperti memasang embed status facebook, hanya saja bila di dalam blog belum terpasang kode javascript "amp-twitter" maka masukan atau tambahkan terlebih dahulu javascript yang dibutuhkan ke dalam template blog AMP anda. Caranya adalah:  Langkah 1 Tambahkan kode berikut di bagian tag head di dalam template blog AMP. Sama seperti menambahkan javascript "amp-facebook" di atas.  <script async='async' custom-element='amp-twitter' src='https://cdn.ampproject.org/v0/amp-twitter-0.1.js'/>   Langkah 2 Selanjutnya, setiap kali hendak memosting embed post twitter di dalam postingan blog AMP. Kita harus memasukannya ke dalam kode AMP HTML seperti berikut:  <amp-twitter width="400"       height="350"       layout="responsive"       data-tweetid="1045413794376282112"       data-cards="hidden">     </amp-twitter>   Silakan untuk mengganti data tweet id yang berupa kumpulan kode angka berwarna merah dengan kode tweet id pada post twitter yang hendak di-embed atau disematkan dalam postingan blog AMP anda.  Sehingga, hasil penerapannya akan tampak seperti ini:  Cara Memulai Bisnis Pulsa Digital Bersama Payfazz https://t.co/h3spssOAoe — Win Kamaru (@win_kamaru) September 27, 2018  3. Cara Embed Post Instagram ke Dalam Postingan Blog AMP  Langkah 1 Pertama silakan menambahkan javascript "amp=instagram" di bawah ini, ke dalam tag head template AMP anda, seperti menerapkan kode javascript amp-facebook dan amp-twitter di atas.  <script async='async' custom-element='amp-instagram' src='https://cdn.ampproject.org/v0/amp-instagram-0.1.js'/>   Langkah 2 Selanjutnya seperti cara di atas, ketika hendak memosting embed instagram ke dalam postingan blog AMP, wajib dimasukan menggunakan kode AMP HTML berikut:  <amp-instagram data-shortcode="BmAqrM-FaKG"       width="1080"       height="720"       layout="responsive">     </amp-instagram>   Silakan mengganti kode berwarna merah dengan short code dari link instagram yang hendak di-embed atau disematkan.    Jika kode AMP HTML dipasangkan dengan benar dalam postingan, maka hasilnya akan tampak seperti ini:  View this post on Instagram  my village in the morning... . . #photography #sunrise #village #bridge #sea #beach #gelavillage #taliabu #orangtaliabu. . . By: Win Kamaru A post shared by WIN KAMARU (@winkamaru) on Aug 3, 2018 at 1:42am PDT  Catatan Penting! Silakan untuk teman-teman atur sendiri mengenai ukuran lebar dan tinggi embed media sosial yang disematkan dalam postingan blog AMP. Caranya cukup mengubah angka width untuk lebar embed dan height untuk mengatur tinggi embed.  Sekian, semoga ulasan di atas mengenai cara embed status facebook, post twitter, dan post instagram ke dalam postingan blog AMP bisa bermanfaat dan mudah dipraktekan.
sumber gambar: creativebrains.co.in
Langkah 1
Pastikan kode di bawah ini, telah terpasang di template blog AMP anda. Untuk memastikannya, silakan cari dalam template blog anda apakah javascript AMP untuk "amp-facebook" telah terpasang atau belum?

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

Jika, kode di atas belum terpasang di dalam template AMP anda, maka silakan untuk menambahkan kode di atas pada bagian tag head atau di atas kode

Langkah 2
Setelah memasang Javascript amp-facebook dengan benar di dalam template blog AMP anda. Langkah selanjutnya ketika akan memosting atau meng-embed status facebook ke dalam postingan blog. Wajib masuk menggunakan postingan mode HTML di blogger, bukan pada mode compose, Dimana status atau post facebook yang di-embed dimasukan ke dalam kode AMP HTML seperti berikut.

 <amp-facebook width="552"  
    height="303"  
    layout="responsive"  
    data-href="https://www.facebook.com/winkamaru/posts/2032577100140617">  
 </amp-facebook>  

Note: tulisan yang berwarna merah, silakan diganti dengan URL / Link post facebook yang hendak di-embed atau disematkan.

Hasilnya akan tampak seperti ini:


2. Cara Embed Post atau Status Twitter Dalam Postingan Blog AMP
Tidak seperti blog biasa, untuk memasang embed status dari berbagai media sosial. Seperti: facebook, twitter, maupun instagram supaya mendukung post dan halaman yang valid terhadap AMP. Maka perlu dilakukan dengan cara khusus menggunakan kode AMP HTML tidak lagi menggunakan kode HTML biasa dan umum.  Untuk itu, ada beberapa tahapan yang perlu dilakukan ketika hendak memasang embed dari status facebook, twitter, dan Instagram ke dalam postingan blog AMP yang kita miliki. Beberapa tahapan dan cara-cara yang harus dilakukan, bisa mengikuti ulasan dan panduan berikut:  1. Cara Embed Status Facebook dalam Postingan Blog AMP  Langkah 1 Pastikan kode di bawah ini, telah terpasang di template blog AMP anda. Untuk memastikannya, silakan cari dalam template blog anda apakah javascript AMP untuk "amp-facebook" telah terpasang atau belum?  <script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>   Jika, kode di atas belum terpasang di dalam template AMP anda, maka silakan untuk menambahkan kode di atas pada bagian tag head atau di atas kode  Langkah 2 Setelah memasang Javascript amp-facebook dengan benar di dalam template blog AMP anda. Langkah selanjutnya ketika akan memosting atau meng-embed status facebook ke dalam postingan blog. Wajib masuk menggunakan postingan mode HTML di blogger, bukan pada mode compose, Dimana status atau post facebook yang di-embed dimasukan ke dalam kode AMP HTML seperti berikut.  <amp-facebook width="552"       height="303"       layout="responsive"       data-href="https://www.facebook.com/winkamaru/posts/2032577100140617">    </amp-facebook>   Note: tulisan yang berwarna merah, silakan diganti dengan URL / Link post facebook yang hendak di-embed atau disematkan.  Hasilnya akan tampak seperti ini:    2. Cara Embed Status atau Post Twitter di Postingan Blog AMP  Masih sama seperti memasang embed status facebook, hanya saja bila di dalam blog belum terpasang kode javascript "amp-twitter" maka masukan atau tambahkan terlebih dahulu javascript yang dibutuhkan ke dalam template blog AMP anda. Caranya adalah:  Langkah 1 Tambahkan kode berikut di bagian tag head di dalam template blog AMP. Sama seperti menambahkan javascript "amp-facebook" di atas.  <script async='async' custom-element='amp-twitter' src='https://cdn.ampproject.org/v0/amp-twitter-0.1.js'/>   Langkah 2 Selanjutnya, setiap kali hendak memosting embed post twitter di dalam postingan blog AMP. Kita harus memasukannya ke dalam kode AMP HTML seperti berikut:  <amp-twitter width="400"       height="350"       layout="responsive"       data-tweetid="1045413794376282112"       data-cards="hidden">     </amp-twitter>   Silakan untuk mengganti data tweet id yang berupa kumpulan kode angka berwarna merah dengan kode tweet id pada post twitter yang hendak di-embed atau disematkan dalam postingan blog AMP anda.  Sehingga, hasil penerapannya akan tampak seperti ini:  Cara Memulai Bisnis Pulsa Digital Bersama Payfazz https://t.co/h3spssOAoe — Win Kamaru (@win_kamaru) September 27, 2018  3. Cara Embed Post Instagram ke Dalam Postingan Blog AMP  Langkah 1 Pertama silakan menambahkan javascript "amp=instagram" di bawah ini, ke dalam tag head template AMP anda, seperti menerapkan kode javascript amp-facebook dan amp-twitter di atas.  <script async='async' custom-element='amp-instagram' src='https://cdn.ampproject.org/v0/amp-instagram-0.1.js'/>   Langkah 2 Selanjutnya seperti cara di atas, ketika hendak memosting embed instagram ke dalam postingan blog AMP, wajib dimasukan menggunakan kode AMP HTML berikut:  <amp-instagram data-shortcode="BmAqrM-FaKG"       width="1080"       height="720"       layout="responsive">     </amp-instagram>   Silakan mengganti kode berwarna merah dengan short code dari link instagram yang hendak di-embed atau disematkan.    Jika kode AMP HTML dipasangkan dengan benar dalam postingan, maka hasilnya akan tampak seperti ini:  View this post on Instagram  my village in the morning... . . #photography #sunrise #village #bridge #sea #beach #gelavillage #taliabu #orangtaliabu. . . By: Win Kamaru A post shared by WIN KAMARU (@winkamaru) on Aug 3, 2018 at 1:42am PDT  Catatan Penting! Silakan untuk teman-teman atur sendiri mengenai ukuran lebar dan tinggi embed media sosial yang disematkan dalam postingan blog AMP. Caranya cukup mengubah angka width untuk lebar embed dan height untuk mengatur tinggi embed.  Sekian, semoga ulasan di atas mengenai cara embed status facebook, post twitter, dan post instagram ke dalam postingan blog AMP bisa bermanfaat dan mudah dipraktekan.
sumber gambar: creativebrains.co.in
Masih sama seperti memasang embed status facebook, hanya saja bila di dalam blog belum terpasang kode javascript "amp-twitter" maka masukan atau tambahkan terlebih dahulu javascript yang dibutuhkan ke dalam template blog AMP anda. Caranya adalah:

Langkah 1
Tambahkan kode berikut di bagian tag head di dalam template blog AMP. Sama seperti menambahkan javascript "amp-facebook" di atas.

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

Langkah 2
Selanjutnya, setiap kali hendak memosting embed post twitter di dalam postingan blog AMP. Kita harus memasukannya ke dalam kode AMP HTML seperti berikut:

 <amp-twitter width="400"   
   height="350"   
   layout="responsive"   
   data-tweetid="1045413794376282112"   
   data-cards="hidden">   
  </amp-twitter>   

Silakan untuk mengganti data tweet id yang berupa kumpulan kode angka 1045413794376282112 dengan kode tweet id pada post twitter yang hendak di-embed atau disematkan dalam postingan blog AMP anda.

Sehingga, hasil penerapannya akan tampak seperti ini:


3. Cara Embed Post Instagram Dalam Postingan Blog AMP
Tidak seperti blog biasa, untuk memasang embed status dari berbagai media sosial. Seperti: facebook, twitter, maupun instagram supaya mendukung post dan halaman yang valid terhadap AMP. Maka perlu dilakukan dengan cara khusus menggunakan kode AMP HTML tidak lagi menggunakan kode HTML biasa dan umum.  Untuk itu, ada beberapa tahapan yang perlu dilakukan ketika hendak memasang embed dari status facebook, twitter, dan Instagram ke dalam postingan blog AMP yang kita miliki. Beberapa tahapan dan cara-cara yang harus dilakukan, bisa mengikuti ulasan dan panduan berikut:  1. Cara Embed Status Facebook dalam Postingan Blog AMP  Langkah 1 Pastikan kode di bawah ini, telah terpasang di template blog AMP anda. Untuk memastikannya, silakan cari dalam template blog anda apakah javascript AMP untuk "amp-facebook" telah terpasang atau belum?  <script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>   Jika, kode di atas belum terpasang di dalam template AMP anda, maka silakan untuk menambahkan kode di atas pada bagian tag head atau di atas kode  Langkah 2 Setelah memasang Javascript amp-facebook dengan benar di dalam template blog AMP anda. Langkah selanjutnya ketika akan memosting atau meng-embed status facebook ke dalam postingan blog. Wajib masuk menggunakan postingan mode HTML di blogger, bukan pada mode compose, Dimana status atau post facebook yang di-embed dimasukan ke dalam kode AMP HTML seperti berikut.  <amp-facebook width="552"       height="303"       layout="responsive"       data-href="https://www.facebook.com/winkamaru/posts/2032577100140617">    </amp-facebook>   Note: tulisan yang berwarna merah, silakan diganti dengan URL / Link post facebook yang hendak di-embed atau disematkan.  Hasilnya akan tampak seperti ini:    2. Cara Embed Status atau Post Twitter di Postingan Blog AMP  Masih sama seperti memasang embed status facebook, hanya saja bila di dalam blog belum terpasang kode javascript "amp-twitter" maka masukan atau tambahkan terlebih dahulu javascript yang dibutuhkan ke dalam template blog AMP anda. Caranya adalah:  Langkah 1 Tambahkan kode berikut di bagian tag head di dalam template blog AMP. Sama seperti menambahkan javascript "amp-facebook" di atas.  <script async='async' custom-element='amp-twitter' src='https://cdn.ampproject.org/v0/amp-twitter-0.1.js'/>   Langkah 2 Selanjutnya, setiap kali hendak memosting embed post twitter di dalam postingan blog AMP. Kita harus memasukannya ke dalam kode AMP HTML seperti berikut:  <amp-twitter width="400"       height="350"       layout="responsive"       data-tweetid="1045413794376282112"       data-cards="hidden">     </amp-twitter>   Silakan untuk mengganti data tweet id yang berupa kumpulan kode angka berwarna merah dengan kode tweet id pada post twitter yang hendak di-embed atau disematkan dalam postingan blog AMP anda.  Sehingga, hasil penerapannya akan tampak seperti ini:  Cara Memulai Bisnis Pulsa Digital Bersama Payfazz https://t.co/h3spssOAoe — Win Kamaru (@win_kamaru) September 27, 2018  3. Cara Embed Post Instagram ke Dalam Postingan Blog AMP  Langkah 1 Pertama silakan menambahkan javascript "amp=instagram" di bawah ini, ke dalam tag head template AMP anda, seperti menerapkan kode javascript amp-facebook dan amp-twitter di atas.  <script async='async' custom-element='amp-instagram' src='https://cdn.ampproject.org/v0/amp-instagram-0.1.js'/>   Langkah 2 Selanjutnya seperti cara di atas, ketika hendak memosting embed instagram ke dalam postingan blog AMP, wajib dimasukan menggunakan kode AMP HTML berikut:  <amp-instagram data-shortcode="BmAqrM-FaKG"       width="1080"       height="720"       layout="responsive">     </amp-instagram>   Silakan mengganti kode berwarna merah dengan short code dari link instagram yang hendak di-embed atau disematkan.    Jika kode AMP HTML dipasangkan dengan benar dalam postingan, maka hasilnya akan tampak seperti ini:  View this post on Instagram  my village in the morning... . . #photography #sunrise #village #bridge #sea #beach #gelavillage #taliabu #orangtaliabu. . . By: Win Kamaru A post shared by WIN KAMARU (@winkamaru) on Aug 3, 2018 at 1:42am PDT  Catatan Penting! Silakan untuk teman-teman atur sendiri mengenai ukuran lebar dan tinggi embed media sosial yang disematkan dalam postingan blog AMP. Caranya cukup mengubah angka width untuk lebar embed dan height untuk mengatur tinggi embed.  Sekian, semoga ulasan di atas mengenai cara embed status facebook, post twitter, dan post instagram ke dalam postingan blog AMP bisa bermanfaat dan mudah dipraktekan.
sumber gambar: creativebrains.co.in
Langkah 1
Pertama silakan menambahkan javascript "amp=instagram" di bawah ini, ke dalam tag head template AMP anda, seperti menerapkan kode javascript amp-facebook dan amp-twitter di atas.

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

Langkah 2
Selanjutnya seperti cara di atas, ketika hendak memosting embed instagram ke dalam postingan blog AMP, wajib dimasukan menggunakan kode AMP HTML berikut:

 <amp-instagram data-shortcode="BmAqrM-FaKG"   
   width="1080"   
   height="720"   
   layout="responsive">   
  </amp-instagram>   

Silakan mengganti kode BmAqrM-FaKG dengan short code dari link instagram yang hendak di-embed atau disematkan.

Cara Embed Status Facebook, Twitter, dan Instagram di Blog AMP
Jika kode AMP HTML dipasangkan dengan benar dalam postingan, maka hasilnya akan tampak seperti ini:


Catatan Penting!
Silakan untuk teman-teman atur sendiri mengenai ukuran lebar dan tinggi embed media sosial yang disematkan dalam postingan blog AMP. Caranya cukup mengubah angka width untuk lebar embed dan height untuk mengatur tinggi embed.

Sekian, semoga ulasan di atas mengenai cara embed status facebook, post twitter, dan post instagram ke dalam postingan blog AMP bisa bermanfaat dan mudah dipraktekan. 

0 komentar

Mohon tidak berkomentar dengan link aktif, termasuk berpromosi jasa dan lain-lain. Karena akan langsung dihapus