mengatur tata letak gambar dan tulisan

Okey kali ini kita akan membahas gimana sich cara mengatur tata letak gambar dengan teks tulisan biar bisa sejajar dalam arti kalau kita memasang gambar biasanya sebelah gambar yang kosong tidak bisa kita isi teks jadi keliatan bolong momplong ya ga ………hehehehehehe

disini menone punya sedikit jurus yang lumayan jitu dan juga caranya ga ribet-ribet bangat koq……

1. Langkah awal kita uppload gambar dulu

2. Lalu pindah dari visual ke html

3. maka akan tampak format html dari gambar tersebut, salah satu contoh gamabr dan format html-nya adalah sebagai berikut:

  • gambar

  • format HTMLnya

<a href=”https://menone.files.wordpress.com/2010/07/waow.jpg”><img class=”alignnone size-medium wp-image-889″ title=”WAOW” src=”https://menone.files.wordpress.com/2010/07/waow.jpg?w=300&#8243; alt=”” width=”300″ height=”225″ /></a>

4. pada bagian teks HTML yang tebal ganti saja dengan:

  • alignleft : gambar akan disebelah kiri dan teks akan ada disebelah kanan gambar
  • alignright : gambar akan disebelah kanan dan teks akan ada disebelah kiri gambar

Kalau kurang jelas menone akan kasih contoh gambar dan teks yang sejajar monggo diperhatikan :

  • ini contoh yang diganti dengan Alignleft


sekarang kamu bisa lihat kan gimana gambar dan teks bisa sejajar sehingga ga ada lagi ruang kosong sehingga postingan kita akan tampak rapet madep mantep kayak mau nyari jodoh hahahahaha……..

.

.

Gimana udah jelas kan………..Kalau belom silakan hubungi Dokter terdekat

Beberapa tutorial wordpress lainnya:

  1. #1 by ghifahri on Agustus 23, 2010 - 1:50 pm

    good

    • #2 by menone on Juni 2, 2011 - 6:30 am

      okey………….tks

  2. #3 by MENONE on Agustus 23, 2010 - 2:00 pm

    yupz……………..

  3. #4 by ediwicak on November 15, 2010 - 12:20 pm

    kalo 2 gambar beserta teks dan linkya ingin ditampilkan secara sejajar gimana caranya mas..?

    • #5 by MENONE on November 15, 2010 - 12:58 pm

      kodenya ganti aja dengan center sob………….

  4. #6 by kemangindah on November 28, 2010 - 11:02 pm

    mas kok gak ketemu untuk

    menone 1
    menone 2
    menone 3
    menone 4
    menone 5
    menone 6
    menone 7
    menone 8
    menone 9
    menone 10

    tambah menu top drown
    mohon dibantu

    puryadiyadi@ymail.com

    • #7 by menone on Juni 2, 2011 - 6:31 am

      yang mana nich sobat?

  5. #8 by srulz on Februari 5, 2011 - 10:06 am

    kok ndak bisa ya… 🙂 tapi thanks ya tutorialnya.. 🙂

    • #9 by menone on Juni 2, 2011 - 6:32 am

      mungkin ada yg salah sobat coba cek kembali

  6. #10 by mihwanuddin on Mei 30, 2011 - 12:18 am

    bagus banget makasih atas ilmunya, udah tak coba dan sukses hehehe

    • #11 by menone on Juni 2, 2011 - 6:32 am

      okey sobat, semoga bermanfaat……………

  7. #12 by ichal on Agustus 11, 2011 - 1:59 am

    gmn sih cara + t4 registrasinya, trus larinya kmn??
    mohon panduannya

    • #13 by MENONE on Agustus 11, 2011 - 7:29 am

      maaf ini registrasi apa ya?

  8. #14 by trik blogger on Januari 17, 2012 - 9:12 pm

    Thank gan, tapi saya lagi cari, cara mensejajarkan widget dan text, contoh, “share posting ini”, kemudian disebelahnya ada widget share, kalau tahu balas ya.

  9. #15 by anonymousbm on April 25, 2012 - 7:32 pm

    yg saya ga tau cara mengupload gambar dalam postingan tulisan

  10. #16 by Jasa SEO on Mei 12, 2012 - 11:07 am

    ide yang bagus mas, akan saya coba dalam postingan saya ini

  11. #17 by nandrolone on Mei 18, 2012 - 8:13 pm

    Tapi ingin mengatakan bahwa ini sangat membantu, Terima kasih telah meluangkan waktu Anda untuk menulis ini.

  12. #18 by ariezetri on Juni 17, 2012 - 10:01 pm

    kkkkkkkkkkkk aq ajha bingung bacanya. tapi sip buat lo,, yang penting si penulisnya dah luangkan waktu daripada tidak sama sekali wkwkwkwkwk

  13. #19 by ariezetri on Juni 17, 2012 - 10:04 pm

    1 pertanyaan bro kiranya di jawab.. klw buat foto trus text bersamaan di foto gmn?? seperti di kalender kamu

  14. #20 by Rizqi Ilzha Bimantara on Oktober 6, 2012 - 9:58 am

    Bagus yaa….

  15. #22 by karnasukarna on Januari 20, 2013 - 5:40 am

    thanks sob

  16. #23 by dessy ayu ariani on Maret 26, 2013 - 10:12 pm

    kok mudah buanget pake wordpress kayaknya>>> ku pusing pake blogspot>>> dulu pernah bikin wordpress tapi lupa>>>

  17. #24 by Anonim on Juli 3, 2013 - 10:18 am

    gue belom ngerti sumpahh !! jelas-jelas dong maklumi orang awam

  18. #25 by susanto on Juli 6, 2013 - 9:54 pm

    trims ilmunya

  19. #26 by tyasudar on Juli 8, 2013 - 4:40 pm

    Gimana meletakan gambar jika ada ruang yang kosong?

  20. #27 by Vertical Blind on Agustus 15, 2013 - 3:58 pm

    elain dari koding bisa ga ya?

  21. #28 by Honda Bandung on November 14, 2013 - 10:28 pm

    Terimakasih atas tutorial tata letak gambarnya ijin praktek sob

  22. #29 by erispedia on November 25, 2013 - 1:36 pm

    Makasih infonya

  23. #30 by bapak fauzul on Desember 3, 2013 - 9:56 am

    wah sangat bermanfaat,,,,,,,,,,,,, tahks infonya ya,,,,,,,,,,

  24. #31 by dinil on Desember 4, 2013 - 9:09 pm

    trims gan infonya membantu sekali.

  25. #32 by matantya on Januari 16, 2014 - 12:40 pm

    emm.. caranya membesarkan font di postingan saya bagaimana ya?
    theme expound yang saya pakai terlalu kecil font nya..jadi tidak nyaman dibaca..

    trimakasih sebelumnya.
    yuk mampir ke : http://matantya.wordpress.com/2014/01/14/ob

  26. #33 by astuti on Januari 29, 2014 - 1:18 pm

    makasih pak sudah saya pratekan dan berhasil

  27. #34 by anggarafd on Maret 16, 2014 - 9:15 am

    Bermanfaat juga nih sob…

    Farhan Tips
    Menyajikan tips dan trik mulai dari masalah, cinta, pekerjaan dan lainnya. Blog sederhana ini saya bangun untuk sahabat Indonesia agar dipermudah dalam semua urusan. Datang saja di » http://anggarafd.wordpress.com . Kunjungi juga ya » http://anggarafd.blogspot.com

    Kehadiranmu saya tunggu 🙂
    Thanks before 😀

  28. #35 by Toko Bunga on Maret 25, 2014 - 9:38 am

    Infonya mantap gan!

  29. #36 by ning on September 17, 2014 - 8:53 am

    mantap…. tak coba dulu gan, thansk sudah di share

  30. #37 by alvianzidny on Oktober 6, 2014 - 11:05 pm

    semoga blog ente bermanfaan buat saya kedepannya

  31. #38 by Wiwid Ardiansyah on Desember 2, 2014 - 12:18 pm

    infonya sangat bermanfaat, kunjungi blog ane ya http://wdonly.wordpress.com/ hehe

  32. #39 by jatibagusjepara on Maret 12, 2015 - 5:31 pm

    kok mudah banget gitu ya. kirain perlu banyak koding.

  33. #40 by abdurahman on Maret 26, 2015 - 7:28 am

    tks gan atas infonya sangat”mbantu

  34. #41 by yani on Januari 21, 2016 - 5:56 pm

    Akan dicoba.tq

  1. Tutorial Wordpress « WWW.MENONE.WORDPRESS.COM
  2. Screenshot Halaman Webpage « WWW.MENONE.WORDPRESS.COM
  3. mengatur tata letak gambar dan tulisan | bahrolwalidin

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: