Ingin membuat penanda kalimat dengan latar belakang berwarna,berikut tips untuk sahabat.

Jika sahabat sering memposting artikel yang memuat kode-kode HTML pasti akan tampak kurang menarik jika kode tersebut di tulis dengan background yang sama dengan tulisan-tulisan yang lainnya.padahal kode HTML dalam tulisan kita biasanya merupakan bagian yang sangat penting yang tidak bisa di samakan dengan huruf-huruf yang lainnya dalam tulisan.

Banyak cara yang dapat kita lakukan untuk memberi tanda pada kode HTML tersebut.tujuannya tidak lain adalah ingin menunjukkan bahwa kode tersebut adalah kode yang penting. Misalnya dengan memberikan perbedaan warna yang kontras dengan huruf-huruf lainnya,memberikan efek stabilo pada tulisan,atau jika kodenya cukup panjang kita dapat memasukannya pada text area ,atau Memberikan latar belakang berwarna pada kode tersebut.

Sebenarnya untuk membuat latar belakang berwarna tidak terlalu sulit.ini mirip dengan cara kita memasang background pada tulisan/posting.dari pada ngomong panjang lebar mending langsung aja ke topik kita kali ini.

<div style="color: blue; background: #ADE4AD; border: 2px dashed #006600; margin: 10px; padding: 5px;">
~~tulis kalimatnya disini ya~~
</div></p>
<div style="color: blue; background: #E3FE63; border: 2px solid#FF5652; margin: 10px; padding: 5px;">
~~tulis kalimatnya disini ya~~
</div></p>
<div style="color:red;background:#7CFDBC;">
~~tulis kalimatnya disini ya~~
</div></p>
<div style="color: red; background: #92DEFE; border: 2px dotted#FF5652; margin: 10px; padding: 5px;">
~~tulis kalimatnya disini ya~~
</div></p>

Catatan:

untuk keterangan di bawah merujuk pada latar belakang baris pertama.
Color:blue(warna tulisan)untuk warna tulisan sahabat bisa tentukan sendiri(dengan bahasa inggris) tapi jika ngga tahu ya di edit terakhir aja setelah tulisan selesai di tulis di latar belakang.edit secara manual aja dengan menu yang telah di sediakan di blog.
background:#ADE4AD (background pada tulisan) untuk memilih background pada tulisan,sahabat bisa melihat kode warnanya di sini
dashed: (garis tepi) untuk garis tepi ini ada beberapa macam.yang saya tahu yaitu: dashed(baris pertama) solid(baris ke 2),di kosongkan saja(baris ke 3),dotted(baris ke 4 )
#006600: (warna garis tepi) sahabat bisa memilih jenis-jenis warna di sini

Sekian dulu ya pembahasan kali ini.jika sahabat ada kritik dan saran atau ada yang punya informasi yang bermanfaat lainnya silahkan sahabat share di sini.

selamat mencoba…

<a style=”display:block;line-height:300%;width:450px;text-align:center;background-color:#000000;”>
<p style=”text-align:center;”>
<font size=”5quot; color=”WHITE“><b>

___Membuat Latar Belakang Judul Berwarna (Judul Halaman disini)___

</b></font></p></a>
</p>

~Semoga Bermanfaat~

thank’s to :my GOD,keluarga,DENINDO DUTA CIPTA,serta para sahabat bloger yang telah menginspirasi terciptanya artikel ini.

artikel terkait:

Membuat latar belakang berwarna

cara memasang background pada tulisan/posting

permak tulisan dengan efek stabilo

Membuat text area pada sidebar

Komentar
  1. dede6699 mengatakan:

    izin praktek.. Semoga bisa..hehee

  2. Akbar PU mengatakan:

    Makasih inponya ya ….

  3. kikakirana mengatakan:

    hu um betul… seperti di fs yak😀

    HIDUP!!! ^_^

  4. norafriska mengatakan:

    Makasi atas informasinya

  5. FaDhLi mengatakan:

    Seperti di friendster. .hehe

  6. hanhan mengatakan:

    nice🙂 blog-nya makin bagus aja nih.. hehe

  7. fitrimelinda mengatakan:

    nice info.. ^^

  8. putrasuryadi04 mengatakan:

    Trimakasih atas infonya..
    Salam kenal…😀

Tinggalkan Balasan

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

Logo WordPress.com

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

Gambar Twitter

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

Foto Facebook

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

Foto Google+

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

Connecting to %s