Muter sampai tujuh keliling, sejak 17 September 2020 pengguna fitur blogger google akan dipaksa untuk beralih di tampilan baru blogger dengan kesimpulan sementara sangat unfaedah.
Sebagai contoh adalah kesulitan saat akan membuat favicon blog atau mengganti gambar favicon blog. Kamu tidak akan menemukan widget yang bisa mengatur favicon blog ini.
Admin rasa judul artikel "Tampilan Dashboard Blogger Terbaru Tidak Bisa Ganti Favicon Blog" sangatlah tidak berlebihan. karena setelah ditelusuri dan diujicoba ternyata tidak bisa juga memunculkan favicon.
Armaila mencoba memdofikasi kode html <link href='https://hijacket.armaila.com/favicon.ico' rel='icon' type='image/x-icon'/> dengan tujuan agar favicon yang sesuai keingingan bisa muncul di blog https://stockhijacket.blogspot.com/ tetapi ternyata hal tersebut tidak berfungsi.
Parahnya lagi tidak bisa kembali ke mode klasik untuk mendapatkan menu widget edit favicon ini.
Semakin kesini aku semakin bertanya tanya, apa sih fungsi ganti tampilan Dashboard Blogger ini?? mungkin ingin kelihatan seperti tetangga sebelah tetapi salah kaprah cikikikikik
<!-- awal chat whatsapp -->
SENSOR
<p class='tombol'><a class='submit'><i aria-hidden="true" class="fa fa-whatsapp"></i> Kirim Pesan WhatsApp</a></p>
</div>
</div>
</div>
<script type='text/javascript'>
$('#whatsapp .submit').click(WhatsApp);
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
function WhatsApp() {
var ph = '';
if ($('#whatsapp .nama') == '') {
return false;
} else {
if (!confirm("Tekan Oke jika sudah menginstall whatsapp")) {
window.open("https://www.whatsapp.com/download/");
} else {
// Check Device (Mobile/Desktop)
var url_wa = 'https://web.whatsapp.com/send';
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
url_wa = 'whatsapp://send/';
}
// Get Value
var nomorwa = $('#whatsapp .nomorwa').val(),
via_url = location.href,
nama = $('#whatsapp .nama').val(),
alamat = $('#whatsapp .alamat').val(),
kelurahan = $('#whatsapp .kelurahan').val(),
kecamatan = $('#whatsapp .kecamatan').val(),
kabupaten = $('#whatsapp .kabupaten').val(),
provinsi = $('#whatsapp .provinsi').val(),
kodepos = $('#whatsapp .kodepos').val(),
produk = $('#whatsapp .produk').val(),
jumlah = $('#whatsapp .jumlah').val(),
email = $('#whatsapp .email').val(),
tanggal = $('#whatsapp .tanggal').val(),
checkbox = $('#whatsapp .checkbox').val(),
pesan = $('#whatsapp .pesan').val();
$(this).attr('href', url_wa + '?phone=62 ' + nomorwa + '&text=Assalamu Alaikum Wr Wb, %0AHai Admin AkhirMali.com. %0ASaya ingin bertanya lebih lanjut tentang informasi yang ada di: ' + nama + '%0A%0A ' + via_url);
var w = 960,
h = 540,
left = Number((screen.width / 2) - (w / 2)),
tops = Number((screen.height / 2) - (h / 2)),
popupWindow = window.open(this.href, '', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=1, copyhistory=no, width=' + w + ', height=' + h + ', top=' + tops + ', left=' + left);
popupWindow.focus();
return false;
}
}
}
</script>
<!-- akhir chat whatsapp -->
Bagian yang menarik adalah pada chat whatsapp akan disertakan link artikel darimana sumber tombol chat tersebut diklik.
Namun sayangnya belum ada fitur yang memunculkan judul artikel secara otomatis. Semoga akan segera ada updatenya
Menampilkan Widget di Template Blogspot Versi Mobile
<b:widget-settings>
<b:widget-setting name='content'><a href="https://shopee.co.id/umahopat" target="_blank" rel="nofollow">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmd-X-1h_T4w8HSkpPz5subCjcSVvWFrF0PdLi_BBLkXlB4jiA9n8eo3h4zI38nw7etY15YKygvg8hNuUwMKUWYGISpYqZu4JrLMxLW7tyOqrZ7KVCxBtlIEIzx_mzbQIyYWnX7jQlrh4/s1600/Cara+Menambah+Link+Pada+Gambar+HTML+armaila+akhir+mali.png" title="Beli Via Shopee" alt="Beli Via Shopee" />
</a></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<!-- KODE WIDGET-->
</b:widget>
True: untuk memunculkan di mobile saja. Jika ingin menyembunyikan di mobile maka ganti jadi "false"
HTML55: sesuaikan dengan id widget yang akan ditampilkan di mobile saja
NB:
Mohon maaf jika penjelasannya belepotan karena ini hanya sekedar dokumentasi pribadi yang berhasil dipraktekkan dari beberapa tutorial yang beredar di google. Dengan harapan bisa merujuk kembali kesini jika terjadi permasalahan yang sama di kemudian hari.
Menambah Link Pada Gambar HTML
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmd-X-1h_T4w8HSkpPz5subCjcSVvWFrF0PdLi_BBLkXlB4jiA9n8eo3h4zI38nw7etY15YKygvg8hNuUwMKUWYGISpYqZu4JrLMxLW7tyOqrZ7KVCxBtlIEIzx_mzbQIyYWnX7jQlrh4/s1600/Cara+Menambah+Link+Pada+Gambar+HTML+armaila+akhir+mali.png" title="Beli Via Shopee" alt="Beli Via Shopee" >
</a>
Cara Membuat Widget Sticky pada Sidebar di Blogspot Widget Melayang Blogger Versi 2
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function () {
var offset = $("#HTML1").offset();
var topPadding = 0;
$(window).scroll(function () {
if ($(window).scrollTop() > offset.top) {
$("#HTML1").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
})
} else {
$("#HTML1").stop().animate({
marginTop: 0
})
}
})
});
</script>
<!-- STICKY END -->
How To Configure Featured Content Slider:
Slider - Frontier Blogger TemplateThere are 5 slides in the slider. You can add or remove more slides if you want. This is the code for the first slide:
<li>
<a href='ENTER_SLIDE_1_LINK_HERE'>
<img class='slider-element' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-kFtvJpXDDRJbkuhPB-OmeYSaUMHPfrrli8gxNQfVKJeAJpCtLvgkf0BWa-auvSYvfwZMciYzxojtGDJMLXC8hsPHL1g6WJ4UFJZ-LUMHkAzf_VqSPMemgffbuwDeT1iZ1fn6eo-V1MW_/s1600/slide-1.jpg'/>
<h4 class='slider-element'>Enter Slide 1 Title Here</h4>
<p class='slider-element'>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</p>
</a>
</li>
<!-- slide 1 code end -->
Now replace,
"ENTER_SLIDE_1_LINK_HERE"s with your real slide link,
"Enter Slide 1 Title Here" with your real slide title,
"This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com..." with your real slide description,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-kFtvJpXDDRJbkuhPB-OmeYSaUMHPfrrli8gxNQfVKJeAJpCtLvgkf0BWa-auvSYvfwZMciYzxojtGDJMLXC8hsPHL1g6WJ4UFJZ-LUMHkAzf_VqSPMemgffbuwDeT1iZ1fn6eo-V1MW_/s1600/slide-1.jpg" with your slide image URL.
Follow the same procedure to configure other 4 slides.
logo APN AKHIR MALI Frontier.PNG
AGEN PULSA NASIONAL FRONTIER
Kode Kotak Double-Border
<div style="background-color: #ace5f4; border: 3px #0180cf double; padding: 10px; text-align: left;">
MASUKKAN KODE HTML DISINI </div>
Kode Kotak Single-Border
<div style="background-color: #ace5f4; border: 3px solid #0180cf ; padding: 10px; text-align: left;">
MASUKKAN KODE HTML DISINI </div>
- Bagaimana Cara Redirect URL dengan Htaccess?
- Cara Defrag Harddisk Windows 10?
- Tutorial Cara Partisi Harddisk?
- Cara Membuat Blur Background Foto?
Kode Kotak Border-Dotted
<div style="background-color: #ace5f4; border: 2px #0180cf dotted; padding:10px; text-align:left;">MASUKKAN KODE HTML DISINI</div>
Kode Kotak Scroll Vertikal
<div style="background-color: white; border: 2px solid #0180cf; height: 70px; overflow: auto; padding: 5px; width: auto;">
MASUKKAN KODE HTML DISINI
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA
</div>
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA
Kode Kotak Scroll Vertikal dan Horizontal
<div style="border: 2px solid #0180cf; height: 70px; overflow-x: scroll; overflow-y: scroll; width: auto;">
<div style="width: 1000%;">
MASUKKAN KODE HTML DISINI
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA</div>
</div>
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA
<i class='fa fa-chevron-up'/>
</a></div>
<script>
$(window).scroll(function() {
if($(this).scrollTop() > 200) {
$('#back-to-top').fadeIn();
} else {
$('#back-to-top').fadeOut();
}
});
$('#back-to-top').hide().click(function() {
$('html, body').animate({scrollTop:0}, 1000);
return false;
});
</script>
Template Name:Frontier
Author / URL:NewBloggerThemes | https://newbloggerthemes.com/
Designer / URL:ronangelo | http://ronangelo.com/
Published Date:November 29, 2015
Updated Date:February 26, 2017
How To Add Links to Top Navigation Menu
Top Menu - Frontier Blogger TemplateGo to "Layout". Click on "Edit" link of "Edit This Menu" widget.
Now add your links to that link list widget.
How To Change Header Logo
Find this image address in "Edit HTML" and replace it your logo image address:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_80L3lh8AZtC8UNxx_t2w6wzIvN0JwrF2bIgHWR8KOtdz_HHYBGrIy_-d2kVxbhEVRDIFVyX6s437REvfY2t69KRG83CoYJKiBthrU8SixKhhMt8w8nvB3OHE7wLJKEGezI0KVmG7XVsG/s1600/logo.png
How To Configure Main Drop-down Menu
Primary Menu - Frontier Blogger TemplateFind this in "Edit HTML":
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
...
</ul>
Replace "#" marks with real URLs and change anchor texts as you like.
How To Configure Featured Content Slider:
Slider - Frontier Blogger TemplateThere are 5 slides in the slider. You can add or remove more slides if you want. This is the code for the first slide:
<li>
<a href='ENTER_SLIDE_1_LINK_HERE'>
<img class='slider-element' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-kFtvJpXDDRJbkuhPB-OmeYSaUMHPfrrli8gxNQfVKJeAJpCtLvgkf0BWa-auvSYvfwZMciYzxojtGDJMLXC8hsPHL1g6WJ4UFJZ-LUMHkAzf_VqSPMemgffbuwDeT1iZ1fn6eo-V1MW_/s1600/slide-1.jpg'/>
<h4 class='slider-element'>Enter Slide 1 Title Here</h4>
<p class='slider-element'>This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com...</p>
</a>
</li>
<!-- slide 1 code end -->
Now replace,
"ENTER_SLIDE_1_LINK_HERE"s with your real slide link,
"Enter Slide 1 Title Here" with your real slide title,
"This is slide 1 description. Go to Edit HTML of your blogger blog. Find these sentences. You can replace these sentences with your own words. This is a Blogger template by NewBloggerThemes.com..." with your real slide description,
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-kFtvJpXDDRJbkuhPB-OmeYSaUMHPfrrli8gxNQfVKJeAJpCtLvgkf0BWa-auvSYvfwZMciYzxojtGDJMLXC8hsPHL1g6WJ4UFJZ-LUMHkAzf_VqSPMemgffbuwDeT1iZ1fn6eo-V1MW_/s1600/slide-1.jpg" with your slide image URL.
Follow the same procedure to configure other 4 slides.
How To Configure Social Buttons
Social Buttons - Frontier Blogger TemplateFind this in "Edit HTML":
<a href='https://plus.google.com/' rel='nofollow' target='_blank' title='Google Plus'><i class='fa fa-google-plus'/></a>
<a href='https://twitter.com/' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a>
<a href='https://www.facebook.com/' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a>
<a href='https://www.linkedin.com/' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a>
<a href='https://www.instagram.com/' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a>
<a href='https://www.youtube.com/' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube'/></a>
<a href='http://www.pinterest.com/' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' target='_blank' title='RSS'><i class='fa fa-rss'/></a>
</div>
Frontier Blogger Template Responsive View
Responsive View - Frontier Blogger TemplateOur Blogger templates are free for both personal and commercial use. However, you are required to keep the footer links intact, which provides due credit to its designers and authors. So do not remove the footer credits without our permission. If you need the footer credits free version of a theme, contact us.
Masuk ke edit HTML template blog kamu
Cari kode </body>
Masukkan kode berikut tepat diatas kode /body tersebut;
<script type='text/javascript'>
//<![CDATA[
$(function() {
if ($('#sticky-sidebar').length) { // Ganti "#sticky-sidebar" dengan ID tertentu
var el = $('#sticky-sidebar');
var stickyTop = $('#sticky-sidebar').offset().top;
var stickyHeight = $('#sticky-sidebar').height();
$(window).scroll(function() {
var limit = $('#footer-wrapper').offset().top - stickyHeight - 20; // Jarak berhenti di "#footer-wrapper" dan ID footer juga sama dengan ID footer template mu
var windowTop = $(window).scrollTop();
if (stickyTop < windowTop) {
el.css({
position: 'fixed',
top: 20 // Jarak atau margin sticky dari atas
});
} else {
el.css('position', 'static');
}
if (limit < windowTop) {
var diff = limit - windowTop;
el.css({
top: diff
});
}
});
}
});
//]]>
</script>
Simpan dan Lihat Hasilnya
Berikut ini adalah contoh penerapan pada Newser SoraTemplate yang admin gunakan;
<script type='text/javascript'>
//<![CDATA[
$(function() {
if ($('#HTML4').length) { // Ganti "#HTML4" dengan ID tertentu
var el = $('#HTML4');
var stickyTop = $('#HTML4').offset().top;
var stickyHeight = $('#HTML4').height();
$(window).scroll(function() {
var limit = $('#LinkList236').offset().top - stickyHeight - 20; // Jarak berhenti di "#footer-wrapper"
var windowTop = $(window).scrollTop();
if (stickyTop < windowTop) {
el.css({
position: 'fixed',
top: 20 // Jarak atau margin sticky dari atas
});
} else {
el.css('position', 'static');
}
if (limit < windowTop) {
var diff = limit - windowTop;
el.css({
top: diff
});
}
});
}
});
//]]>
</script>
Sumber Code
Cara Mengubah Warna Tulisan Link HTML
- Masuk ke Dashbor blogspot
- Pilih Tema
- Lalu lanjutkan ke pilihan Edit HTML
- Selanjutnya cari kode a {text-decoration:none;color:#000;}
Nama Warna | HEX | RGB | |
---|---|---|---|
Alice Blue | #F0F8FF | rgb(240, 248, 254) | |
Antique White | #FAEBD7 | rgb(251, 235, 217) | |
Aqua | #00FFFF | rgb(0, 255, 254) | |
Aquamarine | #7FFFD4 | rgb(115, 255, 216) | |
Azure | #F0FFFF | rgb(239, 255, 255) | |
Beige | #F5F5DC | rgb(245, 245, 223) | |
Bisque | #FFE4C4 | rgb(255, 227, 200) | |
Black | #000000 | rgb(0, 0, 0) | |
Blanched Almond | #FFEBCD | rgb(255, 234, 208) | |
Blue | #0000FF | rgb(0, 0, 255) | |
Blue Violet | #8A2BE2 | rgb(138, 43, 226) | |
Brown | #A52A2A | rgb(165, 42, 42) | |
Burly Wood | #DEB887 | rgb(222, 184, 135) | |
Cadet Blue | #5F9EA0 | rgb(95, 158, 160) | |
Chartreuse | #7FFF00 | rgb(127, 255, 1) | |
Chocolate | #D2691E | rgb(210, 105, 30) | |
Coral | #FF7F50 | rgb(251, 127, 80) | |
Cornflower Blue | #6495ED | rgb(100, 149, 237) | |
Cornsilk | #FFF8DC | rgb(225, 248, 220) | |
Crimson | #DC143C | rgb(220, 20, 60) | |
Cyan | #00FFFF | rgb(62, 254, 255) | |
Dark Blue | #00008B | rgb(0, 0, 139) | |
Dark Cyan | #008B8B | rgb(29, 139, 139) | |
Dark Golden Rod | #B8860B | rgb(184, 134, 11) | |
Dark Gray | #A9A9A9 | rgb(169, 169, 169) | |
Dark Green | #006400 | rgb(19, 100, 0) | |
Dark Khaki | #BDB76B | rgb(189, 183, 107) | |
Dark Magenta | #8B008B | rgb(139, 0, 140) | |
Dark Olive Green | #556B2F | rgb(85, 107, 47) | |
Dark Orange | #FF8C00 | rgb(251, 140, 1) | |
Dark Orchid | #9932CC | rgb(153, 50, 204) | |
Dark Red | #8B0000 | rgb(139, 5, 0) | |
Dark Salmon | #E9967A | rgb(233, 150, 122) | |
Dark Sea Green | #8FBC8F | rgb(143, 188, 144) | |
Dark Slate Blue | #483D8B | rgb(72, 61, 139) | |
Dark Slate Gray | #2F4F4F | rgb(47, 79, 79) | |
Dark Turquoise | #00CED1 | rgb(48, 206, 209) | |
Dark Violet | #9400D3 | rgb(148, 0, 211) | |
Deep Pink | #FF1493 | rgb(249, 19, 147) | |
Deep Sky Blue | #00BFFF | rgb(43, 191, 254) | |
Dim Gray | #696969 | rgb(105, 105, 105) | |
Dodger Blue | #1E90FF | rgb(30, 144, 255) | |
Fire Brick | #B22222 | rgb(178, 34, 33) | |
Floral White | #FFFAF0 | rgb(255, 250, 240) | |
Forest Green | #228B22 | rgb(34, 139, 35) | |
Fuchsia | #FF00FF | rgb(249, 0, 255) | |
Gainsboro | #DCDCDC | rgb(220, 220, 220) | |
Ghost White | #F8F8FF | rgb(248, 248, 255) | |
Gold | #FFD700 | rgb(253, 215, 3) | |
Golden Rod | #DAA520 | rgb(218, 165, 32) | |
Gray | #808080 | rgb(128, 128, 128) | |
Green | #008000 | rgb(27, 128, 1) | |
Green Yellow | #ADFF2F | rgb(173, 255, 48) | |
Honey Dew | #F0FFF0 | rgb(240, 255, 240) | |
Hot Pink | #FF69B4 | rgb(240, 255, 240) | |
Indian Red | #CD5C5C | rgb(205, 92, 92) | |
Indigo | #4B0082 | rgb(75, 0, 130) | |
Ivory | #FFFFF0 | rgb(255, 255, 239) | |
Khaki | #F0E68C | rgb(240, 230, 140) | |
Lavender | #E6E6FA | rgb(230, 230, 250) | |
Lavender Blush | #FFF0F5 | rgb(254, 240, 245) | |
Lawn Green | #7CFC00 | rgb(124, 252, 2) | |
Lemon Chiffon | #FFFACD | rgb(255, 250, 205) | |
Light Blue | #ADD8E6 | rgb(173, 216, 230) | |
Light Coral | #F08080 | rgb(240, 128, 128) | |
Light Cyan | #E0FFFF | rgb(224, 255, 255) | |
Light Golden Rod Yellow | #FAFAD2 | rgb(250, 250, 210) | |
Light Gray | #D3D3D3 | rgb(211, 211, 211) | |
Light Green | #90EE90 | rgb(144, 238, 144) | |
Light Pink | #FFB6C1 | rgb(252, 182, 193) | |
Light Salmon | #FFA07A | rgb(251, 160, 122) | |
Light Sea Green | #20B2AA | rgb(40, 178, 170) | |
Light Sky Blue | #87CEFA | rgb(135, 206, 250) | |
Light Slate Gray | #778899 | rgb(119, 136, 153) | |
Light Steel Blue | #B0C4DE | rgb(176, 196, 222) | |
Light Yellow | #FFFFE0 | rgb(255, 255, 224) | |
Lime | #00FF00 | rgb(63, 255, 0) | |
Lime Green | #32CD32 | rgb(50, 205, 50) | |
Linen | #FAF0E6 | rgb(250, 240, 230) | |
Magenta | #FF00FF | rgb(249, 0, 255) | |
Maroon | #800000 | rgb(128, 4, 0) | |
Medium Aqua Marine | #66CDAA | rgb(102, 205, 170) | |
Medium Blue | #0000CD | rgb(0, 0, 205) | |
Medium Orchid | #BA55D3 | rgb(186, 85, 211) | |
Medium Purple | #9370DB | rgb(147, 112, 219) | |
Medium Sea Green | #3CB371 | rgb(60, 179, 113) | |
Medium Slate Blue | #7B68EE | rgb(123, 103, 238) | |
Medium Spring Green | #00FA9A | rgb(62, 250, 153) | |
Medium Turquoise | #48D1CC | rgb(72, 209, 204) | |
Medium Violet Red | #C71585 | rgb(199, 21, 133) | |
Midnight Blue | #191970 | rgb(25, 25, 112) | |
Mint Cream | #F5FFFA | rgb(245, 255, 250) | |
Misty Rose | #FFE4E1 | rgb(254, 228, 225) | |
Moccasin | #FFE4B5 | rgb(254, 228, 181) | |
Navajo White | #FFDEAD | rgb(254, 222, 173) | |
Navy | #000080 | rgb(0, 0, 128) | |
Old Lace | #FDF5E6 | rgb(253, 245, 230) | |
Olive | #808000 | rgb(128, 128, 1) | |
Olive Drab | #6B8E23 | rgb(107, 142, 35) | |
Orange | #FFA500 | rgb(252, 165, 3) | |
Orange Red | #FF4500 | rgb(250, 69, 1) | |
Orchid | #DA70D6 | rgb(218, 112, 214) | |
Pale Golden Rod | #EEE8AA | rgb(238, 232, 170) | |
Pale Green | #98FB98 | rgb(152, 251, 153) | |
Pale Turquoise | #AFEEEE | rgb(175, 238, 239) | |
Pale Violet Red | #DB7093 | rgb(219, 112, 147) | |
Papaya Whip | #FFEFD5 | rgb(254, 239, 213) | |
Peach Puff | #FFDAB9 | rgb(253, 218, 185) | |
Peru | #CD853F | rgb(205, 133, 63) | |
Pink | #FFC0CB | rgb(252, 192, 203) | |
Plum | #DDA0DD | rgb(221, 160, 221) | |
Powder Blue | #B0E0E6 | rgb(176, 224, 230) | |
Purple | #800080 | rgb(128, 0, 128) | |
Rebecca Purple | #663399 | rgb(102, 51, 153) | |
Red | #FF0000 | rgb(255, 0, 0) | |
Rosy Brown | #BC8F8F | rgb(188, 143, 142) | |
Royal Blue | #4169E1 | rgb(65, 105, 225) | |
Saddle Brown | #8B4513 | rgb(139, 69, 19) | |
Salmon | #FA8072 | rgb(250, 128, 114) | |
Sandy Brown | #F4A460 | rgb(244, 164, 95) | |
Sea Green | #2E8B57 | rgb(46, 139, 87) | |
Sea Shell | #FFF5EE | rgb(255, 245, 238) | |
Sienna | #A0522D | rgb(160, 82, 45) | |
Silver | #C0C0C0 | rgb(192, 192, 192) | |
Sky Blue | #87CEEB | rgb(135, 206, 235) | |
Slate Blue | #6A5ACD | rgb(106, 90, 205) | |
Slate Gray | #708090 | rgb(112, 128, 145) | |
Snow | #FFFAFA | rgb(255, 250, 250) | |
Spring Green | #00FF7F | rgb(63, 255, 128) | |
Steel Blue | #4682B4 | rgb(70, 130, 180) | |
Tan | #D2B48C | rgb(210, 180, 140) | |
Teal | #008080 | rgb(26, 128, 127) | |
Thistle | #D8BFD8 | rgb(216, 191, 216) | |
Tomato | #FF6347 | rgb(250, 99, 71) | |
Turquoise | #40E0D0 | rgb(64, 224, 208) | |
Violet | #EE82EE | rgb(238, 130, 238) | |
Wheat | #F5DEB3 | rgb(245, 222, 179) | |
White | #FFFFFF | rgb(255, 255, 255) | |
White Smoke | #F5F5F5 | rgb(245, 245, 245) | |
Yellow | #FFFF00 | rgb(255, 255, 0) | |
Yellow Green | #9ACD32 | rgb(154, 205, 49) |