Beranda Dokumentasi Widget

Mengonfigurasi Widget Kustom Halaman Facebook dan Youtube Channel

Langkah demi langkah mengonfigurasi widget khusus di Gila Material Pro.

Ishar Yulian Satriani

Juli 12, 2022

---

Daftar Isi

Cara mengonfigurasi widget Halaman Facebook

Ikuti langkah ini:

Masuk ke Dashboard Blogger > pilih menu Tata Letak.

Cari bagian yang berjudul MENU SIDEBAR.

Klik tombol edit (ikon pensil) di Gadget Ikuti di Facebook (Gadget HTML/JavaScript).

Akan muncul pop-up konfigurasi Widget.

Pada kolom Judul isi sesuai keinginan (Opsional).

Pada kolom Konten isi dengan script dibawah ini:

<div class="facebook_page">
  <div class="facebook_photo">
    <img alt="Facebook Photo" class="lazyload" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUM3oXluNtzgvPYgjmIvftdIPlqcxI_Ljpn9HjWf5HpmL0XT56Di5VbUht7eUV0C1d9x_-Em1vkE-NcnPfyVWBvnHmgq6CDvpCtMzqcCfouLIsvyYrdoFQs3SAuWgk102t4GyOsF8tS2f0pI-CxU5vv4ZisGXWhhMWCoY-CMTHHfrhKnlcpjaI68rd/s1600/Logo%20GTX%20500x500.jpg" src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC'/>
  </div>
  <div class="facebook_detail">
    <div class="facebook_name">
      Gila Temax
    </div>
    <div class="facebook_description">
      Gudangnya Template Blogspot Gratis dan Premium.
    </div>
    <a href="https://www.facebook.com/Gilatemax" class="gmp_button unelevated rounded" rel="nofollow noreferer" target="_blank">
      Follow
    </a>
  </div>
</div>

Informasi Ganti dengan url gambar Halaman Facebook Anda.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUM3oXluNtzgvPYgjmIvftdIPlqcxI_Ljpn9HjWf5HpmL0XT56Di5VbUht7eUV0C1d9x_-Em1vkE-NcnPfyVWBvnHmgq6CDvpCtMzqcCfouLIsvyYrdoFQs3SAuWgk102t4GyOsF8tS2f0pI-CxU5vv4ZisGXWhhMWCoY-CMTHHfrhKnlcpjaI68rd/s1600/Logo%20GTX%20500x500.jpg" src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC

Ganti dengan nama Halaman Facebook Anda.

Gila Temax

Ganti dengan deskripsi Halaman Facebook Anda.

Gudangnya Template Blogspot Gratis dan Premium.

Ganti dengan url Halaman Facebook Anda.

https://www.facebook.com/Gilatemax

Cara mengonfigurasi widget Youtube Channel

Ikuti langkah ini:

Masuk ke Dashboard Blogger > pilih menu Tata Letak.

Cari bagian yang berjudul MENU SIDEBAR.

Klik tombol edit (ikon pensil) di Gadget Subscribe Youtube (Gadget HTML/JavaScript).

Akan muncul pop-up konfigurasi Widget.

Pada kolom Judul isi sesuai keinginan (Opsional).

Pada kolom Konten isi dengan script dibawah ini:

<div class="youtube_page">
  <div class="youtube_photo">
    <img alt="YouTube Photo" class="lazyload" data-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8BKApf8Tor0AHd2yhICZqWLE9POBPO79F9TQGRTQtCoBsMdV0L3FhqQLwWxVlua2pAEFi9ZptQ-zxX7ksNbqrUvTGibuOnQdT5cmdCB4FvI_Th85Wqy240_nKSErd0xRLDrkpsPCEc6DCzYwksKTrR6zTG40JtWzgPN_fVhgvG7fALeIpnp3ptLo9/s16000/My%20PHOTOS.jpg" src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC'/>
  </div>
  <div class="youtube_detail">
    <div class="youtube_name">
      Space Back Business
    </div>
    <div class="youtube_description">
      Channel yang membahas seputar Blogging.
    </div>
    <a href="https://www.youtube.com/channel/UCw4QsMGWZmueFt43QSJEsbQ?sub_confirmation=1" class="gmp_button unelevated rounded" rel="nofollow noopener noreferer" rel='nofollow noreferrer' target="_blank">
      Subscribe
    </a>
  </div>
</div>

Informasi Ganti dengan url gambar Youtube Channel Anda.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8BKApf8Tor0AHd2yhICZqWLE9POBPO79F9TQGRTQtCoBsMdV0L3FhqQLwWxVlua2pAEFi9ZptQ-zxX7ksNbqrUvTGibuOnQdT5cmdCB4FvI_Th85Wqy240_nKSErd0xRLDrkpsPCEc6DCzYwksKTrR6zTG40JtWzgPN_fVhgvG7fALeIpnp3ptLo9/s16000/My%20PHOTOS.jpg" src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC

Ganti dengan nama Youtube Channel Anda.

Space Back Business

Ganti dengan deskripsi Youtube Channel Anda.

Gudangnya Template Blogspot Gratis dan Premium.

Ganti dengan url Youtube Channel Anda.

https://www.youtube.com/channel/UCw4QsMGWZmueFt43QSJEsbQ

Jika Anda ingin melaporkan beberapa bug, Anda dapat menulisnya di bagian komentar halaman Laporkan Bug dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tulis di bagian komentar di halaman Request dan Feedback.

2 komentar Bagikan

Ishar Yulian Satriani

Front-end web developer at Gila Temax.
Follow me on: Instagram

Gabung dalam percakapan (2)

2 komentar

Admin berhak menghapus komentar Anda jika mengandung kata-kata yang tidak pantas, silahkan berkomentar dengan bijak.

Admin
07 Juli, 2022 13:22

Profil

Admin

Berkata: Tes

Lihat profil
Hapus komentar
Tes
Lihat balasan +1

Sembunyikan balasan
- Ahmad Nur Kabib
  06 September, 2022 20:22
  
  Profil
  
  Ahmad Nur Kabib
  
  Berkata: ok min...
  
  Lihat profil
  
  Hapus komentar
  
  ok min...
Balas
Balas