Cara meratakan postingan image agar sejajar tulisan

marginalisasiDuh ini baru namanya kopi paste (CTRL C + CTRL V). Postingan ini saya ambil dari blognya mas fatih , alasannya saya sendiri sering lupa ama kode html yang harus di tambahkan tiap kali mengugguh gambar dan maratakannya dengan teks postingan, jadi ini buat pengingat… maklum gaptek banget ama html dan anak cucunya🙂

Berikut ini cara mudah dan praktis memposisikan foto secara berdampingan dengan artikel:
1. Setelah Anda mengklik ‘Send Editor’ foto ke posting di wordpress, klik menu “Kode” atau “Code” yang terdapat di bawah judul.
2. Di akhir link image (sebelum tanda …/> </a>) tambahkan kode berikut

border="0" style="float: left; margin: 0px 10px 10px 0px"

3. Klik menu “Visual” setelah tampilan ok, klik “Tampilkan” atau “Publish”
4. Selesai.

Catatan:
Kata “left” berarti posisi foto/gambar di sebelah kiri, ubah menjadi “right” kalau ingin menaruhnya di sebelah kanan.

Tips bagi yg belum tahu sama sekali cara pasang foto di posting wordpress:

1. Di bagian paling bawah kotak posting, klik menu “Browse” –> pilih foto/gambar/image di komputer.
2. Kasih judul dan deskripsi di menua “Judul” dan “Deskripsi” –> ini tidak wajib, cuma menambah visibilitas di search angine.
3. Klik Upload
4. Setelah nongol fotonya, arahkan mouse ke kotak posting bagian mana foto akan ditempatkan. Contoh, klik di bagian kiri atas.
5. Kembali ke foto, klik menu “Kirim ke editor” atau “Send to editor”
6. Klik menu “Kode” atau “Code” dan tambahkan kode berikut di akhir link sebelum kode … /> </a> :

border="0" style="float: left; margin: 0px 10px 10px 0px"

7. Klik menu “Visual” untuk melihat hasilnya. Kalau puas, klik “Tampilkan” atau “Publish”
8. Selesai.

4 Komentar »

  1. Mas Gus Dem,

    Terimakasih, sudah saya coba BERHASIL…

    salam,
    bengkelsepedamotor

  2. Saya coba…sebelah kanan berhasil juga… duh senengnya Terimakasih ya Mas Gus Dem..

    Terimakasih juga dimasukkan dalam daftar “Segoblog”

    salam,
    bengkelsepedamotor

  3. fitrianingrum said

    Bro!! Saya nyoba kowk ga berhasil yawk?
    Nyobain di postingan saya yang title-nya Kota Lama..
    Tapi karena ga berhasil, jadi gambarnya saia tengahin dewh, hehe…🙂

    :dunno: kenapa ga berhasil…. :confused:

  4. fitrianingrum said

    Aha! uda bisa ding. thx ya bro!😀

RSS feed for comments on this post · TrackBack URI

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: