cara letak background atau warna pada entri - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul cara letak background atau warna pada entri, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel background, Artikel turorial blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : cara letak background atau warna pada entri
link : cara letak background atau warna pada entri

cara letak background atau warna pada entri

Tutorial kali ini ialah cara bagi meletakkan warna atau background pada posting.Mungkin kita ingin highlightkan bahagian tertentu atau keseluruhan paparan pada posting dengan warna dan juga berlatarbelakang dengan imej.

Caranya:
Selepas  membuat posting  masukkan kod seperti dibawah:
(dengan meletakkan dipermulaan diakhir teks pada posting yang hendak diletak background)
seperti dibawah

<div style="background:#33CCFF; padding:4px 7px 4px 7px;">
Masukkan kandungan teks artikel disini
</div>

Bahagian teks berwarna merah diletakkan pada permulaan posting
Bahagian warna hijau pula diletakkan pada penghabisan posting
dan dimasukkan pada mode edit HTML
contoh seperti imej dibawah yang bertulisan warna biru








Untuk meletakkan background pada posting:

<div style="background:url(Letakkan url imej disini) no-repeat;">
Masukkan kandungan teks artikel disini
</div>

# gantikan dengan url imej yang telah diupload ke photobucket,tinypic dan sebagainya seperti contoh dibawah.
Jika menggunakan latarbelakang dengan corak/pattern yang kecil gantikan no-repeat kepada repeat.

KOD DAN BENTUK

<div style="background: #99FFCC; padding: 5px 8px;">

Masukkan kandungan teks artikel disini</div>

Background dengan border
#Tukarkan warna kod background dan border mengikut kesesuaian

<div style="background: #99FFCC; border: 2px dashed #FFCC00; padding: 5px 8px;">

Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; border: 2px dotted #FFCC00; padding: 5px 8px;">

Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; border: 5px ridge #FFCC00; padding: 5px 8px;">

Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; border: 3px double; padding: 5px 8px;">

Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; padding: 5px 8px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;">
Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; padding: 5px 8px;-webkit-border-radius: 36px 12px;

-moz-border-radius: 26px 8px;

border-radius: 26px 8px;">
Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; padding: 5px 8px;-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

border-top-left-radius: 10px;

border-top-right-radius: 10px;">

Masukkan kandungan teks artikel disini</div>

Background dengan imej

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzLv5BDiIQ4TMlg14iW6Xsy_SqWHRiWWGSRR6cMixqxb_lr-qD2Cxe7sH8R-lOzjIxXLQx-IYuhq2X5NNDEX0wzgoZUOltnZpJO_ugBj4-CvbHebHTFz8XC3s_DqxmbNwNuDZgoIYbShg/s1600/1484.png) repeat;">

Masukkan kandungan teks artikel disini

</div>

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlENA5qxH1t-LYMmnGPH60Ga4GIRFdMvz2ZByiKwpP4PZ2S5AblCWuXvJeXDwbZWqBS7GxhdKknzJ6Rhzdoislw7ESIBOdGZA3GtRKmfu9qk45GikM_cjX8IGKR7U4_d37MaHgu2r06Q/s1600/bunga.JPG) no-repeat;border: 2px solid; padding: 20px;background-position:right bottom">

Masukkan kandungan teks artikel disini

</div>

Untuk meletak imej pada sudut tertentu masukkan kod background-position:right bottom.seperti contoh diatas gambar bunga diletakkan dibahagian hujung bawah
background position yang lain:

• left top

• left center

• left bottom

• right top

• right center

• center top

• center center

• center bottom

selamat mencuba..

Demikianlah Artikel cara letak background atau warna pada entri

Sekianlah artikel cara letak background atau warna pada entri kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel cara letak background atau warna pada entri dengan alamat link http://carasignup.blogspot.com/2011/01/cara-letak-background-atau-warna-pada.html

Tweet