Cara Pasang Foto di Posting WordPress

7 Nopember 2007 in Blog Indonesia, Blogger Indonesia, Fatih Syuhud, Indonesian Blogger, Panduan Membuat Blog, Tips blog, Tutorial Wordress, wordress
Tags: ,

Cara Pasang Foto di Posting WordPressBarusan saya jalan-jalan ke “rumah” Musik Pribumi-nya Gimbal, Saya lihat dia sering menempelkan foto di setiap postingnya. Sayangnya, tampaknya posisi foto menurut saya kurang fashionable: foto atau image-nya tidak menempel berdampingan dengan artikel, tapi berada di antara judul dan tulisan. Kurang jelas apa itu disengaja atau dia tidak tahu caranya mendampingkan foto (embedded) dengan tulisan artikel seperti di blog saya ini. Berikut 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.

Untuk Memperkecil atau Memperbesar Foto di Posting Tulisan

Untuk edit memperkecil atau memperbesar foto di posting: setelah upload dan “Kirim ke Editor”,

1. Pastikan mode posting “Visual” bukan “Kode / Code”.

2. Klik foto tersebut, setelah itu arahkan mouse ke bagian pojok foto. setelah mouse menunjukkan tanda panah dua arah, geser ke dalam (sama dg cara edit foto di snipshot) sampai sesuai ukuran yg diinginkan. Cara ini juga bisa digunakan untuk blogger.com / blogspot.

 Untuk Edit posisi foto di posting blogger.com / Blogspot

Setelah foto diupload di posting blogger.com / blogspot, akan tampak foto dan posting tidak sejajar / bersebelahan. Untuk membuat posting Anda bersebelahan dengan paragraf pertama, ikuti langkah berikut:

  • Klik menu “Compose” (bagian kanan atas kotak posting);
  • Arahkan mouse cursor ke kata pertama dalam tulisan -> klik
  • Tekan Backspace keyboard Anda. Maka tulisan akan naik, teruskan sampai sejajar dengan foto.

Tutorial WordPress.com

Tutorial Blogger.com / Blogspot

Tutorial Umum Blogging (Untuk Wordress dan Blogger.com/Blogspot): Promosi dan Manfaat Membuat dan Menulis Blog

Tips Menulis di Blog

Pasang Iklan, Dapatkan Penghasilan Online

163 Replies

  1. elpramwidya

    6 Oktober 2008 at 2:37 pm

    mas gimana caranya supaya website saya bisa numpang muncul di website dirjen PMPTK? tolong dong di jawab dan kalau bisa di link ke email aja

    Balas
  2. noov

    8 Oktober 2008 at 6:52 pm

    wah mas, semua tips2nya sangat bermanfaat sekali. terimakasih ya mas sudah bagi-bagi ilmunya.:)

    Balas
  3. riezbanz

    9 Oktober 2008 at 3:18 am

    Hatur thank you!!! mas fath…..

    Balas
  4. Joaldera

    22 Oktober 2008 at 1:09 pm

    mas fatih, saya baru saja bikin blog pakai wordpress, themes saya pakai PRiNZ BranfordMagazine 2.51…saya agak kesusahan cara menampilkan gambar2nya dipostingan maklum newbie bgt…saya coba pakai cara mas fatih gak bisa kluar juga…mohon pertolongannya mas….trimakasih…

    Balas
  5. koyek

    27 Oktober 2008 at 3:53 pm

    Terima kasih mas atas infonya
    sudah saya coba dan berhasil.

    Balas
  6. jannatalfirdaus99

    2 Nopember 2008 at 1:54 am

    dari tulisan mas fatih.akhirnya saya bisa bikin blog.jannatalfirdaus99.wordpress.com.dari tadi udah nyoba bikin tulisan.
    yang ingin saya tanyakan,begitu saya buka http://www.jannatalfirdaus.wordpress.com…muncul blog saya dan tulian yang telah saya buat.tapi begitu saya klik submit..di situ muncul judul dan kolom lain seperti saat saya bikin tulisan yang pertama.itu artinya blog saya bisa di gunakan orang lain tanpa memasukkan pasword.mohon penjelasan mas fatih.sebelumnya ..makasih atas tulisanya

    Balas
  7. gunraytasti

    12 Nopember 2008 at 2:54 pm

    Aq dah bikin 3 blog wordpress,mas. Baru sebatas bikin,tulisane g’ ono. Lah wong ra iso,ra ngerti postingken tulisan,etc. Weealaaah mumet buuatok ku iki,pengen pinter tapi aku e sing dodol. Btw tenkyu ya tutorialnya,2 thumb dech.

    Balas
  8. bagusweda

    17 Nopember 2008 at 1:05 am

    mas ,saya sudah berashil bikin blog mohon dikoreksi dong dan saya tanya :
    1 bagaimana cara merubah alamat url?
    2 bagaimana cara mengedit foto
    kunjungan mas saya tunggu di bagusweda.wordpress.com
    terimakasih

    Balas
  9. Tips Bisnis Internet

    3 Desember 2008 at 1:32 pm

    Thx ya mas atas postingan cara edit foto n upload foto di wordpressnya,sblumnya saya belum tau n sejak saya baca postingan mas jadi tau banya nich.
    sekali lagi thx ya mas

    Balas
  10. haryvox

    17 Desember 2008 at 10:34 am

    Jempol abis untuk blog anda, saya sangat merasakan manfaatnya, thank banget ilmunya ya!!!!!

    Balas
  11. ajiekdarminto

    21 Desember 2008 at 3:09 pm

    Makasih infonya mas, tapi belakangan saya bingung… kirim ke editor tuh sebelah mana ya?

    maklum bigginer.. bisa bantu mas. Maturnuwun.

    Balas
  12. ajiekdarminto

    21 Desember 2008 at 4:07 pm

    Saya masuk ke Add Image.. trus masukin ke tulisan sebelah mana ya? Sudah masuk gallery, malah ada tulisan ORDER dan SHOW. Apa maksudnya ya mas?

    Balas
  13. kampoengbisnis

    28 Desember 2008 at 3:42 am

    Trims artikelnya mas fatih sangat2 membantu terama buat yg baru di dunia blog seperti saya.
    salam persaudaraan tuk semua. dari muhammad amin
    di kampoengbisnis

    Balas
  14. MEILINDA

    30 Desember 2008 at 11:48 pm

    Makasiih byak yaaa mas fatih..:)

    Balas
  15. Johan PGRI 3 RDDK

    10 Januari 2009 at 1:45 pm

    berapa biaya pemasangan iklan

    Balas
  16. kutrek

    12 Januari 2009 at 10:13 am

    mass gmn cara masang blog saya

    lez yeah mas

    Balas
  17. arisnb

    12 Januari 2009 at 10:18 am

    makasih tutorialnya… sangat membantu

    Balas
  18. sing seoul

    20 Januari 2009 at 12:19 pm

    Ngaak mau mampir ke korea selatan ya..?
    Disini nech http://singseoul.wordpress.com

    Balas
  19. emptyboyz

    1 Februari 2009 at 12:23 am

    klo cara ganti adressbar gmn ?

    Balas
  20. rohmad

    20 Februari 2009 at 2:44 pm

    mas minta caranya buat blog n cara edit, dll. aq lagi belajar buat nih blog. tapi belum bisa ngisinya. tolong dikirim via email di MS word saja. saya ngajar ekonomi, biar belajarrrrr
    terimakasih.tq.

    Balas
  21. trinil

    12 Maret 2009 at 6:04 am

    mas kok ga mau sih…
    aku dah coba beberapa kali tapi bingung…
    waktu sisipkan dah masuk n tersimpan di Galeri..
    trus klo mo dimasukin ke post gambarnya gede n ga mi kayak diatas, trus klo pake serc image n spt contoh hasil di visual bagus (seperti yg diharapkan) tapi waktu preview ga kayak di visual…
    hikz…. Mohon bantuannya…
    Oia lupa terima kasih berkat panduan dari mas aku dah buat blog…
    Maaf terlambat ucap…
    Terima kasih..

    Balas
  22. yusufxyz

    14 Maret 2009 at 9:20 am

    mas aku cari fasilitas write atau tulis kok gak ada ya ? dmn ya?
    aku mau pasang fasilitas download di wordpressku.
    Gmn caranya ya ? mohon petunjuk
    thx

    Balas
  23. trinil

    15 Maret 2009 at 5:00 am

    mas aku dah coba lagi n bisa. tapi ku mo tanya kok ada didalam kotak ya my-post n sblh kiri da huruf yang ket. line brapa gitu mas.
    Mohon bantuannya dan terimakasih…

    Balas
  24. trinil

    15 Maret 2009 at 6:44 am

    om dah bisa..
    ternyata aku tambahin
    yang nyebabin, itu terjadi..
    hehehehe..
    Maaf…
    Trims…

    Balas
  25. cheuw

    28 Maret 2009 at 12:43 am

    kalo untuk blog yg bukan hostingan wordpress
    yg hostingan sndri gmn editnya
    soalnya blog aku yg ini imagenya ga sejajar.
    http://cheuwlicious.co.cc

    mohon bantuannya..
    mksh sblmnya..ditunggu jawabannya
    heuu.
    bingung soalnya..T________T

    Balas
  26. rapiko

    28 Maret 2009 at 8:42 am

    saya ingin belajar membuat foto di email saya, bagaimana caranya

    Balas
  27. sadam

    30 Maret 2009 at 5:49 pm

    thanks mas atas infonya…

    Balas
  28. rizal kurniawan

    11 April 2009 at 7:37 pm

    saya masih bingun, bagaimana caranya menggeser photo yang sudah di upload????saya pengguna WordPress 2.7.1. Sudah upload ke photobucket,sudah dicopi code HTML nya di tempat buat ngepost. Tapi setelah di pindah di tengah dengan align=center” setelah di lihat di halaman depan ternyata fotonya gak bisa di tengah. Kenapa ya????

    Balas
  29. Fancy

    14 April 2009 at 4:05 pm

    Bagus buanget and TOP dehhhhhh, yang belum tahu hayo ikutan ketinggal InFoooooooooooooooo LoHHHHH

    Balas
  30. riadi85

    30 April 2009 at 7:48 am

    bang fatih,….
    tulisan abang sangat membantu saya dalam dunia blog, thanks
    cuman saya mau tanya nih, untuk menampilkan foto dihalaman muka gimana ya caranya ?

    Balas
  31. Meltori

    6 Mei 2009 at 7:11 pm

    Makasih om… tutorialnya bagus n mantap

    Balas
  32. syahr4ni

    21 Mei 2009 at 1:51 am

    rieUEeet eUuy…. teu,ngarti-ngarti…!
    “He eeee ….

    Balas
  33. firmatha

    9 Juli 2009 at 11:47 pm

    mas fatih tolong liat blog saya dong, trus kasih masukan ya mas

    Balas
  1. 1 Cara meratakan postingan image agar sejajar tulisan « waton jeplak Ping balik on Mar 27th, 2008 at 11:32 am

    [...] Duh 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 [...]

  2. 2 Mengedit Profil di Wordpress Com « ISLAMIC ARTICLE Ping balik on Apr 8th, 2008 at 5:22 am

    [...] Hal-hal yang dapat diedit/dirubah di “ruang” profil wordpress Anda adalah: Pasang foto diri (untuk cara pasang foto di posting lihat sini), nama Anda yang tampil di publik atau di posting, mengganti password, menaruh situs utama Anda (di [...]

  3. 3 Pasang Foto di Wordpress « Ronal Estopan Site’s Ping balik on Jun 24th, 2008 at 3:42 am

    [...] : http://www.fatihsyuhud.com [...]

  4. 4 Mengedit Profil di WordPress Com : Kolom Blogger Ping balik on Jul 3rd, 2008 at 5:23 am

    [...] Hal-hal yang dapat diedit/dirubah di “ruang” profil wordpress Anda adalah: Pasang foto diri (untuk cara pasang foto di posting lihat sini), nama Anda yang tampil di publik atau di posting, mengganti password, menaruh situs utama Anda (di [...]

  5. 5 BELAJAR BIKIN Blog yuk !!!! « Kangabik’s Weblog Ping balik on Agu 11th, 2008 at 3:18 pm

    [...] Cara Pasang Foto di Posting WordPress [...]

  6. 6 REFLEKSI DAN TUTORIAL BLOG SANG MAESTRO « Review Top Bloggers Indonesia Ping balik on Agu 16th, 2008 at 3:30 am

    [...] banyak terbantu terutama ketika saya mau membuat READ MORE untuk postingan , membuat halaman , dan cara pasang foto di blog saya. Dan lebih asyik lagi ketika Bang Fat mengajarkan cara berkomunikasi via trackback [...]

  7. 7 Refleksi dan Tutorial Blog; Wordpress & Blogspot « Dhiez’s Weblog Ping balik on Agu 29th, 2008 at 4:15 am

    [...] Cara Pasang Foto di Posting WordPress [...]

  8. 8 Budi Utami Fahnun » Blog Archive » Buat Blog di WordPress Ping balik on Agu 29th, 2008 at 6:22 am

    [...] Cara Pasang Foto di Posting WordPress [...]

  9. 9 BELAJAR YUK !!! « now and here after … Ping balik on Okt 9th, 2008 at 5:53 am

    [...] Cara Pasang Foto di Posting WordPress (2.3 ke bawah) [...]

  10. 10 Somebody Save Me II « Make Realistic Plan for Miracle, Now..! Ping balik on Okt 25th, 2008 at 7:51 pm

    [...] suka sekali posting dengan menggunakan file .jpg sebagai gambar. Saya juga mendapatkannya di blog ini lho..jadinya [...]

  11. 11 Cara Membuat Blog di Wordpress « ABDUL RAIDIN Ping balik on Nop 12th, 2008 at 1:45 pm

    [...] Cara pasang foto di posting wordpress [...]

  12. 12 Peluang mendapat gaji dalam dollar. « Bambie’s Blog Ping balik on Nop 13th, 2008 at 12:50 am

    [...] Cara pasang foto di posting wordpress [...]

  13. 13 BLOG ANAK PANTAI | Tutorial Blog Ping balik on Nop 22nd, 2008 at 12:10 pm

    [...] Cara Pasang Foto di Posting WordPress [...]

  14. 14 Tutorial WordPress.com « Mtopan’s Blog Ping balik on Des 31st, 2008 at 5:26 am

    [...] Cara Pasang Foto di Posting WordPress [...]

  15. 15 Aerlien’s Blog Ping balik on Feb 7th, 2009 at 3:30 pm

    [...] Hal-hal yang dapat diedit/dirubah di “ruang” profil wordpress Anda adalah: Pasang foto diri (untuk cara pasang foto di posting lihat sini), nama Anda yang tampil di publik atau di posting, mengganti password, menaruh situs utama Anda (di [...]

  16. 16 Cara Mengedit Wordpress.com « Yunie94’s Blog Ping balik on Feb 14th, 2009 at 12:01 pm

    [...] Hal-hal yang dapat diedit/dirubah di “ruang” profil wordpress Anda adalah: Pasang foto diri (untuk cara pasang foto di posting lihat sini), nama Anda yang tampil di publik atau di posting, mengganti password, menaruh situs utama Anda (di [...]

  17. 17 Cara Mengedit Wordpress.com « Faridha19’s Blog Ping balik on Feb 21st, 2009 at 10:22 am

    [...] Hal-hal yang dapat diedit/dirubah di “ruang” profil wordpress Anda adalah: Pasang foto diri (untuk cara pasang foto di posting lihat sini), nama Anda yang tampil di publik atau di posting, mengganti password, menaruh situs utama Anda (di [...]

  18. 18 Bahan Nulis Blog (Fatih Syuhud) « Blizzard Villatium Ping balik on Mar 8th, 2009 at 7:18 am

    [...] Cara Pasang Foto di Posting WordPress [...]

  19. 19 perkenalan « K4m4li’s Blog Ping balik on Mar 16th, 2009 at 8:04 pm

    [...] Cara Pasang Foto di Posting WordPress [...]

  20. 20 Tutorial Blog « gooooooo…! Ping balik on Mar 25th, 2009 at 12:33 pm

    [...] Cara Pasang Foto di Posting WordPress [...]

  21. 21 cara membuat blog di wordpress.com « Rawnaku’s Blog Ping balik on Mar 27th, 2009 at 4:46 pm

    [...] Cara Pasang Foto di Posting WordPress [...]

  22. 22 CARA MUDAH MEMBUAT BLOG ANDA « Nwaye’s Blog Ping balik on Apr 6th, 2009 at 10:22 am

    [...] Cara Pasang Foto di Posting WordPress [...]

  23. 23 Cara Pasang Foto di Posting WordPress « Belajar bikin Blog dengan mudah Ping balik on Apr 26th, 2009 at 7:27 am

    [...] Sumber : http://afatih.wordpress.com/2007/11/07/cara-pasang-foto-di-posting-wordpress/ [...]

  24. 24 Kumpulan Tutorial Wordpress « allinone802.wordpress.com Ping balik on Mei 2nd, 2009 at 2:28 pm

    [...] Cara Pasang Foto di Posting WordPress [...]

  25. 25 Tutorial Blog « Virtual First Ping balik on Mei 6th, 2009 at 4:28 pm

    [...] Cara Pasang Foto di Posting WordPress [...]

  26. 26 Ar1es G!rlS » Blog Archive » Tutorial Blog WordPress Ping balik on Mei 9th, 2009 at 3:08 pm

    [...] Cara Pasang Foto di Posting WordPress [...]

  27. 27 Cara Membuat Blog di WordPress « Abuwa2009.com Ping balik on Mei 10th, 2009 at 10:01 pm

    [...] Cara Pasang Foto di Posting WordPress [...]

  28. 28 cARA PASANG FOTO DI POSTING WORDPRESS « Dezakiah’s Blog Ping balik on Mei 15th, 2009 at 1:32 pm

    [...] Cara Pasang Foto di Posting WordPress [...]

  29. 29 TUTORIAL WORDPRESS « Gereggiseptino91’s Weblog Ping balik on Mei 16th, 2009 at 9:35 am

    [...] Cara Pasang Foto di Posting WordPress [...]

  30. 30 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya- Ping balik on Jun 3rd, 2009 at 9:06 am

    [...] Cara Pasang Foto di Posting WordPress [...]


« Tips Cara Edit Foto
Membuat Blog di WordPress Com »

Leave a Comment


trackback address