0 Tabel Code Warna Lengkap

Berikut adalah daftar Tabel Kode warna Lengkap :

Nama	Contoh	Kode warna	RGB			CMYK	HSV
Hitam		#000000	0	0	0	0, 0, 0, 255	0, 0, 0
Biru laut		#000080	0	0	128	255, 255, 0, 127	240, 100, 50
Biru		#0000FF	0	0	255	255, 255, 0, 0	240, 100, 100
Hijau		#00FF00	0	255	0	255, 0, 255, 0	120, 100, 100
Sian		#00FFFF	0	255	255	100, 0, 0, 0	180,100,100
Nila		#6F00FF	111	0	255	57, 100, 0, 0	266, 100, 100
Merah marun		#800000	128	0	0	0, 255, 255, 127	0, 100, 50
Zaitun		#808000	128	128	0	0, 0, 100, 50	60, 100, 50
Abu-abu		#808080	128	128	128	0, 0, 0, 128	0, 0, 50
Violet		#8F00FF	143	0	255	44, 255, 0, 0	274, 100, 100
Coklat		#964B00	150	75	0	0, 74, 150, 105	30, 100, 59
Ungu		#BF00FF	191	0	255	25, 100, 0, 0	285, 100, 100
Perak		#C0C0C0	192	192	192	0, 0, 0, 63	0, 0, 75
Merah		#FF0000	255	0	0	0, 255, 255, 0	0, 100, 100
Mawar		#FF007F	255	0	127	0, 100, 50, 0	330, 100, 100
Magenta		#FF00FF	255	0	255	0, 100, 0, 0	300, 100, 100
Oranye		#FF7F00	255	127	0	0, 50, 100, 0	30, 100, 100
Merah jambu		#FFC0CB	255	192	203	0, 63, 52, 0	350, 25, 100
Emas		#FFD700	255	215	0	0, 40, 255, 0	51, 100, 100
Kuning		#FFFF00	255	255	0	0, 0, 255, 0	60, 100, 100
Putih		#FFFFFF	255	255	255	0, 0, 0, 0	0, 0, 100

Berikut ini adalah daftar warna untuk kode HTML:

   

Nama Warna	kode Hex RGB	kode Desimal RGB
Warna dasar Merah
Merah Indian	CD 5C 5C	205 92 92
Koral terang	F0 80 80	240 128 128
Salmon	FA 80 72	250 128 114
Salmon gelap	E9 96 7A	233 150 122
Salmon terang	FF A0 7A	255 160 122
Krimson	DC 14 3C	220 20 60
Merah	FF 00 00	255 0 0
Batu bata	B2 22 22	178 34 34
Merah tua	8B 00 00	139 0 0
Warna dasar Merah Jambu
Merah muda	FF C0 CB	255 192 203
Merah muda terang	FF B6 C1	255 182 193
Merah muda panas	FF 69 B4	255 105 180
Merah muda dalam	FF 14 93	255 20 147
MediumVioletRed	C7 15 85	199 21 133
PaleVioletRed	DB 70 93	219 112 147
Warna dasar Oranye
Salmon terang	FF A0 7A	255 160 122
Koral	FF 7F 50	255 127 80
Tomat	FF 63 47	255 99 71
Merah oranye	FF 45 00	255 69 0
Oranye tua	FF 8C 00	255 140 0
Oranye	FF A5 00	255 165 0
Warna dasar Kuning
Emas	FF D7 00	255 215 0
Kuning	FF FF 00	255 255 0
Kuning terang	FF FF E0	255 255 224
LemonChiffon	FF FA CD	255 250 205
LightGoldenrodYellow	FA FA D2	250 250 210
PapayaWhip	FF EF D5	255 239 213
Moccasin	FF E4 B5	255 228 181
PeachPuff	FF DA B9	255 218 185
PaleGoldenrod	EE E8 AA	238 232 170
Khaki	F0 E6 8C	240 230 140
DarkKhaki	BD B7 6B	189 183 107
Warna dasar Ungu
Lavender	E6 E6 FA	230 230 250
Thistle	D8 BF D8	216 191 216
Plum	DD A0 DD	221 160 221
Violet	EE 82 EE	238 130 238
Orchid	DA 70 D6	218 112 214
Fuchsia	FF 00 FF	255 0 255
Magenta	FF 00 FF	255 0 255
MediumOrchid	BA 55 D3	186 85 211
MediumPurple	93 70 DB	147 112 219
BlueViolet	8A 2B E2	138 43 226
DarkViolet	94 00 D3	148 0 211
DarkOrchid	99 32 CC	153 50 204
DarkMagenta	8B 00 8B	139 0 139
Purple	80 00 80	128 0 128
Indigo	4B 00 82	75 0 130
SlateBlue	6A 5A CD	106 90 205
DarkSlateBlue	48 3D 8B	72 61 139
Warna dasar Hijau
GreenYellow	AD FF 2F	173 255 47
Chartreuse	7F FF 00	127 255 0
LawnGreen	7C FC 00	124 252 0
Lime	00 FF 00	0 255 0
LimeGreen	32 CD 32	50 205 50
PaleGreen	98 FB 98	152 251 152
LightGreen	90 EE 90	144 238 144
MediumSpringGreen	00 FA 9A	0 250 154
SpringGreen	00 FF 7F	0 255 127
MediumSeaGreen	3C B3 71	60 179 113
SeaGreen	2E 8B 57	46 139 87
ForestGreen	22 8B 22	34 139 34
Green	00 80 00	0 128 0
DarkGreen	00 64 00	0 100 0
YellowGreen	9A CD 32	154 205 50
OliveDrab	6B 8E 23	107 142 35
Olive	80 80 00	128 128 0
DarkOliveGreen	55 6B 2F	85 107 47
MediumAquamarine	66 CD AA	102 205 170
DarkSeaGreen	8F BC 8F	143 188 143
LightSeaGreen	20 B2 AA	32 178 170
DarkCyan	00 8B 8B	0 139 139
Teal	00 80 80	0 128 128

Nama Warna kode Hex RGB kode Desimal RGB Warna dasar Biru Aqua 00 FF FF 0 255 255 Cyan 00 FF FF 0 255 255 LightCyan E0 FF FF 224 255 255 PaleTurquoise AF EE EE 175 238 238 Aquamarine 7F FF D4 127 255 212 Turquoise 40 E0 D0 64 224 208 MediumTurquoise 48 D1 CC 72 209 204 DarkTurquoise 00 CE D1 0 206 209 CadetBlue 5F 9E A0 95 158 160 SteelBlue 46 82 B4 70 130 180 LightSteelBlue B0 C4 DE 176 196 222 PowderBlue B0 E0 E6 176 224 230 LightBlue AD D8 E6 173 216 230 SkyBlue 87 CE EB 135 206 235 LightSkyBlue 87 CE FA 135 206 250 DeepSkyBlue 00 BF FF 0 191 255 DodgerBlue 1E 90 FF 30 144 255 CornflowerBlue 64 95 ED 100 149 237 MediumSlateBlue 7B 68 EE 123 104 238 RoyalBlue 41 69 E1 65 105 225 Blue 00 00 FF 0 0 255 MediumBlue 00 00 CD 0 0 205 DarkBlue 00 00 8B 0 0 139 Navy 00 00 80 0 0 128 MidnightBlue 19 19 70 25 25 112 Warna dasar Coklat Cornsilk FF F8 DC 255 248 220 BlanchedAlmond FF EB CD 255 235 205 Bisque FF E4 C4 255 228 196 NavajoWhite FF DE AD 255 222 173 Wheat F5 DE B3 245 222 179 BurlyWood DE B8 87 222 184 135 Tan D2 B4 8C 210 180 140 RosyBrown BC 8F 8F 188 143 143 SandyBrown F4 A4 60 244 164 96 Goldenrod DA A5 20 218 165 32 DarkGoldenrod B8 86 0B 184 134 11 Peru CD 85 3F 205 133 63 Chocolate D2 69 1E 210 105 30 SaddleBrown 8B 45 13 139 69 19 Sienna A0 52 2D 160 82 45 Brown A5 2A 2A 165 42 42 Maroon 80 00 00 128 0 0 Warna dasar Putih White FF FF FF 255 255 255 Snow FF FA FA 255 250 250 Honeydew F0 FF F0 240 255 240 MintCream F5 FF FA 245 255 250 Azure F0 FF FF 240 255 255 AliceBlue F0 F8 FF 240 248 255 GhostWhite F8 F8 FF 248 248 255 WhiteSmoke F5 F5 F5 245 245 245 Seashell FF F5 EE 255 245 238 Beige F5 F5 DC 245 245 220 OldLace FD F5 E6 253 245 230 FloralWhite FF FA F0 255 250 240 Ivory FF FF F0 255 255 240 AntiqueWhite FA EB D7 250 235 215 Linen FA F0 E6 250 240 230 LavenderBlush FF F0 F5 255 240 245 MistyRose FF E4 E1 255 228 225 Warna dasar Abu-abu Gainsboro DC DC DC 220 220 220 LightGrey D3 D3 D3 211 211 211 Silver C0 C0 C0 192 192 192 DarkGray A9 A9 A9 169 169 169 Gray 80 80 80 128 128 128 DimGray 69 69 69 105 105 105 LightSlateGray 77 88 99 119 136 153 SlateGray 70 80 90 112 128 144 DarkSlateGray 2F 4F 4F 47 79 79 Black 00 00 00 0 0 0

Sumber : wikipedia

Read More »

0 Cara Mengganti Tulisan Poskan Komentar

Sobat blogger tau kan tulisan "Poskan Komentar"? Itu lho yang diatas tempat buat koment. Yah, ternyata itu bisa diganti lho! Sebenarnya saya juga baru tau cara ini barusan setelah nyari2 di Mbah Google. Walaupun sudah banyak orang yang tau tentang bagaimana cara mengganti tulisan "Poskan Komentar" tetapi gak apalah untuk share untuk para Newbie. Caranya tinggal ikuti langkah2 berikut:

• Login ke blog sobat
• Masuk ke halaman Template
• Edit HTML lalu "Lanjutkan"
• Expand Template Widget
• Cari kode <data:postCommentMsg/>. Ada dua/tiga kode yang sama seperti itu. Pilih salah satu kode tersebut. Tapi lebih disarankan ganti saja semuanya dengan pesan yang sobat inginkan
• Simpan Template

CARANYA :
Anda pun bisa mengganti Tulisan "Poskan Komentar" dengan Gambar hanya dengan mengganti <data:postCommentMsg/> dengan <img alt='Add Comment' src='Url Gambar'/>. Ganti tulisan Url Gambar menjadi url gambar anda.

sebelum di ganti

 

Sesudah di Ganti

Read More »

0 Cara Membuat Daftar Isi Sederhana Di Blog

Sobat blogger pasti sudah banyak yang tahu tentang cara membuat daftar isi pada blogspot, sekedar ingin berbagi dan saling mengingatkan. berikut ini akan saya share tentang cara membuat daftar isi blog secara sederhana. Daftar isi dapat memudahkan kita untuk menemukan suatu topik dalam suatu buku, atau dapat juga dalam suatu blog atau web.
Jika suatu blog mempunyai banyak artikel, maka akan susah mencari artikel yang tepat. Oleh karena itu, daftar isi ini penting untuk suatu blog. Daftar isi ini telah dibundel berdasarkan label, sehingga lebih memudahkan para pengunjung blog, berikut ini contohnya :
Gimana? Jika sobat ingin membuat daftar isi ini, silahkan ikuti tutorial berikut ini :

• Masuk ke blogger;
• Klik Perancangan lalu klik Elemen Laman;
• Pilih Tambah Gadget;
• Pilih HTML/javascript;
• Tulis judul Daftar Isi atau sesuai keinginan sobat, masukkan atau pastekan kode berikut :

<div style="overflow:auto;width:430px;height:130px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://rizki-khaizir.googlecode.com/files/ContentDI.js"></script><script src="http://tutorialblog45.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Catatan : http://tutorialblog45.blogspot.com ganti dengan nama blog yang sobat miliki. Kemudian ganti lebar sesuai keinginan sobat, misal width:90%, selanjutnya ganti tinggi sesuai keinginan sobat, misal height:250px

• Kemudian klik Simpan

Read More »

0 Cara Membuat Efek Zoom Pada Gambar

Sobat blogger mungkin masih sedikit yang tau tentang Membuat Efek Zoom Gambar di Blog, banyak kegunaan dari effek ini. Effek ini menggunakan jQuery, sehingga tampilannya akan lebih lembut dan halus. Ada kalanya kita melihat suatu gambar tutor yang tampilan gambarnya sangat kecil dan tidak jelas, Efek Zoom ini menampilkan gambar dengan ukuran sebenarnya, buat sobat yang penasaran, contohnya bisa sobat lihat di Sudut Photo. Jika sobat berminat, ikuti langkah-langkah berikut ini;


     Caranya adalah :

• Masuk ke blogger;
• Klik Perancangan lalu klik Edit HTML;
• Carilah kode ]]></b:skin>
• Kemudian sisipkan kode berikut ini tepat di atasnya:

/* Zoom Image www.wakrizki.net
------------------------------- */
div.jquery-image-zoom {
line-height: 0;
font-size: 0;
z-index: 10;
border: 5px solid #fff;
margin: -5px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
div.jquery-image-zoom a {
background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat;
display: block;
width: 25px;
height: 25px;
position: absolute;
left: -17px;
top: -17px;
/* IE-users are prolly used to close-link in right-hand corner */
*left: auto;
*right: -17px;
text-decoration: none;
text-indent: -100000px;
outline: 0;
z-index: 11;
}
div.jquery-image-zoom a:hover {
background-position: left -25px;
}
div.jquery-image-zoom img,
div.jquery-image-zoom embed,
div.jquery-image-zoom object,
div.jquery-image-zoom div {
width: 100%;
height: 100%;
margin: 0;
}

• Selanjutnya cari kode </head>
• Kemudian sisipkan kode berikut ini tepat di atasnya:

<!-- Zoom Image code script www.wakrizki.net -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://rizki-khaizir.googlecode.com/files/jquery.imageZoom.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document.body).imageZoom();
</script>

• Langkah terakhir adalah simpan template sobat. Semoga berhasil

Read More »

0 Cara Mengganti Cursor Pada Blog Anda

Setelah sebelumnya saya posting tentang Cara Buat Blog Anti Copas pada pelajaran blogger, kali ini saya juga ingin share ilmu tentang Cara Mengganti Cursor Blog. Secara default, cursor blog berbentuk panah, namun jika sobat bosan dengan tampilan itu, sobat bisa merubahnya sesuka kehendak sobat. Pengunjung juga akan merasa sedikit terhibur ( ah, masa iya sich bisa terhibur ! ). Jika sobat berminat, silahkan ikuti tutorial berikut ini,

1. Cara Pertama :

• Log ini ke akun blogger sobat; 
• Pilih menu Rancangan » Edit HTML; 
• Beri tanda centang pada tulisan Expand Template Widget; 
• Carilah kode yang kurang lebih seperti berikut ini; 

body {

    margin:0;
    background:#cccccc;
    color:#000000;
    text-align: center;
    }

a:link {
    color:$linkcolor;
    text-decoration:none;
    }

a:visited {
    color:$visitedlinkcolor;
    text-decoration:none;
    }

a:hover {
    color:#000;
    text-decoration:underline;
    }

• Kemudian tambahkan kode cursor: url(http://i54.tinypic.com/97s4z7.png), progress; sehingga menjadi seperti ini;

body {
    margin:0;
    background:#cccccc;
    color:#000000;
    text-align: center;
    cursor: url(http://i54.tinypic.com/97s4z7.png), progress;
    }

a:link {
    color:$linkcolor;
    text-decoration:none;
    }

a:visited {
    color:$visitedlinkcolor;
    text-decoration:none;
    }

a:hover {
    color:#000;
    text-decoration:underline;
    cursor: url(http://i52.tinypic.com/2ugifqc.png), progress;
    }

Kode cursor yang berada pada tag body { adalah untuk mengganti cursor default pada blog kita, sedangkan kode cursor yang berada pada tag a:hover { adalah untuk cursor pada link. Sobat bisa merubah url ( kode warna biru ) gambar untuk cursor pada blog sobat sesuai dengan keinginan sobat, atau sobat bisa cari url cursor di http://www.totallyfreecursors.com/, http://www.123cursors.com/ dan http://www.cursors-4u.com/;
Kemudian simpan template sobat dan lihat hasilnya.
      
2.Cara Kedua :

• Log ini ke akun blogger sobat; 
• Pilih menu Rancangan » Elemen Laman; 
• Kemudian pilih Tambah Gadget, terserah mau sobat letak dimana; 
• Pilih HTML/JavaScript; 
• Tambahkan kode berikut ini;

<style type="text/css">
body {
    cursor: url(http://i54.tinypic.com/97s4z7.png), progress;
    }

a:hover {
    cursor: url(http://i52.tinypic.com/2ugifqc.png), progress;
    }
<style>

• Kemudian simpan template sobat dan lihat hasilnya. 

• Selamat mencoba, semoga berhasil.

Read More »

0 Cara Membuat Link Otomatis saat artikel di copy paste

Bertemu lagi dengan saya ryan pau lipu yang ramah dan baik hati,tetap dengan semboyan saya walau sedikit ilmu tapi tetap berbagi,hehehe Oke langsung saja Sekarang saya akan menjelaskan tentang sebuah trik blogger yang cukup menarik dan mungkin sangat penting bagi para blogger, trik ini adalah cara membuat sebuah link otomatis saat artikel di copy paste di blogger. Manfaat dari membuat link otomatis ini adalah jika saat ada orang lain yang ingin mengcopy paste artikel kita tanpa ada izin dari admin, link tersebut akan muncul di bawah postingan yang di copy dengan sendirinya. Cara ini sedikit membutuhkan bantuan kepada sebuah website yang bernama tynt yang bisa Anda kunjungi disini. Nah, sekarang dari pada berlama-lama disini dan tidak ada gunannya langsung saja kita belajar membuat link otomatis saat artikel di copy paste di blogger,Berikut SCnya^^

Ya apakah cukup tertarik???kalau tertarik lansung saja cekidooooot :P
Cara membuat link otomatis saat artikel di copy paste di blogger
Part 1
1. Kunjungi websitenya disini
2. Klik " Start Here. It's Free "
3. Masukkan E-mail, Domain, dan Password Anda
4. Jangan lupa untuk mencentang " I agree to the Usage and Privacy Agreements "
5. Kemudian klik Next, sampai menemukan sebuah kode HTML
6. Simpan kode HTML tersebut sementara


Part 2
1. Login ke blogger
2. Pilih Rancangan
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Taruh kode HTML tadi dibawah kode <head>
6. Simpan jika sudah selesai

Catatan :

● Anda bisa mengatur link data yang ingin di tampilkan jika sudah selesai
● Kode HTML dibawah ini adalah milik http://www.tutorialblog45.blogspot.com/

CODE BY : http://www.tutorialblog45.blogspot.com

<script type='text/javascript'> if(document.location.protocol==&#39;http:&#39;){ var Tynt=Tynt||[];Tynt.push(&#39;cJE4D4kSKr4yYsacwqm_6l&#39;);Tynt.i={&quot;ap&quot;:&quot;Read more:&quot;};(function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type= &quot;text/javascript&quot;; s.src=&#39;http://tcr.tynt.com/ti.js&#39;;var h=document.getElementsByTagName (&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})(); } </script>

Read More »

0 Cara Mengekspor-Mengimpor dan menghapus Blog

Taukah anda kalau anda bisa mengimpor, ekspor dan menghapus blog? Istilah impor berarti anda mengambil artikel dari blog lain untuk diletakan ke blog yang anda inginkan. Impor sama istilahnya seperti anda mengupload foto anda pada sebuah situs. Sedangkan istilah ekspor berarti anda mengirimkan artikel tersebut atau mengekstrak artikel tersebut. Pada blogger ketika anda mengimpor atau mengekspor artikel maka posting artikel serta komentar pengunjung akan dimuat. Impor dan ekspor bisa digunakan apabila anda ingin mengirimkan posting anda ke wordpress, dll. Sementara itu anda bisa menghapus blog apabila anda sudah tidak menggunakan blog tersebut lagi. Blog yang sudah dihapus biasanya akan disembunyikan pada dasboard. Kali ini saya akan berbagi bagaimana menggunakan fasilitas impor, ekspor dan hapus blog.

• Impor Blog

1. Pertama login ke Blogger
2. Setelah masuk pada Dashboard klik Setelan - Dasar
3. Dibawahnya anda akan melihat link Impor Blog, Ekspor Blog dan Hapus Blog
4. Untuk mengimpor blog klik link Impor Blog
5. Klik Tombol Browse, lalu cari file xml yang anda simpan dari hasil ekspor blog
6. Masukan teks seperti pada Captcha yang ditampilkan
7. Jika anda ingin menerbitkan semua entri centang "Terbitkan semua entri yang diimpor secara otomatis"
8. Klik tombol Impor Blog

  

• Ekspor Blog

1. Pertama login ke Blogger
2. Setelah masuk pada Dashboard klik Setelan - Dasar
3. Untuk ekspor blog klik link Ekspor Blog
4. kLIK Tombol UNDUH BLOG
5. Kemudian save file tersebut di komputer anda

• Hapus Blog

1. Pertama login ke Blogger
2. Setelah masuk pada Dashboard klik Setelan - Dasar
3. Untuk hapus blog klik link Hapus Blog
4. Klik tombol HAPUS BLOG INI, maka blog yang anda gunakan akan terhapus.

Demikian tips dan trik yang bisa saya berikan. Semoga artikel ini dapat bermanfaat bagi yang membutuhkan atau sekedar ingin menambah informasi....

Read More »