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
artikel lain:
apa sih RSS,RSS reader dan feed itu?
cara membuat banner untuk blog
Daftar layanan sosial bookmark terpopuler
cara memasang background pada tulisan/posting
cara mendapatkan backlink gratis dengan mudah
membuat theme dengan wordpress theme generator
Membuat text area pada sidebar
Teknik Naikkan PageRank Sekaligus Datangkan Ribuan Backlink ke Blog Anda
permak tulisan dengan efek stabilo
Tips Meratakan/Merapikan tulisan(justify)
Berbuatlah yang Terbaik Dan berbahagialah Hari ini
Tips Fotografi dengan Alat Terbatas
izin praktek.. Semoga bisa..hehee
Makasih inponya ya ….
hu um betul… seperti di fs yak 😀
HIDUP!!! ^_^
Makasi atas informasinya
Seperti di friendster. .hehe
nice 🙂 blog-nya makin bagus aja nih.. hehe
nice info.. ^^
Trimakasih atas infonya..
Salam kenal…
😀