Membuat Text Dipostingan Berwarna  

Posted by Unknown in , , , ,

Haaaaii... salam untuk para blogger. Kali ini I'am punya tips baru, tips ini I'am beri nama Membuat Text Dipostingan Berwarna.
Bagi para blogger yang pengen postingannya berwarna dan tidak hanya satu warna. Tidak perlu khawatir, I'am disini menggunakan kode CSS untuk membuat text berwarna dengan berbagai variasi. I'am bakal bagi tipsnya untuk kalian semua. Okeyh....
Ga usah basa-basi lagi, sekarang tinggal anda yang memilih sendiri warna yang anda inginkan!! siip lah...

Kode Warna CSS

aqua
<strong class=css><span style="color: aqua">aqua</span></strong>

black
<strong class=css><span style="color: black; background: red">black</span></strong>

blue
<strong class=css><span style="color: blue">blue</span></strong>

fuchsia
<strong class=css><span style="color: fuchsia">fuchsia</span></strong>

gray
<strong class=css><span style="color: gray">gray</span></strong>

green
<strong class=css><span style="color: green">green</span></strong>

lime
<strong class=css><span style="color: lime">lime</span></strong>

maroon
<strong class=css><span style="color: maroon">maroon</span></strong>

navy
<strong class=css><span style="color: navy; background: yellow">navy</span></strong>

olive
<strong class=css><span style="color: olive">olive</span></strong>

purple
<strong class=css><span style="color: purple">purple</span></strong>

red
<strong class=css><span style="color: red">red</span></strong>

silver
<strong class=css><span style="color: silver">silver</span></strong>

teal
<strong class=css><span style="color: teal">teal</span></strong>

white
<strong class=css><span style="color: white">white</span></strong>

yellow
<strong class=css><span style="color: yellow">yellow</span></strong>

magenta
<strong class=css><span style="color: magenta">magenta</span></strong>

violet
<strong class=css><span style="color: violet">violet</span></strong>

indigo
<strong class=css><span style="color: indigo; background: azure">indigo</span></strong>

orange
<strong class=css><span style="color: orange">orange</span></strong>

azure
<strong class=css><span style="color: azure">azure</span></strong>

gold
<strong class=css><span style="color: gold">gold</span></strong>

scarlet
<strong class=css><span style="color: scarlet">scarlet</span></strong>

bronze
<strong class=css><span style="color: bronze">bronze</span></strong>

Supaya tidak bingung, nih I'am kasih penjelasan:

=>Kode yang warna biru itu adalah text yang akan diwarnai. Jadi anda tinggal menyisipkan kalimat di bagian tersebut.

=>Kode yang warna merah adalah background dari text tersebut. Tujuannya adalah, agar text tersebut bisa menyesuiakan warnanya dengan template anda. Bila template anda berwarna terang dan anda ingin menggunakan warna terang, anda harus menggunakan background berwarna gelap. Sebaliknya bila template anda gelap dan anda ingin menggunakan warna gelap, anda harus menggunakan background berwarna terang. Tapi kalau, anda ingin menggunakan warna yang tidak sama-sama terang atau tidak sama-sama gelap, anda tidak perlu menggunakan background. Jadi hapus aja kode tersebut.

=>Anda juga bisa mengetur ukuran font dari text tersebut. Caranya dengan menyisipkan kode ; font-size: 14pt di bagian style. Cara penyisipannya seperti ini:

<strong class=css><span style="color: red; font-size: 14pt">Text Anda Disini</span></strong>

Maka hasilnya seperti ini:
Text Anda Disini

=>Anda juga bisa mengubah style font dengan menambahkan kode ; font-style: italic. Kode Italic tersebut bisa anda ganti dengan bold untuk font tebal, atau underline untuk font garis bawah. Cara penyisipannya sama seperti menyisipkan kode untuk ukuran font tersebut.

=>Anda juga bisa mengubah janis font yang digunakan dengan menambahkan kode ; font-family: Verdana. Kode Verdana tersebut merupakan jenis font yang digunakan. Anda bisa menggantinya sesuai selera anda.Cara penyisipannya sama seperti menyisipkan kode untuk ukuran font dan stlye font.

Cukup sampe disini tips dari I'am, semoga tips ini bermanfaat. Kalau masih bingung, para blogger bisa bertanya dengan poskan komentar. Oia, jangan lupa!! Kalau punya ilmu yang bermanfaat, jangan segan-segan untuk berbagi yaaa...!!!

This entry was posted on 8.13.2010 at 9:35:00 AM and is filed under , , , , . You can follow any responses to this entry through the comments feed .

0 komentar

Posting Komentar