Showing posts with label Warna. Show all posts
Showing posts with label Warna. Show all posts

Saturday, 14 January 2012

Kode Warna Html / Html Code of Color

Kode Warna dalam Bahasa Html


Sengaja artikel ini saya ambil dari situs di http://camex.wen.ru/Sampel/Warna.html untuk sekedar berbagi saja,mengingat para blogger pemula yang belum mengetahuinya namun nyasar di blog sederhana ini,maka dengan senang hati kami mempublikasikannya kembali di sini.

Seperti yang sudah kita ketahui ya sob,kode kode warna dalam bahasa html sangatlah banyak,maka jika dibuat dengan tabel seperti yang dilakukan teman kita ini sangat membantu sekali.
Mungkin beberapa waktu lalu di posting Kode kode Html belum sempat saya bahas masalah ini,dan inilah waktu saya ingin bagikan informasi html warna ini.

Saya yakin bahwa pembuat tabel ini sangat teliti dan ini jasa yang tidak sembarangan untuk di duplikat,kendati demikian tanpa mengurangi rasa hormat saya kepada pihak yang terkait,saya lampirkan tabel warna beliau di posting kali ini.Semoga membantu ya sob.

Contoh penggunaan dari kode html warna ini cukup melihat notasinya tepat berada di tabel warna yang dimaksudkan.
Misal,saya ingin menulis 'Belajar Kode Warna Html' dengan warna merah,maka saya akan menuliskannya bisa dengan dua cara,yakni:

Saya akan menulis posting dengan metode Edit Html bukan Compose,lihat gambar:

kode html warna.


1.Saya bisa menulikannya seperti ini:
<span style="color:red;">Belajar Kode Warna Html</span>

2.Saya bisa menggantinya dengan menggunakan bahasa warna html dari merah,llihat tabel,kode html dari merah adalah #FF0000,jadi saya bisa menuliskannya seperti ini:
<span style="color:#FF0000;">Belajar Kode Warna Html</span>


Dan,inilah tabel kode warna untuk bahasa html:





#FOF8FF
Aliceblue
#FAEBD7
Antiquewhite
#00FFFF
Aqua
#7FFFD4
Aquamarine
#F0FFFF
Azure
#F5F5DC
Beige
#FFE4C4
Bisque
#000000
Black
#FFEBCD
Blanchedalmond
#0000FF
Blue
#8A2BE2
Blueviolet
#A52A2A
Brown
#DEB887
Burlywood
#5F9EAD
Cadetblue
#7FFF00
Chartreuse
#D2691E
Chocolate
#FF7F50
Coral
#64950
Cornflowerblue
#FFF8DC
Cornsilk
#DC143C
Crimson
#00FFFF
Cyan
#00008B
Darkblue
#008B8B
Darkcyan
#B8860B
Darkgoldenrod
#A9A9A9
Darkgray
#006400
Darkgreen
#8B008B
Darkmagenta
#BDB76B
Darkkhaki
#556B2F
Darkolivegreen
#FF8C00
Darkorange
#9932CC
Darkorchid
#8B0000
Darkred
#E9967A
Darksalmon
#8FBC8B
Darkseagreen
#483D8B
Darkslateblue
#2F4F4F
Darkslategray
#00CED1
Darkturquoise
#9400D3
Darkviolet
#FF1493
Deeppink
#00BFFF
Deepskyblue
#696969
Dimgray
#1E90FF
Dodgerblue
#B22222
Firebrick
#FFFAF0
Floralwhite
#228B22
Forestgreen
#FF00FF
Fuchsia
#DCDCDC
Gainsboro
#F8F8FF
Ghostwhite
#FFD700
Gold
#DAA520
Goldenrod
#808080
Gray
#008000
Green
#ADFF2F
Greenyellow
#F0FFF0
Honeydew
#FF69B4
Hotpink
#CD5C5C
Indianred
#4B0082
Indigo
#FFFFF0
Ivory
#F0E68C
Khaki
#E6E6FA
Lavender
#FFF0F5
Lavenderblush
#7CFC00
Lawngreen
#FFFACD
Lemonchiffon
#ADE8E6
Lightblue
#F08080
Lightcoral
#E0FFFF
Lightcyan
#FAFAD2
Lightgoldenrodyellow
#90EE90
Lightgreen
#D3D3D3
Lightgray
#FFB6C1
Lightpink
#FFA072
Lightsalmon
#20B2AA
Lightseagreen
#87CEFA
Lightskyblue
#778899
Lightslategray
#B0C4DE
Lightsteelblue
#FFFFE0
Lightyellow
#00FF00
Lime
#32CD32
Limegreen
#FAF0E6
Linen
#FF00FF
Magenta
#800000
Maroon
#66CDAA
Mediumaquamarine
#0000CD
Mediumblue
#BA55D3
Mediumorchid
#9370DB
Mediumpurple
#3CB371
Mediumseagreen
#7B68EE
Mediumslateblue
#00FA9A
Mediumspringgreen
#48D1CC
Mediumturquoise
#C71585
Mediumvioletred
#191970
Midnightblue
#F5FFFA
Mintcream
#FFE4E1
Mistyrose
#FFE4E1
Moccasin
#FFDEAD
Navajowhite
#000080
Navy
#FDF5E6
Oldlace
#808000
Olive
#6B8E23
Olivedrab
#FFA500
Orange
#FF100%0
Orangered
#DA70D6
Orchid
#EEE8AA
Palegoldenrod
#98FB98
Palgreen
#AFEEEE
Paleturquoise
#DB7093
Palevioletred
#FFEFD5
Papayawhip
#FFDAB9
Peachpuff
#CD853F
Peru
#FFC0CB
Pink
#DDA0DD
Plum
#B0E0E6
Powderblue
#800080
Purple
#FF0000
Red
#BC8F8F
Rosybrown
#4169E1
Royalblue
#8B4513
Saddlebrown
#FA8072
Salmon
#F4A460
Sandybrown
#2E8B57
Seagreen
#FFF5EE
Seashell
#A0522D
Sienna
#C0C0C0
Silver
#87CEEB
Skyblue
#708090
Slategray
#FFFAFA
Snow
#00FF7F
Springgreen
#4682B4
Steelblue
#D2B48C
Tan
#008080
Teal
#D8BFD8
Thistle
#FF6347
Tomato
#40E0D0
Turquoise
#EE82EE
Violet
#F5DEB3
Wheat
#FFFFFF
White
#F5F5F5
Whitesmoke
#FFFF00
Yellow
#9ACD32
Yellowgreen

Wednesday, 14 July 2010

Mengatur Warna dan Huruf

Mengatur Warna dan Huruf pada Blog: "

Untuk para blogger baru, sobat akan menikmati fasilitas baru dari www.blogger.com, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan).

Klik menu 'Fonts and Colors', maka akan muncul beberapa pengaturan :
(ini khusus untuk template 'minima')

  • Page Background color -->

    pengaturan warna background blog. Silahkan klik warna yang ada di sebelah
    kanan yang di sukai

  • Text Color

    --> pengaturan warna huruf dari posting-an

  • Link Color

    --> pengaturan warna huruf yang di link

  • Blog Title Color

    --> pengaturan
    warna huruf judul Blog

  • Blog Description Color

    --> pengaturan warna huruf deskripsi blog

  • Post Title

    Color
    --> pengaturan warna huruf judul posting-an

  • Border Color

    --> pengaturan warna kotak yang mengelilingi judul blog, serta garis
    pemisah

  • Sidebar Title

    Color --> pengaturan warna
    huruf judul yang anda di sidebar (kolom samping)

  • Sidebar Title

    Color --> pengaturan warna
    hurup yang ada di sidebar(kolom samping)

  • Visited link

    Color -->
    pengaturan warna huruf link ketika pengunjung mengarahkannya ke tulisan yang
    mengandung link

  • Text Font

    --> pengaturan jenis huruf,berlaku untuk hurup hasil dari posting-an
    ataupun hurup yang ada di sidebar

  • Sidebar Title Font

    --> pengaturan jenis huruf
    untuk judul yang ada di sidebar serta tanggal postingan

  • Blog Title Font

    --> pengaturan jenis huruf Judul blog

  • Blog Description Font

    --> Pengaturan jenis hurup dekripsi blog

  • Post Footer

    Font -->
    pengaturan jenis huruf footer (contoh : posted by )

  • Klik ' SAVE CHANGES' untuk

    mengakhiri pengaturan. Selesai

Untuk template-template selain template 'minima', pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit.


Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah.



Postingan ini 100% saya ambil dari artikel oleh kolom-tutorial.blogspot.com

'Mengatur Hurup dan Warna' Kamis, April 19, 2007.

All Right Reserved by kolom-tutorial.blogspot.com