Belajar Wordpress

Mengatur Gambar di Postingan

Posted by: rivermaya on: 24 September, 2008

Melengkapi postingan tentang Wrapping Text di sekitar Image, aku cuma mau nambahin dikit soal naruh gambar/images di postingan biar textnya nge-wrap (apa yah istilah Indo-nya :) ) gambar tersebut di rata kiri atau rata kanan, biasanya kalau ga diseting gambar akan berada di atas text, seperti gambar ini :

Secara defaultnya sih mudah aja kog, yaitu setelah gambar di upload dari menu Add Image dan muncul di bagan postingan, klik gambar kemudian klik tombol alignment rata kiri atau rata kanan sesuai keinginan. Voila! setelah itu text sudah bisa naik ke atas dan mengelilingi gambar.

Bagaimana kalau ngga pengaruh ? gambar masih aja tetep berada di atas text. Kemungkinan bawaan theme-nya juga. Coba buka file stylesheet.css dari theme-nya, bisa dari Cpanel menu File Manager atau pakai FTP atau bisa langsung dari menu Designs >> Theme Editor di admin area (syaratnya file-filenya sudah di CHMOD/change permission dulu agar bisa di save dari admin area).

Kemudian paste kode seperti ini di kolom file stylesheet.css, bisa ambil bagian bawah sekali dari file tersebut kalau bingung mau nempatin dimana (kalau ada kode tentang Image sih bisa aja disisipkan di antaranya).

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

Jangan lupa menekan tombol “Update Changes” untuk menyimpan perubahannya.

Kembali view page yang ada gambarnya tadi, kemudian refresh (CTR+F5) untuk melihat hasilnya.

36 Tanggapan ke "Mengatur Gambar di Postingan"

makasih mbak tipsnya :)

makasih nich tips nya mbak may… aku save dulu ahhh

Wah mantap tutorialnya mbak maya. Tks atas sharing ilmunya. http://170869.com

thnx info nya

makasih mba infonya :)

welah….bagus banget infonyah…makasih…. :P

Gratias, aku lagi butuh info ini. Sekali lagi thanks berat

Mba Maya, aku mo nanya kalo mau nambahin tulisan ” Read More and Comment” spt di blog ini, bgm yah…
makasih atas jawabannya

mba maya, mo nanya nih, saya pakai wordpress 2.5.1 dan hosting sendiri, beberapa hari terakhir kok tidak bisa upload image ke blog yah… apa harus update ke wordpress terbaru?

Thanks,

[...] kode yang harus disisipkan untuk mengatur gambar ini, baca selanjutnya [...]

Belajar bersama di http//iwanmalik.wordpress.com

mbak kunjungi saya yang newbie ini di http://doni.perawatonline.com
kalo bisa minta kritikannya, supaya blog saya bisa makin maju, mudah-mudahan saya juga bisa ikut wordcamp and bisa ketemu mbak rivermaya ini…
keep blogging…

wah manjur banget
trima kasih dan salam kenal

makasih mbak may….
atas bantuannya….
memang mbak maya…guru wordpress yang TOP…

maturnuwun ya mbak…

[...] ada yang membingungkan…udah berkali-kali mencoba membetulkan letak gambar dipostingan yang ga mau rapi pake cara yang sudah ditulis sama mbak maya diblog Belajar WordPress . Tapi tetap aja ga bisa [...]

gimana mba buat ping bakik, thanks ma aku masih bingung nih

saya mau gambarnya tidak menyamping! bisa nggak mbaK! lihat di http:www.wharzutility.web.id gambarnya agak mennyamping alias nggak pas ditengah kotak! thanks ya

sukses

wah, makasih infonya.
Jadi tambah bnyk belajar nih… :)

mba, maya postingan yang dari eva di atas, bukan postingan saya. piye mba, kok pake web ku ya. td coba ku klik tuh… kok ke web ku punya ya.

mba postingan ku ketukar ama minawang , ko gitu ya mba.ini k ganti nama eva kumara . knapa ketukar ya postingannya

uhm disini baik2 aja tuh, ga ketuker, mgk cache di browsernya Eva, coba pake browser lain atau delete cookiesnya

wadaw
ini yg aku cari2
cocok buat online store
supaya teks berada di sebelah gambar
matur suwunnnnnnnnnn

Kalau kompi saya dashbor wordpress kok numpuk menunya jadi sering salah pijit, apa ini karena kompi saya Apple Mac atau jendelanya harus diperbesar, tapi kalau blogger baik-baik saja. Ada yang bisa bantu saya?

Voila … ! jadi tahu neh … matur teng kiu mbak May ..

nice tips..
mayan buat nambah pengetahuan..
TQ

ma kasih atas infonya ya

Thank :-)

thanks mbak atas tipsnya..

[...] Mengatur Gambar di Postingan [...]

[...] Source : rivermaya.wordpress.com [...]

makasih mbak dah bisa saya terapkan

[...] Mengatur Gambar di Postingan [...]

kok tetep ndak bisa ya?
ada trik lagi?

wah akhirnya ketemu juga artikelnya

mbak , artikelnya dicopas boleh gak. saya akan memberikan source nya deh..

[...] dijelaskan dengan rinci perihal tersebut di atas. Kemudian saya coba terapkan langkah demi langkah petunjuk dari Mba Maya tetapi koq hasilnya masih sama saja. {Meskipun begitu saya tetap dapat tambahan ilmu baru selain [...]

Tinggalkan Balasan

Ikuti update terbaru dari Belajar WordPress

Nama:
E-mail: