Cara Menambahkan Widget Feed di Template AMP

BeHangat.Net Cara Menambahkan Widget Feed di Template AMP - Pada kesempatan kali ini admin BeHangat.Net akan memberikan cara bagai mana cara menambahkan Widget Feed di Template AMP dengan benar,atau banyak orang - orang menamakan Cara Membuat Random Posts Untuk Blog AMP HTML dengan FeedWind.FeedWind merupakan widget untuk menampilkan rss yang dinamis dalam bentuk yang menarik.
Artikel Terkait
Dengan FeedWind, kita tidak perlu susah membuat kode program dari awal dan kita hanya perlu memodifikasi sedikit saja. Kelebihan yang lainnya yaitu FeedWind sangat mudah dimodif seperti mengganti warna/ukuran font, menyertakan thumbnail dll. Jika kalian tertarik untuk menggunakannya. bisa ikuti langkah- langkah di bawah ini.

Cara Menggunakan FeedWind untuk Membuat Rendom Posts

  1. Pertama-tama kita harus daftar utnuk membuat akun di FeedWind
  2. Setelah kalian berhasil untuk daftar, Kalian Memlih atau klik RSS FEED
  3. Kemudian masukan alamat web yang akan di randomkan di FEED URL. kemudian klik ikon (+) Tambah
    Setelah kalian lakukan langkah tersebut maka kalian bisa melihat preview rss feed dari alamat yang kalian buattadi di kotak sebelah kanan.
  4. Jika Kalian Ingin Mengatur tampilanya, maka kalian bisa scrolling ke bawah di mana kalian bisa melihat opsi untuk menyesuaikan tampilan scrolling rss feed yang akan kalian tempelkan di website nantinya.
  5. Bila kalian sudah cocok dengan tampilannya untuk ditempel di website, langkah selanjutnya yaitu copy-kan script code dengan cara klik Save And Get Code kemudian Klik Get iFrame Version. Salin atau copy kode src untuk lebih jelasnya silahkan lihat gambar di bawah ini

Cara Memasang FeedWind di Blog

Setelah kalian selesai langkah di atas selanjutnya cara memasang feedwind di website atau blog. Sebenarnya caranya sangat mudah, berikut akan admin behangat jelaskan kembali cara memasnagnya untuk di blogsepot. silahkan di simak baik-baik:
  • Masuk ke Blogger.com lalu login
  • Langkah Kedua, Pilih Tata Letak (dalam bahasa indonesia)
  • Pilih Tambah GadGet dan tambahkan Widget baru aitu HTML/JavaScript
  • Kemudian Paste Kode Yang di awal tadi dan rubah menjadi kode ini
      <amp-iframe src="https://feed.mikle.com/widget/v2/xxxxx/" frameborder='0' height='402' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-modals allow-popups'> </amp-iframe>  
    ingat
    1. Ganti kode SRC =https://feed.mikle.com/widget/v2/xxxxx/ dengan kode punya kalian
    2. Sesuaikan ukuran height, misal height pada widget mikle 400px, maka height pada amp-iframe adalah 402px (ditambah 2px)
  • Kemudian save dan lihat hasilnya
Untuk melihat hasilnya kalian bisa melihat di bagian bawah atau footer di tampilan BeHangat.Net bagai mana apakah kalian tertarik. jika iya silahkan di coba

Itulah artikel tentang Cara Menambahkan Widget Feed di Template AMP, Jika kalian masih ada yang kurang mengerti silahkan bertanya di kolom komentar yang sudah tersedia di bawah artikel ini dan jangan lupa untuk share artikel ini agar semakin banyak orang orang yang mengetahui dan membaca karena dengan membaca kita jadi tahu.

Baca Juga : Cara Dan Solusi Submit Url Google Yang Menghilang

Jika ada kesalahan kata BaHangat.Net minta maaf, dan semoga artikel ini berguna, bermanfaat. Terimakasih sudah membaca dan sudah mampir di BeHangat.net sampai jumpa di pertemuan berikutnya.

Trimakasih dan selamat Mencoba *-*

Hay Semuanya, Mau Tulisan kalian di Munculkan di Web ini, Jika Mau silahkan kunjungi atau Klik Link ini Guest Post Tentunya dengan Persyaratan yang Terpenuhi. Trimakasih ~ Admin

Reaksi:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser