Tuesday, December 15, 2009

Menyisipi caption foto di postingan journal.

Dear para admin dan member semua...

Berawal dari baca-baca berita di situs portal berita, sempat terlintas ide untuk menyisipi 'caption' pada gambar/foto yang kita insert di compose blog entry. Caption yang saya maksud adalah tulisan di bawah foto yang fungsinya sebagai keterangan ataupun penegasan terhadap gambar yang di maksud. Fasilitas menyisipi caption ini sepertinya belum ada di MP, padahal dalam kondisi tertentu cukup penting. Pertanyaannya, bisakah kita menambahkan caption dari gambar/foto yang kita sisipi tersebut pada postingan kita??? Terima kasih atas bantuannya ya..

Ini screenshot contohnya : YANG DI BLOCK MERAH






20 comments:

  1. harus di ketik manual kali ya?!

    Add an Image From... The Web juga tetep tanpa caption, tapi size-nya original
    kalau Add an Image From... Your Computer, diperkecil jadi 300x300px

    yang saya tau cuma itu, karena belum pernah nyoba blog di situs lain

    ReplyDelete
  2. harus buat class lagi? kombinasi html dan css maksudnya?

    bisa gak ya di modif dari class aslinya? kalo gak salah ini... span.insertedphoto

    ReplyDelete
  3. Makasih Mas...
    Pencerahannya sangat dinantikan...

    Saya juga lagi eksperimen nih...

    ReplyDelete
  4. sepertinya memang harus dibuat class-nya sendiri

    -aduh masih jauh ilmu saya dari hal tersebut-

    ReplyDelete



  5. Joe Vitale
    Sebagai muslim yang juga menontonnya, saya menemukan adanya sebagian dari nilai-nilai kebenaran dalam berbagai ungkapan dari setiap pribadi di dalam film itu. Di antara nilai-nilai kebenaran itu adalah bahwa ikhlas, syukur, sabar, tawakkal, dan positive thinking adalah modal utama terbesar setiap manusia untuk hidup sukses di dunia.

    Semua nilai kebenaran itu telah ada di dalam Al-Quran dan Al-Hadits sebagai pedoman hidup setiap muslim.

    Selebihnya, isi dan orientasi film "The Secret" dan "The Law of Attraction" tentang pencapaian kesejahteraan dan kebahagiaan hidup di dunia, dalam pandangan saya perlu mendapat pelurusan sesuai akidah seorang muslim.


    Mungkin contoh nya seperti diatas yaa..
    Berikut kodenya... HTML..

    <div style="border: 1px solid rgb(215, 217, 221); padding: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; margin-left: 5px; float: right;"><img src="http://expressprofits.com/images/joethinker.jpg"><br><div style="text-align: center; margin-top: 5px;"><a href="http://www.mrfire.com/">Joe Vitale</a><br></div></div>







    Tinggal dikembangkan aja..

    Maaf kalau ternyata bukan itu yang dimaksudkan..

    ReplyDelete

  6. Joe Vitale
    Sebagai muslim yang juga menontonnya, saya menemukan adanya sebagian dari nilai-nilai kebenaran dalam berbagai ungkapan dari setiap pribadi di dalam film itu. Di antara nilai-nilai kebenaran itu adalah bahwa ikhlas, syukur, sabar, tawakkal, dan positive thinking adalah modal utama terbesar setiap manusia untuk hidup sukses di dunia.

    Semua nilai kebenaran itu telah ada di dalam Al-Quran dan Al-Hadits sebagai pedoman hidup setiap muslim.

    Selebihnya, isi dan orientasi film "The Secret" dan "The Law of Attraction" tentang pencapaian kesejahteraan dan kebahagiaan hidup di dunia, dalam pandangan saya perlu mendapat pelurusan sesuai akidah seorang muslim.Mungkin maksudnya seperti diatas..
    Berikut kodenya... HTML..

    <div style="border: 1px solid rgb(215, 217, 221); padding: 5px; -moz-border-radius: 5px; float: right;"><img src="http://expressprofits.com/images/joethinker.jpg"><br><div style="text-align: center; margin-top: 5px;"><a href="http://www.mrfire.com/">Joe Vitale</a><br></div></div>
    Tinggal dikembangkan aja..

    Maaf kalau ternyata bukan itu yang dimaksudkan..

    ReplyDelete
  7. Kalau ingin dipasang pada CSS tinggal memasukkan DIV STYLE nya saja..

    - maaf lagi, bukan sok menasihati..

    ReplyDelete
  8. wow..udah rame...
    thanks utk semua..

    to ibra: thanks..full html ya?...saya malah baru buat classnya..dari hasil inspeksi ke beberapa portal.. ternyata ada juga dikombinasikan dgn CSS...

    Sip... sepertinya bisa kita coba untuk disederhanakan lagi ya...

    ReplyDelete
  9. oh tidak...

    kita disini sama-sama belajar..
    setuju kan kawan-kawan??

    ReplyDelete
  10. Kalau mau ribet ya full HTML.. kalau di portal-portal kan memang sudah di sederhanakan lewat CSS, jadi setiap pasang tak perlu menuliskan HTML yang panjang lebar..

    Itu di bawahnya sudah saya tuliskan.. ^^ tentang div style-nya, tiggal pasang di CSS saja, dan tinggal bikin ID baru.

    ReplyDelete
  11. Setuju.
    Jangan lupa memberikan penjabarannya di sini jika sudah berhasil.

    "yaaa sudah berhasil, sudah berhasil" ... bukan sebuah jawaban.

    ReplyDelete
  12. Siap!!

    sudah mulai dapat pencerahan nih...

    ReplyDelete
  13. Misalkan dengan ID "keterangan"

    Kalau dituliskan CSS-nya :

    #keterangan {
    border: 1px solid gray;
    padding: 5px;
    -moz-border-radius: 5px;
    float: right;
    }

    Selanjutnya pemasangan HTML-nya kan jadi lebih sederhana, <div id="keterangan"> bla..bla..bla..
    itu misalnya..

    ReplyDelete
  14. Kalau sudah, selanjutnya di posting di TrickMP mas.. :)
    Agar lebih mudah dipelajari oleh teman-teman lain..

    ReplyDelete
  15. Terimakasih semuanya...
    Benar seperti yang rekan-rekan katakan, memang harus dibuat manual class nya tersendiri.

    hasil yang saya coba belum sempurna tapi bisa dilihat disini : http://trickmp.multiply.com/journal/item/247

    Contoh lain yang sejak kemarin saya coba, sekarang sudah bisa : http://ippemas.multiply.com/journal/item/38

    ReplyDelete
  16. hiks puyeng kelamaan gak Online.. dah ketinggalan banyak...

    ReplyDelete