Monday, June 4, 2012

CARA MENAMBAHKAN WIDGET KALENDER DI BLOG

Blogger telah menyediakan banyak widget menarik yang bisa ditambahkan ke dalam blog. Ini adalah salah satu kelebihan blogspot dibandingkan dengan blog lain seperti wordpress. Sayangnya, terlalu banyak widget bisa membuat loading blog menjadi semakin lama. Karena itu, jangan terlalu banyak menambahkan widget di dalam blog. Jika memang harus menambahkan banyak widget, pastikan widgetnya tidak menggunakan Java Script. Apabila widgetnya menggunakan Java Script, pastikan Java Scripnya tidak lebih dari 1 ( untuk 1 widget ).

Untuk menambahkan widget baru di blog, kita bisa memilih widget yang di sediakan oleh blogspot. Selain itu, kita juga bisa menambahkan widget lain yang tidak disediakan oleh blogspot dengan cara memasukkan kode widget ke kotak HTML/JavaScript yang telah disedikan blogger dot com. Berikut penjelasan tentang kedua cara tersebut :

1. Menambahkan Widget yang disediakan oleh blogspot
  • Seperti kemarin biasa, masuk dulu ke akun blog menggunakan Username dan passwordanda.
  • Klik tanda panah hitam mengarah ke bawah yang ada di samping nama blog lalu pilih "Tata Letak".
widget, gadget blog, cara menambah gadget di blog, cara menambahkan widget baru di blogspot, menambahkan widget blog, tutorial menambahkan widget baru di blog
Gambar 1 : Cara Menambah widget di blog
  • Di halaman "Tata Letak", klik tulisan "Tambah Gadget".  Anda akan melihat banyak tulisan "Tambah Gadget". Dimanapun anda mengklik tambah gadget, di situlah letak gadget akan tersimpan.

widget, gadget blog, cara menambah gadget di blog, cara menambahkan widget baru di blogspot, menambahkan widget blog, tutorial menambahkan widget baru di blog
Gambar 2 : Cara Menambah widget di blog

  • Klik tanda Plus atau nama widget / gadget yang ingin ditambahkan di blog pada  pop up window yang muncul seperti gambar dibawah ini :
widget, gadget blog, cara menambah gadget di blog, cara menambahkan widget baru di blogspot, menambahkan widget blog, tutorial menambahkan widget baru di blog
Gambar 3 : Cara Menambah widget di blog

  • Di halaman berikutnya, anda tinggal mengklik "Simpan". 

 2. Menambahkan widget yang tidak di sediakan oleh blogspot

Anda juga bisa menambahkan widget yang tidak di sediakan oleh blogspot, misalnya widget yang di share oleh blogger lain dengan memberikan kode HTML widged. Untuk menambahkan widget di blog yang telah diketahui kode HTMLnya, berikut panduannya :
  • Saat muncul pop up window setelah mengklik tulisan "Tambah Gadget" pilih gadget "HTML/JavaScript".
widget, gadget blog, cara menambah gadget di blog, cara menambahkan widget baru di blogspot, menambahkan widget blog, tutorial menambahkan widget baru di blog
Gambar 4 : Cara Menambah widget di blog

  • Anda akan melihat kotak HTML/JavaScript. Masukkan Judul Widget pada kotak pertama, dan masukkan kode Widget pada kotak kedua. Note : Judul widget terserah anda.

widget, gadget blog, cara menambah gadget di blog, cara menambahkan widget baru di blogspot, menambahkan widget blog, tutorial menambahkan widget baru di blog
Gambar 5 : Cara Menambah widget di blog
  •  Pastikan tidak ada kesalahan pada kode HTML widget. Kurang 1 karakter saja bisa membuat widgetnya tidak akan bekerja sebagaiman mestinya. Klik "simpan" jika sudah selesai.

Catatan :
  • Dimanapun anda mengklik tulisan "Tambah Gadget", maka disitulah letak widgetnya akan tersimpan. Widget tersebut bisa di pindahkan ke tempat lain dengan Drag and Drop ( Klik, tahan lalu seret mouse ) ke tempat lain yang di inginkan.
  • Pilih widget yang tidak terlalu banyak menggunakan file Java Script agar tidak membuat blog lama di load browser.
  • Beberapa widget kadang harus di tambahkan dengan mengedit kode HTML template blog. Untuk cara menambahkan widget dengan cara seperti ini, klik "Cara Mengedit Template Blog".
Semoga artikel singkat tentang "cara menambahkan widget baru di blog" ini bermanfaat. Sebaiknya baca juga artikel : "Cara setting Blog". Jika ada yang kurang jelas, tulis di kotak komentar.
Selamat mempercantik blog, Happy blogging...........

No comments:

Post a Comment

Post a Comment