Skip to main content

Cara Menambahkan Widget di Blog

Cara menambahkan widget atau gadget di blog pada template terbaru blogger, dibagian header, sidebar, main blog, footer dan lain-lain.

Widget atau gatget blog adalah suatu aplikasi atau fitur blog yang bisa digunakan untuk memaksimalkan user interface maupun kinerja blog tersebut.

Dalam platform blogger tentunya sudah disedikan widget gratis yang bisa kita gunakan dengan gratis diataranya adalah:
  • Adsense - Hasilkan pendapatan dengan menampilkan iklan yang relevan di blog Anda.
  • Featured Post - Unggulan Pasca Unggulan Posting Soroti pos khusus di blog Anda.
  • Blog Search - Biarkan pengunjung mencari blog Anda.
  • HTML / JavaScript HTML - Tambahkan fungsi pihak ketiga atau kode lain ke blog Anda.
  • Profile - Tampilkan informasi tentang diri Anda kepada pengunjung Anda.
  • Blog Archive - Permudah pengunjung untuk menavigasi blog Anda dengan tautan ke postingan lama.
  • Page Header - Tampilkan judul dan deskripsi blog Anda.
  • Followers - Menampilkan daftar pengguna yang mengikuti blog Anda.
  • Image - Tambahkan gambar dari komputer Anda, atau dari tempat lain di web.
  • Labels - Tampilkan semua label posting di blog Anda.
  • Pages - Tampilkan daftar halaman yang berdiri sendiri di blog Anda.
  • Link List - Daftar Tautan Tampilkan koleksi situs, blog, atau halaman web favorit Anda untuk pengunjung Anda.
  • Text  - Tambahkan pesan teks ke blog Anda.
  • Populer Posts - Tampilkan daftar posting paling populer dari blog Anda.
  • Blog's stats - Statistik blog Tampilkan jumlah tampilan halaman ke blog Anda.
  • Blog List - Daftar Blog Daftar Pamerkan apa yang Anda baca dengan blogroll blog favorit Anda.
  • Follow by Email - Ikuti dengan Email Permudah pengunjung untuk berlangganan pengiriman email ketika Anda mempublikasikan posting.
  • Feed - Tambahkan konten dari umpan RSS atau Atom ke blog Anda.
  • Logo - Tunjukkan kebanggaan Blogger Anda dengan menambahkan logo ke halaman Anda.
  • Poll - Survei pengunjung Anda dengan menambahkan jajak pendapat ke blog Anda.
  • Subscription Links - Tautan Langganan Biarkan pembaca Anda dengan mudah berlangganan blog Anda dengan pembaca umpan populer
  • +1 Button - Biarkan pengunjung dengan cepat merekomendasikan merek dan konten Anda.
  • Oleh Blogger
  • Translate - Biarkan pengunjung menerjemahkan blog Anda ke dalam berbagai bahasa.
  • List - Tambahkan daftar buku favorit Anda, film, atau apa pun yang Anda suka.
  • Google+ Followers - Soroti total pemirsa Google+ Anda (baik ukurannya dan beberapa wajah yang ramah), dan tawarkan kepada pengunjung kesempatan untuk mengikuti Anda di Google+.
  • Google+ Badge - Beri tahu pengunjung Anda bahwa Anda ada di Google+ dan biarkan mereka mengikuti Anda dengan satu klik.
  • Attribution - Tampilkan data atribusi blog Anda.
  • Report Abuse - Laporkan Penyalahgunaan Laporkan konten yang tidak pantas.
Setelah kita paham fungsi dari berbagai macam gatget blog diatas, lalu tinggal menembahkan widget atau gadget pada template blog kita. Ada beberapa kasus yang akan saya jawab dalam tutorial kali ini.

#1 Bagaimana cara menambahkan widget atau gadget pada layout?

add gadgets

Pada gambar bisa dilihat ada tombol + add gadget yang jika kita klik akan menuju ke kumpulan widget yang bisa kita pilih sesui dengan kebutuhan.

Setelah memilih widgate kita juga bisa merubah posisi widget dengan cara mengklik lalu tahan gadget yang kita pilih lalu di geser sesuai dengan keinginan.

#2 Bagaimana cara menambahkan widget atau gadget pada layout yang tidak memiliki tombol atau pilihan +add gadget?

cara menambahkan add gadget

Terlihat pada tanda panah bahwa section pada header tidak memiliki tombol add gadget.

Cara merubahnya adalah dengan cara menghapus code showaddelement='false' pada section yang mau kita pilih, misalnya pada header terdapat code seperti ini:

<b:section class='container' id='header' name='Header' showaddelement='false'>

Rubah menjadi seperti ini:

<b:section class='container' id='header' name='Header' >

#3 Bagaimana cara menambahkan widget atau gadget di area header, sidebar maupun footer yang pada layoutnya tidak memiliki fitur menambahkan widget atau gadget?

Pada kasus ini kita harus menambahkan code HTML pada area yang kita inginkan, Terlebih dahulu sobat harus paham di mana letak2 area code yang menjadi incaran kita,karena kalau salah meletakkan maka akan terjadi eror atau tidak bisa di save.

Code HTML yang kita tambahkan adalah seperti berikut:

<b:section class='widget_tambahan' id='widget_tambahan' name='widget tambahan' ></b:section>

Baca juga: CARA MEMBUAT MENU NAVIGASI DI FOOTER BLOG

#4 Bagaimana cara menghapus widget/gadget yang tidak bisa dihapus atau tidak memiliki tombol remove pada widget tersebut?

Sebagai contoh saya akan menggunkan code pada widget header.

<b:widget id='Header1' locked='true' title='tes (Header)' type='Header' visible='true'>

Perhatikan pada code locked='true' , ganti dengan false, sehingga menjadi seperti ini:

<b:widget id='Header1' locked='false' title='tes (Header)' type='Header' visible='true'>

Sampai disini ke 4 permasalahan sudah teratasi Cara Menambahkan Widget di Blog, jika ada pertanyaan lebih lanjut atau eror bisa ditanyakan pada koment ini, semoga artikel bisa bermanfaat buat teman-teman semua dan jangan lupa sharing kepada teman-teman lainnya yang membutuhkan, Salam - Seo v6.

Comments

  1. saya udah tambahin add widget pke cr ke 2 sdh bs. kmdian ane tmbhn html/javascript buat shortlink di setiap link tp kok gk ngaruh ya gan

    ReplyDelete
    Replies
    1. cara diatas hanya untuk menambahkan widget bukan untuk menambahkan shortlink, jadi Pengaruh tidaknya tergantung dari cara membuat shortlinknya itu sendiri,

      Delete
    2. iya ane tau cara di atas buat nambah widget. tp ane liat di grup gtu cara tambahin script shortlink d bagian html/javascript tp gk tau salah d mananya. script shortlinknya gk fungsi

      Delete

Post a Comment