Menggunakan HTML Gadget untuk Memasang Widget di Blogspot

Beberapa orang mengalami kesulitan atau masalah ketika menggunakan pos otomotis untuk memasang widget islami Alhabib ke blog mereka di Blogspot. Ada yang memperoleh pesan error atau failed (gagal). Ada juga yang mengalami kesulitan lain sehingga tidak bisa memasang widget secara otomatis.

Tutorial ini bertujuan untuk memberi petunjuk, langkah demi langkah bagaimana cara memasukkan atau memasang widget tersebut secara manual di Blogpspot.

Menggunakan HTML Gadget

1. Salin (copy) kode widget yang tersedia di setiap halaman widget islami Alhabib.

Kotak kode embed/HTML bagi widget islami Alhabib

Kode ini dapat dimunculkan pada halaman penyetelan setiap widget dengan menekan tombol: BLOG ME!. Berikan klik pada kotak kode embed yang muncul atau pada tombol COPY. Kode tersebut akan tersalin dan disimpan dalam memori komputer.

2. Masuk ke halaman pengelolaan blog anda di Blogspot.

Menu pengelolaan pada daftar blog di Blogspot

Kunjungi www.blogger.com dan masukkan akun Google anda beserta kata sandinya. Jika semua berjalan lancar anda akan dibawa ke halaman pengelolaan blog anda. Jika anda memiliki lebih dari satu blog, maka akan muncul daftar blog anda di sana. Klik tombol TATA LETAK pada daftar blog yang anda ingin pasangi widgetnya. Sebuah diagram tampilan blog anda beserta komponen pelengkapnya akan tertampil.

3. Tambahkan gadget HTML baru.

Menu penambahan Gadget pada halaman pengelolaan tata letak blog di Blogspot

Cari tombol Tambah Gadget pada tampilan tata letak blog anda. Tergantung dengan tema blog yang anda pakai, tombol ini bisa berada di mana saja dan bisa berjumlah lebih dari satu. Pilih tempat yang anda inginkan widget akan tertampil dan klik tombol tersebut.

4. Sisipkan kode HTML pada kotak konfigurasi.

Jendela Konfigurasi HTML/Javascript pada BlogpspotSebuah kotak bertajuk Konfigurasi HTML/Javascript akan tertampil. Di sana anda dapat mengisi judul dari gadget ini yang akan ditampilkan bersama widget. Pada bagian Konten, masukkan atau sisipkan kode widget yang telah anda salin pada langkah 1 dengan menekan Ctrl-V atau klik-kanan dan kemudian Paste. Selanjutnya tekan tombol SIMPAN.

5. Simpan perubahan Tata Letak blog anda.

Simpan perubahan Tata Letak dengan menekan tombol SIMPAN

Anda akan kembali ke halaman pengelolaan Tata Letak blog anda dan sebuah pesan akan memberitahu anda bahwa sebuah elemen halaman baru telah ditambahkan. Anda juga dapat melihat Judul dari Gadget yang baru saja anda tambahkan telah muncul di tempat penambahannya (langkah 3). Untuk melihat hasil penambahan widget islami Alhabib ini, klik tombol PRATINJAU. Jika anda puas, jangan lupa menekan tombol SIMPAN pada halaman Tata Letak ini untuk menyimpan perubahan tampilan blog.

Demikianlah cara manual untuk memasang widget islami Alhabib di Blogspot. Semoga bermanfaat dan berhasil menampilkan widget-widget islami pilihan untuk para pengunjung blog anda.

Habib bin Hilal

Habib bin Hilal adalah pengelola dan Editor dari blog ini serta situs Alhabib - Mewarnai dengan Islam.

49 Comments

  1. Terimakasih ya,huhu.. terharu dari tadi gak bisa-bisa akhirnya bisa juga :’)
    Tulisannya membantu :’)
    Syukron 🙂

  2. tips sangat bermanfaat.ini namanya artikel berkualitas,banyak manfaat nya terima kasih banyak ya,,
    yang ingin mempunyai hal bermanfaat lainnya,nih contoh nya artikel lainnya,yang ga suka jangan di baca

  3. Sangat penting sekali kegunaan widget untuk blog kita ya.. apalagi widget histats tapi sayang loadingnya jadi agak berat..
    trims.. sangat bermanfaat sekali..

  4. Boleh berkat ini jadi bisa cara menambah widged kedalam blog saya…………….
    Terima kasih banyak……………………………………

  5. Assalamualaikum,saya coba save di widget html/javascript, tapi saat di save tidak ada respon sama sekali dan di ujung kiri bawah jendela konfigurasi html/javascript terdapat keterangan javascript:void(0) kenapa ya/ minta bantuannya terima kasih Habib,
    Wassalam

    • sepertinya ada yang menghambat script javascriptnya. Mungkin harus pakai komputer atau browser lain.

  6. Assalamu ‘alaikum,
    Kakak, aku kesulitan memasang salah satu widget-mu, di site tagged-ku.
    Sudah aku coba dengan 2 cara, yang menggunakan BLOG ME! tertulis failed,
    yang COPY EMBED CODE langsung di site Tagged-nya tertulis: ‘you are attemping to post content which includes flash widget not supported on tagged’!
    Kok bisa ya?
    Padahal logo tagged-nya juga ada di situ tuh…~
    Help me, please. Thank you

  7. *NUMPANG LEWAT
    “SELAMAT! Untuk Pencinta Handphone Mania.. hanya untuk Anda.
    Gampang dan Murah… langsung dapat di HP kamu. Caranya kamu tinggal ketik REG MAIN kirim ke 9789(khusus pengguna Telkomsel, yach..)atau Coba masuk aja ke WAP RujakAsik di http://m.rujakasik.com dari browser HP kamu. Didalamnya ada ribuan konten seperti GAME, VIDEO, KOMIK, THEME, RINGTONE, DAN WALLPAPER yang bisa kamu download. Ramai dan banyak pilihannya, pasti tidak akan nyesel dechhh…”

  8. boleh tak saya nak letakkannya di dalam FB saya? Kalau boleh bagaimana…? Terima kasih…

  9. saya pasang “jadwal waktu sholat” kok melebihi batas laman….
    bagaimana cara menempatkan posisi widget/gadget supaya tidak melewati garis batas?

  10. Bagaimana masang widget islami Alhabib untuk website yang ada kan untuk Blog, bisa tidk untuk WEB Pribadi

    • utk web pribadi pun insyaallah bisa. Tinggal salin kode yang muncul dan sisipkan di tempat yang diinginkan pada web pribadi anda.

  11. Boleh saudara buatkan bendera berkibar logo bulan Parti Islam SeMalaysia PAS.

  12. makasih banyak, i like it. Before, i did not understand to display in my blog, but now i understand how to do it, thanx you very much 😀

  13. Salam
    Bolehkah jika nak insert dlm blog atau space versi LIVE space?
    Saya dah cuba banyak kali tapi gagal…

    Terima kasih

Tinggalkan Balasan