Cara Memasang BackGround Gambar Di-Belakang Tulisan Pada Postingan



Cara Memasang BackGround Gambar Di-Belakang Tulisan Pada Postingan

“HARTA AKAN HABIS JIKA DIBAGIKAN.ILMU AKAN BERTAMBAH JIKA DIBAGIKAN.”

A langkah indahnya jika di posting kita terdapat background gambar yang terletak tepat dibelakang tulisan yang kita buat. Setidaknya semakin menambah indah tampilan posting kita walaupun tulisanya tidak menarik sama sekali .

Adakalanya pengunjung kita manjakan dengan tampilan blog yang menarik. Bisa saja page view kita bertambah gara-gara pengunjung hanya cuma ingin melihat background apa saja yang ada di setiap posting kita.

1. Masuk ke admin WordPress anda.
2. Klik [Posts] > [Add New].
3. Copy kode dibawah dan paste-kan di area “HTML“:

<div style="padding: 5px; background-image: url(http://alamat_gambar_anda.jpg); background-repeat: repeat; background-position: center;">
Tulis disini…
</div>

4. Kemudian tulis artikel anda dan setelah selesai kembali ke mode “Visual“.
5. Dan klik tombol “Publish“.

Atau cara yang satu ini :

Copy kode dibawah ini ke halaman penulisan dalam mode ‘HTML’ atau pada ‘Widgets Text’ untuk ditaruh di sidebar anda.

<div style="overflow: auto; width: 400px; height: 100px;

background-color: #ffecff; background-attachment: scroll; background-repeat: no-repeat; background-position:right bottom; background-image: url(http://bootingskoblog.files.wordpress.com/2008/11/poke133.gif); text-align: justify; padding: 5px; border: 2px solid #0000b9;">

<span style="font-size:10px;color:#800080;font-family:Sans-serif;">

Tulis disini…

</span>

</div>

Kemudian kembali ke mode ‘Visual’ untuk melakukan pengeditan text dan setelah selesai klik tombol ‘Publish’.

Keterangan :

* width : lebar text area
* height : tinggi text area
* background-color : warna backgroung text area
* background-repeat : pengulangan tampilan pada gambar
* background-position : letak background gambar
* background-image : background gambar
* text-align : perataan tulisan
* padding : jarak antar tulisan dengan border
* border : garis atau bingkai text area
* solid : warna garis atau bingkai text area
* font-size : ukuran huruf
* font-family : jenis huruf
* color : warna huruf

*CATATAN : Cukup kamu COPY+PASTE (COPAS) saja dan taruh di-WEBSITE-mu.Selamat mencoba…MUDAH BUKAN…???Tunggu apalagi???


*Sumber : http://bootingskoblog.wordpress.com

Tinggalkan Balasan

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

WordPress.com Logo

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

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 35 pengikut lainnya.

%d bloggers like this: