Cara Menampilkan Widget Flash Islami Alhabib di WordPress

Beberapa waktu yang lalu, saya menemukan blog wordpress.com yang menampilkan widget islami alhabib berbasis flash lengkap dengan animasinya. Wah, temuan baru nih. Kenapa demikian? Karena sebelum ini, saya mengetahui bahwa blog WordPress yang gratisan tidak mengijinkan penyisipan widget atau isi berupa flash secara langsung (memakai kode embed).

Sebelumnya ada yang menyarankan menggunakan layanan vodpod untuk mengatasi hal ini. Tetapi prosedur untuk itu lumayan repot dan saya hanya berhasil memasukkan widget flash pada bagian pos atau halaman tetapi tidak berhasil untuk sidebar.

Sekarang, sepertinya wordpress telah merubah kebijakan mereka tentang penyisipan widget flash ini. Paling tidak, kita bisa menampilkan widget flash pada sidebar.

Bagaimana caranya?

Sejauh ini, belum saya temukan cara langsung menampilkan widget flash islami pada sidebar. Misalnya dengan langsung copy-paste kode embed pada widget Text wordpress. Ada 2 langkah utama yang harus dilakukan, yaitu:

  1. Gunakan fasilitas post-to-blog di halaman konfigurasi untuk secara otomatis membuat pos baru pada blog wordpress anda.
  2. Lihat dan Edit pos baru tersebut, dapatkan kode yang tertulis dan pindahkan kode ini ke widget Text untuk sidebar.

Untuk keterangan lebih rinci, silakan mempelajari langkah-langkah berikut ini:

howto-flash-widget-wp-0101. Pada setiap halaman widget islami ada tombol BLOG ME!. Pencet tombol ini untuk mendapatkan kode embed atau pilihan untuk membuat pos otomatis ke blog anda.
howto-flash-widget-wp-0202. Klik pada tombol WordPress yang berada di atas di antara tombol-tombol situs jaringan sosial lainnya.
howto-flash-widget-wp-0303. Kotak dialog lain akan muncul yang meminta anda memasukkan kode akses ke blog anda. Nama dan kata kunci anda tidak akan disimpan. Keduanya hanya dipakai untuk membuat sebuah pos secara otomatis di blog anda. Jangan lupa menuliskan alamat blog WordPress anda dengan benar. Pencet tombol POST.

PERHATIKAN: Pastikan username dan nama blog anda benar! Kadang-kadang nama blog anda berbeda dengan username, jika anda memiliki lebih dari satu blog di wordpress.

howto-flash-widget-wp-0404. Tunggu beberapa saat hingga muncul konfirmasi bahwa pos telah berhasil dibuat.
howto-flash-widget-wp-0505. Sekarang, tutup kotak dialog tersebut dan layari halaman blog anda kemudian log-in di sana.
howto-flash-widget-wp-0206. Lihat bagian Posts di Dashboard anda. Pada daftar Pos yang anda miliki akan ada satu pos baru berjudul widget islami yang anda pilih. Edit pos ini untuk melihat kode yang telah terkirim.
howto-flash-widget-wp-0207. Anda akan melihat kode semacam gambar di samping pada pos anda dalam mode VISUAL. Pilih semua kode yang tertampil (di antara dua kurung siku). Mungkin anda harus mengklik dua kali (double-click) untuk bisa meletakkan kursor pada kode. Tekan Ctrl-A atau klik-kanan: Select all. Kemudian salin (copy) melalui klik-kanan atau menekan tombol Ctrl+C.
howto-flash-widget-wp-0208. Kini, pergi ke kotak pengatur Tampilan (Appearance) dan klik Widgets.
howto-flash-widget-wp-0209. Dari daftar Widget yang tersedia, pilih Text dan klik Add (Tambahkan). Sebuah Widget Text akan ditambahkan ke Sidebar anda pada sisi kanan. Ubah isi Text Widget ini dengan menekan tombol Edit.
howto-flash-widget-wp-0210. Setelah kotak Text terbuka, sisipkan kode yang telah anda salin sebelumnya. Anda bisa memakai klik-kanan Paste atau Ctrl-V. Kode akan tertulis seperti di kotak itu. Anda juga bisa menambahkan judul untuk widget anda pada kolom paling atas. Klik DONE (Selesai) dan jangan lupa langkah terakhir di bawah.
howto-flash-widget-wp-0211. Klik tombol Save Changes (Simpan Perubahan). Kini lihat hasilnya dengan mengunjungi situs blog anda. Berhasil?

Itulah langkah-langkah yang harus anda lakukan untuk menampilkan widget islami kesukaan anda pada blog WordPress. Kini blog anda pun bisa menampilkan aneka pilihan jam islami, kalender islami, maupun widget islami lainnya.

Semoga bermanfaat.

Habib bin Hilal

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

83 Comments

  1. aduh pengen banget masang widgetnya, tapi kok ga bisa ya…? tolong dibantu yaa… 🙂

  2. Gimana nih kok setelah q tkn post, kok slalu failed ????

    padahal id dan passwordnya benar. tolong di bantu yaaaaaa

  3. jazakallah! benar-benar widget yang cerdas dan menarik. semoga pahala amal jariyah tercurah untuk antum.

  4. saya setiap mengklik post selalu gagal, kenapa ya? padahal username, password, alamat blognya sudah benar. mohon penjelasannya. syukran

  5. komen sopan,setelah klik blog me ko kodenya ga keluar ya?cuma ada tulisan update code..,saya jd binggung,tolong bantuannya:)

    • langsung aja setelah itu kamu tekan logo worpress yang ada di sebelah kanan, terus akan muncul log in wordpress. nah terus cek di dashboard wordpress-mu, pasti ada laporan posting baru. buka posting itu, edit, nanti keluar embed codenya.. semoga jelas. salam kenal… dari warungkopiomcan.wordpress.com

    • oh gitu ya mz,mungkin coneksi saya x ya yang kurang ndukung.padahal dah di blog me trs keluar update code tp di sebelah kanan ga muncul apa2.dah tak tunggu lama tp blm ja keluar2….

    • Sorry, automatic post to WordPress.com is currently not available!
      kenapa kata2 itu yang muncul saat ku klik logo wordpress. tolong donk

  6. Ass.
    Numpang tanya, kalau mau ganti tanggal di Cute Little Muslim, gimana caranya??
    Trims..

  7. saya senang banget. tapi koko belum bisa ya..ketika login ke username dan klik post belum bisa. tapi mau coba terus sampai bisa.

  8. waw blog saya jadi keren nih. maksih banyak ya…saya hnya dapat disini nih. ada jam, kalender dll. syukron

    • Di akhir tulisan di atas, ada tautan ke tulisan lain yang berhubungan dengan cara memasang utk blogger.

  9. Alhamdulillah…
    jazakallahu khaer akhi, widgetnya sudah terpasang.
    barakallahu fiikum

  10. Assalam wr wb.
    Jazaakallah Khairan Katsiran Akhi, Alhamdulillah Ana Sudah bisa menampilkan Kalender dan Jam Alhabib. sudah sejak lama ana inginkan seperti ini Thank..Oke

  11. Alhamdulillah, semoga ilmu yang anda sebarkan mewarnai dunia indonesia dan dunia maya dengan nuansa ke islaman, tidak hanya nuansa tapi pengamalannya meningkat juga.
    trim’s banyak

  12. Ass. Yth Akhi, saya tidak dapat menekan tombol Bloh me, untuk mendapatkan kode pilihan jam dinding. mohon bantuannya

    • Boleh tahu, browser apa yang dipakai? Dan apakah sudah terinstall flash player di komputer Bapak?

  13. Asw…’afwan sebelumnya saya pke wordpress dan ketika saya coba yang terkirim di post bukan tulisan melainkan kotak yang ditengahnya terdapat logo kecil ‘flash’ itu kenapa ya?

    • Itu berarti plugin atau software flash yang diperlukan untuk menampilkan widget Alhabib tidak terpasang di komputer atau terhalang aktifasinya…

  14. masih belum paham kalau belum dicoba…tak nyoba dulu ya pak
    makasih sodaqoh ilmunya, semoga diniliai sebagai amal

  15. Dari situs lain saya tidak bisa… Kecuali mereka menggunakan sistem yang sejenis dengan yang dipakai di situs Alhabib.

  16. saya penggemar BLOG anda.mau tanya nih,kalo masukin embed flash dari website lain bisa apa tidak?adakah syarat lain untuk bisa masukin flash dari web lain?mohon kesediaan nya di balas.syukron.

    • Sebenarnya pada setiap halaman penyetelan widget, ada pilihan untuk peletakan widget: mau rata kiri, tengah atau kanan. Namun, peletakan ini kadang tidak berfungsi karena dipengaruhi oleh kode html di sekitarnya (dalam hal ini tema/template wordpress yang dipakai).

      Wah sayang sekali, anda tidak lagi memakai widget Alhabib.

      Terima kasih telah menunjukkan permasalahan ini…

  17. Salam…
    pertanyaan gw juga sama ama si albeloot gimana cara mau menampilkan theme yg di download dr wordpressbox.com ke situs blog(wordpress gratis..) sendiri.

    Mekasih.

  18. Salam… gimana cara mau menampilkan theme yg di download dr wordpressbox.com ke situs blog sendiri.

    Mekasih.

    • Kalau memakai wordpress.com (blog yang gratis) kita hanya bisa menampilkan theme yang disediakan oleh wordpress.com. Untuk bisa memakai theme lain, kita harus menggunakan wordpress pada situs blog yang kita bikin sendiri. Kalau masih ikutan wordpress.com tidak bisa. Itu sepengetahuan saya.

  19. Alhamdulillah,

    Syukron widgetnya insya Allah bermanfaat sekali 🙂

    Wassalam,
    Rozy – Batam

  20. Assalamu’alaikum Wr.Wb.
    Bagaimana cara membuat widget ke tengah?
    soalnya saat saya paste di wordpress selalu ke kiri
    Terima kasih.
    Wassalamu’alaikum Wr.Wb.

  21. Thanx ya, buat widgetnya mas habib
    Tambah Uapik nih blog saya

    BTW, permisi ya mas habib, saya posting cara-cara masukin widget nih ke blog saya ya….

    Boleh Mas….

    • Wa’alaikumussalam.

      Maaf kalau saya yang jawab.
      Widget Asmaul-Husna kan? Saya lihat sudah tampil di bagian posting. Berarti tinggal “dipindahkan” ke sidebar.

      Apakah Anda sudah mengikuti setiap langkag persis seperti yang diterangkan di atas? Kalau belum, coba mulai dari langkah 5 atau 6.

      (Saya tidak memasang widget ini di WP, tapi ditilik dari langkah2 di atas, saya rasa benar2 bisa tampil di sidebar.)

      Semoga ini bisa membantu. Maaf kalau ada yang tidak berkenan.

    • Alhamdulillah, terima kasih Mas Manaf. Sekarang sudah terpasang di sidebar ya…

      Maaf, baru dibalas. Sempat off akses internetnya beberapa hari terakhir.

  22. assalamu’alaikum…
    mas kenapa ko’ widgetnya g’ aktif ? klo blum aktif gmn aktifinnya ?
    cpet balezz
    wassalamu’alaikum….

  23. Artikel yang sungguh bermanfaat, menambah pengetahuan dan bisa saling berbagi.sukses selalu ya.
    Semoga bisa menjadi sahabat 🙂

  24. Assalamu’alaikum..

    mas, sy sdh coba langkah2nya..tp koq ga muncul di side bar blog ku ya?
    pls help! 🙁

    thanks mas..
    Wassalam,
    Ninta

    • Wa’alaikum salam Mbak Ninta,

      saya kunjungi blog Mbak, dan di sana tertampil widget-nya pada posting tgl. 22 mei bertajuk Islamic Calendar. (Saya pakai Chrome)

      Kalau ingin menampilkan di sidebar (papan pinggir – seperti menu my last posting) tinggal meneruskan ke langkah nomor 6.

      Kalau sudah dicoba, belum muncul juga, perlu dicek apakah sidebar widget-nya telah tersimpan. Bisa diliat kalau kita log-in dan melihat tampilan widget yang kita pakai melalui Dashboard. Seharusnya di sana ada widget text dengan kode kalender islami di dalamnya.

      Bisa dipastikan lagi Mbak?

    • duh, udah aku coba..ga bs juga mas…
      mgkn theme yg aku pake ga support teks gt ya?

      hmm..coba aku ganti theme kali ya mas…

      thx ya ud mampir n balas pertanyaanku.. 🙂

      wassalamu’alaikum

    • Alhamdulillah, sudah bisa ya sekarang… Ternyata bukan kode-nya yang salah.

  25. Assalamu’alaykum,

    mas, kok pas di pasang di blog saya, jd ada tombol scroll down sama horizontal nya ya ? padahal ukurannya udh dikecilin tp tetep muncul. gimana ya solusinya ?

    oh iya, klo bisa bales ke email ya mas..

    thanx

    • wa’alaikum salam Khalid, tapi saya tidak menemukan email anda. Juga tidak ada keterangan ttg. alamat blog anda. Mungkin lebih baik anda menggunakan formulir kontak pada halaman utama http://www.al-habib.info (menu contact bagian atas)

Tinggalkan Balasan