Home » WordPress » Cara Nyisipin Gambar ke Widget Text WP

Cara Nyisipin Gambar ke Widget Text WP

Posted by on February 18, 2009 23 Comments

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

Other Posts :

Tags: ,

Tentang Isaninside - Muhammad Ihsan Zul

Isaninside - Muhammad Ihsan Zul, Lulusan Pendidikan Teknik Elektronika FT UNP [Padang] tahun 2009 dan melanjutkan pendidikan Pascasarjana di salah satu universitas terkemuka di Indonesia, angkatan 2010. Ilmu untuk dibagi bukan dipamerkan. Let's Share!
Bookmark and Share Subscribe

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

  1. rahmansuhari 21/02/2009

    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. mia 03/03/2009

    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. mia 12/03/2009

    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. gasingindonesia 13/03/2009

    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. gasingindonesia 13/03/2009

    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. kyuutaro 27/03/2009

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

    Makasih ya

    Reply
  8. kyuutaro 28/03/2009

    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. mia 28/03/2009

    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. isaninside 28/03/2009

    @ 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. kyuutaro 02/04/2009

    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. rivan nugroho 03/05/2010

    mas kalau pake plugin buat widget gmn

    Reply
    • Isaninside 06/05/2010

      to : rivan

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

      Reply
  14. Suci sukriyawati 22/11/2010

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

    Reply
    • Isaninside 01/12/2010

      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. igoychiptune 30/01/2011

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

    Reply
    • Isaninside 31/01/2011

      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. BAITULMAKMUR 20/06/2011

    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
    • Isaninside 20/06/2011

      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. isaninside 21/02/2009

    To : rahmansuhari

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

    Reply
  18. isaninside 12/03/2009

    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
  19. isaninside 02/04/2009

    To: Kyuutaro

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

    Reply

Tinggalkan komentar