Senin, 22 November 2010

Tips Memasang background Pada Postingan

Kali ini saya akan berbagi tips memasang bacground pada postingan yg mungkin bisa membantu kita saat bosan dengan background postingan kita yang warnanya putih atau hitam polos, atau mungkin sekedar ingin mencoba bereksperimen kecil maka kita boleh mencoba merubah backgroun postingan dengan cara-cara berikut ini, karena pengetahuaan yang baru pasti sangat menyenangkan. Nah cara membuat backgroun postingan yang saya tahu saat ini baru dua cara...

* Yang Pertama untuk membuat background warna, caranya...

Letakkan kode berikut pada awal postingan
<div style="background:kode warnanya disini">

Dan diakhir postingan, harus di tutup dengan kode seperti ini :

</div>


Tulisan kode warnanya disini anda ganti dengan kode warna yang anda inginkan.Yang perlu diperhatikan saat anda meletakkan kode tersebut, anda harus memilih tab edit HTML, jangan Compose.

Sebagai contoh backgroun dengan warna hijau...

<div style="background:#24d207">

Selamat datang di Pertenakan Raffael Ducks - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan berselancar di sini dan membaca lebih lanjut tentang artikel dunia teknik (Pertenakan, elektronika, otomotif, komputer) yang kami susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu yang menarik.
</div>
Hasilnya akan seperti ini :


Selamat datang di Pertenakan Raffael Ducks - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan berselancar di sini dan membaca lebih lanjut tentang artikel dunia teknik (Pertenakan, elektronika, otomotif, komputer) yang kami susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu yang menarik.


* Yang kedua Membuat background dengan Gambar

Jika anda memiliki gambar khusus untuk dijadikan backgroud uploud dulu ke website hosting seperti photobucket atau tempat hosting lainnya untuk memperoleh URL addresnya.

Yang harus diperhatikan anda harus berada pada posisi edit HTML, berikut kode diawal postingan:

<div style="background:url(alamat gambarnya disini) no-repeat;">

Diakhir postingan tutup dengan kode berikut:

</div>

Ganti tulisan alamat gambarnya disini dengan alamat gambar yang ingin anda tampilkan.

Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.
 

<div style="background:url(Selamat datang di Pertenakan Raffael Ducks - saya  senang Anda berada di sini, dan berharap Anda sering datang kembali.  Silakan berselancar di sini dan membaca lebih lanjut tentang artikel  dunia teknik (Pertenakan, elektronika, otomotif, komputer) yang kami  susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu  yang menarik.) no-repeat center top; text-align:justify; font-size:90%; padding:10px">
Selamat datang di Pertenakan Raffael Ducks - saya  senang Anda berada di sini, dan berharap Anda sering datang kembali.  Silakan berselancar di sini dan membaca lebih lanjut tentang artikel  dunia teknik (Pertenakan, elektronika, otomotif, komputer) yang kami  susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu  yang menarik..,,,,,,

....

....

....
!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!
</div>

Maka hasilnya seperti ini:


Selamat datang di Pertenakan Raffael Ducks - saya  senang Anda berada di sini, dan berharap Anda sering datang kembali.  Silakan berselancar di sini dan membaca lebih lanjut tentang artikel  dunia teknik (Pertenakan, elektronika, otomotif, komputer) yang kami  susun. Ada banyak hal tentang kami, Anda mungkin akan menemukan sesuatu  yang menarik......

....

....
!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!

Nah jika kita ingin mempatenkan background tersebut sebagai backgroud pada setiap postingan kita agar tak capek mengeditnya, caranya masuk menu pengaturan/ settinf =>klik tab format=>pada bagian akhir kolom format letakkan kode diatas

Nah selamat mencoba, semoga bermanfaat!

0 komentar:

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites