Home » WordPress » Cara Nyisipin Gambar ke Widget Text WP

baru1-copy1Kebanyakan pengguna wordpress yang ga paham mengenai bahasa HTML kbingungan cara nyisipin gambar ke widget text mereka. Dasar dari nyisipin gambar adalah menggunakan bahasa HTML yang sederhana. Sederhana tapi ada ilmunya. Oleh karena itu saya tergerak untuk membagi sedikit ilmu mengenai cara nyisipin gambar ke widget text blog wordpress  yang dimilikinya. Source code yang digunakan dapat dilihat di box berikut.

<p align="center"><a href="url_alamat_tujuan"><img width="180" src="URL_Gambar_Kamu"></p></a>

Cara menggunakannya :

  1. Copy script yang ada di box dan Paste-kan ke widget Text kamu.
  2. Ganti “Url_alamat_Tujuan” ke Url yang akan dijadikan link jika gambar diklik. Contoh gunakan : http://isaninside.wordpress.com. Harus ada http:// nya.
  3. Ganti “Url_gambar_kamu” ke alamat gambar yang akan ditampilkan. Cukup Copas alamat Url tersebut.
  4. Simpan widget.
  5. Selesai

Sekarang kunjungi blog kamu, dan lihat perubahannya.. semoga sukses aj. Isaninside2009

Share :
  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Twitter
  • Google Bookmarks
  • Google Buzz
  • RSS
  • Technorati
  • Add to favorites
  • email
  • MySpace
  • Plurk

Tentang Isaninside - Muhammad Ihsan Zul

Isaninside - Muhammad Ihsan Zul, Seorang suami dari Rizka Irma Septiani dan bekerja sabagai Dosen di Politeknik Caltex Riau (PCR). Lulusan Pendidikan Teknik Elektronika FT UNP [Padang] tahun 2009 dan menyelesaikan pendidikan Pasca Sarjana di UGM tahun 2012. Ilmu untuk dibagi bukan dipamerkan. Let's Share!
Bookmark and Share Subscribe

30 Responses to “Cara Nyisipin Gambar ke Widget Text WP”

  1. Terimakasih, akan kita coba. Jangan bosan kalo banyak nanya.

    Reply
  2. abuurwah 24/02/2009

    mau tanya mas,klo sesudah memasukkan kode HTML di widget Text dan kemudian di simpan,kodenya hilang, ada solusinya untuk saya ???
    tlg di kirim ya ke email ini :ihya.assunnah.tsm@gmail.com

    Reply
  3. isan..aku awalnya sih bisa ya…dulu pernah posting gambar…karna blog ga ke urus alias jamuran….lupa cara nyisipin gambar…biasa pake apa ya…ga tau namanya yang penting ada tulisan unggah…pokoknya gambarnya nongol di blog…jadi deh…tapi sekarang aku lupa…..bantu dooong….secara masih gaptek nih…thank’s ya….

    Reply
  4. isan…..
    makasih ya….blogger gaptek kaya aku udah bisa posting gambar lagi….
    kapan kapan belajar yang lain lagi ma isan….thank’s berat ya……
    sila berkunjung hasil belajar aku kemarin…..

    Reply
  5. uda ihsan…bgm cara memasukkan image kedalam widget ? seperti yang ada di blog uda ihsan –>>> LOGO

    trmksh.

    komentari blog saya ya uda ihsan

    http://www.gasingindonesia.wordpress.com

    Reply
  6. mas ihsan saya mau tanya bgm cara memasukkan image kedalam widget / side bar. seperti yang ada di blog anda —> LOGO

    kl sempat berkunjung ke blog saya mas : http://www.gasingindonesia.wordpress.com
    kasih kritik dan saran yang mas
    terimakasih

    Reply
  7. Bang Isan, kalo disamping gambar mau ditambah kalimat gimana code Htmlnya?

    Makasih ya

    Reply
  8. Maaf nih bang jadi dobel comment. balesnya disini aja bang biar gampang :D

    Maksud saya seperti menambahkan gambar di artikel, kan ada left align.
    Seperti tulisan diatas itu, gambar di kiri dan penjelasannya dikanan.

    bisa ngga di widget seperti itu :?:

    Makasih lagi nih bang.

    Reply
  9. san mo nanya lagi, kalo kit alupa mo nyisipin gambar tapi udah ke posting. trus mo di edit mo nyisipin gambar masih bisa ga? aku dah coba tpi ga mo nongol deh tuh gambar…

    Reply
  10. @ Kyuutaro
    mmm sepertinya yang seperti itu bisa juga tapi saya belum nyoba..Saya coba dulu, nanti dikabari lagi ok…
    @Mia
    Bisa, caranya gampang tinggal masuk admin, klik Tulisan > Sunting.. Pilih tulisan yang akan di edit. lalu klik add gambar.. tapi kadang2 terjadi kesalahan dalam upload gambar, sehingga gambar ga bisa muncul di halaman.. caranya kecilin dulu ukuran gambar, like 200 px lebarnya atau lebih kecil lagi.. trus baru upload.. pastiin gambar hasil upload udah tampil (terlihat) di menu upload..

    Reply
  11. Udah bisa nih Bang Isan, ternyata gampang…
    buat tulisan baru trus liat code html-nya, Copas di widget :idea:

    Reply
  12. Cucu Syaefullah 06/11/2009

    Terima kasih, tipnya sangat membantu.
    Hidup Bloger Indonesia ….

    Reply
  13. mas kalau pake plugin buat widget gmn

    Reply
    • to : rivan

      Downloads aja pluginsnya di wordpress.org, disana ada plugin widget yang digunakan untuk berbagai tujuan… Salam..

      Reply
  14. MAAF SAYA dah cba url yg kaka ksh,tpi wp sya ko ga bza sieh ka….
    saya mohon bantuannya ka….
    makasih…^^

    Reply
    • to : Suci

      Maaf mbak suci.. yang saya tulis itu tag html untuk gambar yang ingin ditampilkan di widget text.. Dulunya, widget khusus untuk menampilkan gambar belum ada seperti yang sekarang ini… Mungkin alamat URL yang mbak tuilskan kurang tepat, coba cek lagi..

      Reply
  15. klo blh tau klo mw ngedit thema di php letak’a dmn’y?? thank !!!
    http://igoychiptune.wordpress.com

    Reply
    • to : igoychiptune

      Salam kenal mas. Sebelumnya saya mengingatkan kalau pengeditan theme hanya bisa dilakukan untuk domain yang telah hosting sendiri (self hosted) Untuk melakukan modifikasi themes, sebaiknya mas mengenal direktori tempat themes wordpress diletakkan. Direktori themes wordpress terletak di dalam wp-content > themes. Semua Themes bisa ditambahkan secara manual dengan teknik COPAS folder file themes wp tersebut. Themes2 gratis dapat ditemukan di dunia maya dan dapat dimanfaatkan secara free dengan lisensi GNU-GPL. Apa yang bisa dilakukan? perhatikan poin berikut :

      Kita bisa memodifikasi gambar pendukung suatu themes terletak di folder : nama_themes>images
      Memodifikasi tampilan melalui file CSS, pada umumnya nama file CSS adalah style.css, lihat di dalam folder themes
      Modifikasi header terletak di dalam file header.php
      Modifikasi bagian sidebar (tergantung themes, ada 2 file dsg) file sidebar.php
      dan seterusnya, tinggal membuka + modifikasi file2 css dan php yang terlatak di dalam folder themes.

      Saran saya, gunakan jurus trial n error. Lebih baik menggunakan ini daripada tidak ngapain sama sekali, heheheheheheh…………………

      Saya pernah menceritakan pengalaman saya tentang modifikasi themes di tulisan berikut :

      http://isaninside.net/2009/12/tema-baru-lagi-dan-lagi.htm
      http://isaninside.net/2010/07/magazine-style-isaninside-news-theme.htm

      Reply
  16. terima kasih mas atas infonya. sangat membantu sekali. oh ya mas mau nanya bagaimana caranya gambar yang kita pasang tersebut link urlnya membuka tab baru atau halaman baru ? mohon pencerahannya

    Reply
    • to : baitul

      Salam kenal Mas..
      coba masukkan perhatian perintah ini <a href="link_tujuan" target="_blank">
      Perintah “target=blank” digunakan untuk pindah ke tab baru jika link diklik, silahkan pasang dan coba praktekan mas… Terimakasih sudah berkunjung..salam

      Reply
  17. Tau aja nih mas bro kalau newbie pasti kebingungan pasang gambar di widget.
    btw makasih bro, udah ane coba dan bisa.

    Reply
  18. mas nanya nih cara bikin kotakan buat tempat script kaya diatas gimana ya??

    Reply
  19. Jasa Desain Logo Perusahaan 20/04/2014

    Terima kasih atas code nya

    Reply
  20. irsan 27/04/2015

    mas,,, kalau coding untuk menambahkan foto dicomment box gimana mas ?

    Reply
  21. Wew pinter juga nie adminnya, wkwkwk, jadi gampang masukin Image tinggal coppas, trims Broo.
    hasilnya kunjungi web ane Broo

    Reply
  22. Saya tertarik dan senang dengan artikel Anda.
    Saya juga punya artikel yang menarik dan anda bisa akses di http://www.leptek.gunadarma.ac.id/

    Reply
  23. wahh keren nih artikelnya , berbagi info yg bermanfaat. makasih banyak ya
    kalo mau sharing mampir aja kesini
    Pemrograman seru , siapa tau bermanfaat

    Reply
  24. To : rahmansuhari

    InsyaAllah ga bosen mas. lets share aj, hehehehe.. thx sudah berkunjung..

    Reply
  25. to : mia

    Sama-sama mia, semoga bermanfaat semuanya. dan bisa menambah ilmu ngeblognya..ok deh, saya tunggu.. thx juga… oiya alamat blognya ap y?

    Reply
  26. To: Kyuutaro

    Wah mantap tu kyuutaro.. ada ilmu baru disana… tulis dan share aj ama temen2

    Reply

Tinggalkan komentar