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
Berwarna,
Membuat,
Posting,
Text,
Trik Blogger
. You can follow any responses to this entry through the
comments feed
.
Recent Post
Feedjit
About Me
Udah Di Buka
Boleh Di Isi
Followers
Mau Berlangganan Artikel?
Entri Populer
Archives
-
►
2012
(3)
- ► Desember 2012 (1)
- ► November 2012 (2)
-
►
2011
(21)
- ► Februari 2011 (13)
- ► Januari 2011 (8)
-
▼
2010
(95)
- ► Desember 2010 (8)
- ► November 2010 (19)
- ► Oktober 2010 (48)
- ► September 2010 (9)
-
▼
Agustus 2010
(11)
- Membuat Text Dipostingan Berwarna
- Background Berbeda Setiap Halaman
- Symbols dan Greek Letters Entities Untuk Postingan
- Latin Entities Untuk Postingan
- Special Entities Untuk Postingan
- Membuat Folder Rahasia Tersembunyi
- Cara Membuat Efek Gelombang Pada Title Bar
- Cara Mengatur Tampilan Sidebar
- Cara Membuat Efek Window Berputar
- Cara Membuat Scroll di Postingan
- Cara Membuat Efek Marquee (Tulisan Bergerak)