Pages

Sabtu, 10 November 2012

Cara Menambahkan Widget Baru di Blog

Cara Menambahkan Widget di Blog - Semua blogger pasti ingin membuat blognya tampil menarik. Blog yang menarik, akan membuat pengunjung lebih betah dan tidak bosan berkunjung. Ada 2 cara yang biasa dilakukan untuk mempercantik tampilan blog. Yang pertama adalah dengan mengedit kode HTML Template blog, dan yang kedua adalah dengan Menambahkan widget / gadget baru ke dalam blog, baik di sidebar, footer, maupun di bawah atau diatas postingan blog.

Cara Menambahkan widget

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.

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.com. Berikut penjelasan tentang kedua cara tersebut :

1. Menambahkan Widget yang disediakan oleh blogspot
  • Seperti biasa, masuk dulu ke akun blog menggunakan Username dan password anda.
  • 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. 
Semoga artikel singkat tentang "cara menambahkan widget baru di blog" ini bermanfaat. 

Selamat berkarya... :)

Sumber: BlogerBugis
Comments

0 komentar:

Posting Komentar