Sep 6 / cyberfly

Cara meletakkan caption pada gambar (Wordpress)

Image caption amat berguna untuk meletakkan nota ringkas pada gambar.Jika anda ingin meletakkan caption seperti gambar dibawah, ikuti tutorial ringkas ini.

luffy

Khas untuk pengguna Wordpress sahaja :D

Langkah-langkah:

1.Dalam post editor, klik pada gambar dan klik Edit Image

caption

2.Masukkan caption anda pada ruangan Edit Image Caption

caption2

3.Klik Update dan siap.

FAQ

1.Kenapa image caption saya tak jadi macam contoh diatas?Saya punya jadi camni je.

caption3

Jawapan:

Edit css themes anda.Masukkan code ini dan Update File.

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

Contoh:

caption4

Selamat mencuba ;)

Delicious
Related Posts with Thumbnails

Related posts:

  1. Tips meletakkan iklan Nuffnang pada blog anda (wordpress)
  2. Cara menghilangkan border pada emotikon (wordpress)
  3. Cara meletak gambar dalam Negaraku.net
  4. cara mematikan fungsi grouping pada taskbar
  5. Cara menambahkan fungsi avatar dan “read more” pada blogspot

Filed under Wordpress

>> Entri ini telah dibaca sebanyak 1,335 kali <<

26 Comments

leave a comment
  1. loq (9 comments.) / Sep 6 2009

    lah,patut la takde frame
    thx.baru aku tahu sekarang
    :)

    Reply
  2. Anarm (56 comments.) / Sep 6 2009

    malas lak nk main2 coding..
    edit dlm photoshop sudah~
    huhuu..

    Reply
  3. HuRuL_AiNi (18 comments.) / Sep 6 2009

    waaa….thanks for this…nanti aku edit coding2…hehe…lama dah cari guide utk buat caption ni…baru aku tau tambah kat edit pic tu je….aigooo :dizzy: HuRuL_AiNi´s last blog ..TVXQ Tokyo Dome Concert Rocks!!! My ComLuv Profile

    Reply
  4. hydir (37 comments.) / Sep 6 2009

    memang best
    tp aku guna bloggers :)
    hydir´s last blog ..WC 2010 Qualifier: Brazil through to World Cup after beat Argentina My ComLuv Profile

    Reply
  5. EiNS (998 comments.) / Sep 6 2009

    Kalau guna windows live writer cemana? Pengguna wordpress boleh gak try plugin wp-caption…senang gak nak guna…
    EiNS´s last blog ..Besday kawan aku My ComLuv Profile

    Reply
    • finalcross (19 comments.) / Sep 6 2009

      yup,btol bro. rase lg sng gune plugin je. huhu
      finalcross´s last blog ..Edit foto mudah secara ‘online’. My ComLuv Profile

      Reply
    • cyberfly (386 comments.) / Sep 6 2009

      wp-caption sucks sbb dia amik dari alt image.kl blog post ada 200, dan alt image tak configure pn, kl guna WLW mmg naya la.

      Reply
      • EiNS (998 comments.) / Sep 6 2009

        wp-caption boleh set dan guna class alt or title image…tapi leceh kalo nk edit caption gna dashboard wordpress…

        p/s: testing ajax comment :cool: EiNS´s last blog ..Besday kawan aku My ComLuv Profile

        Reply
  6. safar (19 comments.) / Sep 6 2009

    biasa je buat macam tu.tak selalu.sebab malas sangatlah.
    safar´s last blog ..Strategi Pelancaran Semula Produk/Servis Sebagai Pemangkin Jualan My ComLuv Profile

    Reply
  7. eldy (22 comments.) / Sep 6 2009

    jealousnya wordpress ade fungsi cam ni :pinch:
    Takpe la .. masing2 ade kelebihan yg tersendiri :biggrin: eldy´s last blog ..Papan jerit monyet grease My ComLuv Profile

    Reply
  8. HOT ZOOM (7 comments.) / Sep 6 2009

    untuk blogspot x de ke?
    HOT ZOOM´s last blog ..JAWATAN KOSONG: Dewan Bahasa Dan Pustaka My ComLuv Profile

    Reply
    • EiNS (998 comments.) / Sep 6 2009

      Aku rasa dilarang melarang ada buat tutorial kot nak buat caption ntuk wp :cool:

      Reply
  9. HOT ZOOM (7 comments.) / Sep 6 2009

    utk blogspot x de ke?
    HOT ZOOM´s last blog ..JAWATAN KOSONG: Dewan Bahasa Dan Pustaka My ComLuv Profile

    Reply
  10. enkha (21 comments.) / Sep 6 2009

    Thank for the info..sharing is caring da… :lol:

    Reply
  11. Eriyza (14 comments.) / Sep 6 2009

    Nice.
    Thank you.
    Eriyza´s last blog ..Laluan Pejalan Kaki Jadi Tempat Judi My ComLuv Profile

    Reply
  12. Kreuger (8 comments.) / Sep 8 2009

    okeh… dah paham cikgu.. terima kasih
    atas penerangan ni.
    Kreuger´s last blog ..Karya Dato’ Lat di ruang legar Suria KLCC My ComLuv Profile

    Reply
  13. helmibaharudin (1 comments.) / Sep 8 2009

    hii..
    saya ada masalah bila nak upload slideshow berlagu pada wordpress.

    slideshow saya tak di benarkan di post..
    macam mana?
    helmibaharudin´s last blog ..Hitam dan Putih My ComLuv Profile

    Reply
  14. etomyam (1 comments.) / Sep 9 2009

    Satu tips yang bagus dan mudah difahami..tahniah dan stay steady
    etomyam´s last blog ..Does Indonesia Maid Really Worth RM800.00 A Month? My ComLuv Profile

    Reply
  15. Kill-Vearn (70 comments.) / Sep 9 2009

    wah ini la yang aku cari selama ni.. aku jeles gile tgk topo wat camni.. now i know.. hehehe.. thanx cyberfly.. bila nak blanje aku mkn bukak posa?
    Kill-Vearn´s last blog ..How to Format Computer & Install Windows 7 My ComLuv Profile

    Reply
    • cyberfly (386 comments.) / Sep 9 2009

      hohoho aku suka buat tutorial yg aku pn tercari-cari sebelum tahu.datang shah alam aku belanja ko sahur ;)

      Reply
  16. Mat indon / Sep 9 2009

    huh baca jelah wlau xreti psai blog
    ilmu xleh dsia2kan

    Reply
  17. yuzmir (5 comments.) / Sep 9 2009

    semudah A,B,C???
    Huh… :angry: yuzmir´s last blog ..Best Anime Blog Untuk Anime Addict My ComLuv Profile

    Reply
  18. Lizz (3 comments.) / Sep 14 2009

    hehehe. dah wat tutorial ni :) mintak2 jadiklah.huhu
    Lizz´s last blog ..Tayangan perdana raba meraba bulan puasa My ComLuv Profile

    Reply
Leave a Comment

CommentLuv Enabled
:alien: :angel: :angry: :blink: :blush: :cheerful: :cool: :cwy: :devil: :dizzy: :ermm: :face: :getlost: :biggrin: :happy: :heart: :kissing: :lol: :ninja: :pinch: :pouty: :sad: :shocked: :sick: :sideways: :silly: :sleeping: :smile: :tongue: :unsure: :w00t: :wassat: :whistle: :wink: :wub:
OPTION: 1