Tampilkan postingan dengan label Code HTML. Tampilkan semua postingan

Auto Read More Blogspot

Auto Read More.. Untuk Blogspot !

Pernah lihat tulisan di blog yang singkat tapi ada terusan bacaannya? biasanya populer ditulis dengan "Read More"...
ReadMore... membuat tampilan posting di halaman depan menjadi lebih ringkas dan ada tulisan Read More yang bacaan lengkapnya harus mengklik link dimaksud....
Dulu untuk membuat postingan dengan ReadMore... di blogspot harus menyisipkan sebuah koding tag <span class="fullpost"></span> secara manual disetiap posting.... sehingga di halaman blog tampil postingan yang ringkas....
Tentunya hal ini cukup merepotkan... kemungkinan gagal readmore karena kelupaan koding bisa terjadi....
Sekarang fasilitas ReadMore ini dapat diterapkan tanpa harus repot repot... karena kesemuanya sudah diurus oleh program aplikasi readmore otomatis untuk membuat ringkasan posting di halaman depan blog.
Metode baru untuk membuat readmore secara otomatis untuk blogspot ini jika dipasang maka akan langsung teraplikasi ke seluruh posting yang sudah pernah kita buat, bahkan secara otomatis membuat thumbnail gambar yang ada dalam postingan.
Yang paling penting bahwa kita tidak perlu menambahkan koding tag apapun.
Yang perlu dilakukan adalah menambahkan beberapa kode HTML.... tidak sampai 15 menit maka seluruh postingan bisa tertampil dengan ringkas dan lebih rapih....
tertarik ?....

Berikut beberapa langkah untuk pemasangan kode HTML nya di blog kita...

Buka dashboard blogspot anda...
Pilih Tab menu :
Tata Letak, dan di bawahnya Pilih Tab menu : Edit HTML
Centang di Expand Template Widget
Sebelum anda melakukan perubahan tersebut jangan lupa untuk melakukan backup template yang saat ini digunakan blog anda, sehingga akan memudahkan untuk restore nantinya. Untuk ini klik tombol download full template atau download template lengkap di halaman edit HTML blogger.

Bagi yang sudah pernah memasang Read More versi lama sebaiknya kodenya dikembalikan ke asal, biasanya kode-kodenya seperti dibawah ini

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p></p>
<b:else/>

dan juga

<a expr:href='data:post.url'>Read More.. »»</a>
</b:if>

Cari kode berikut di halaman Edit HTML ini (dengan Ctrl-F supaya cepat)
```
<data:post.body>
```

Ganti kode diatas dengan kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'>
<a expr:href='data:post.url'>Read more... 
<data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/></b:if>

Pada script diatas setelah tulisan Read more... ada koding <data:post.title/>
koding ini bisa dipakai ataupun tidak sesuai selera, nantinya dia akan memunculkan Readmore... kemudian dilanjutkan judul postingan...

Selanjutnya cari (dengan tekan tombol ctrl-F saja....) kode </head>
Kemudian salin koding dibawah ini dan paste diatas kode </head> tersebut

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[

/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
  if(s[i].indexOf(">")!=-1){
      s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
  }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {   
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;">
  <img src="'+img[0].src+'" width="'+
  img_thumb_width+'px"height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }
   
    var summary = imgtag + '<div>' + 
 removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}

//]]>
</script>

Alternatif lain koding diatas adalah bisa menggunakan koding dibawah ini :

<script type='text/javascript'>
summary_noimg = 450;
summary_img =350;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://sites.google.com/site/bodonbiz/autoreadmore.js' 
type='text/javascript'/>

Beda kedua koding tsb adalah karena scipt auto readmore nya ditaruh di hosting sehingga koding kedua lebih ringkas. Untuk hasil.... tidak ada bedanya.... :)
Jangan lupa untuk disimpan... dengan mengklik tombol Save Template...
Blog sudah terlihat lebih rapih sekarang.... :)
File javascript auto readmore dapat juga didownload disini, jika ingin mempelajari lebih jauh

Jika ingin mengutak atik koding diatas supaya tampilannya di blog lebih sesuai, maka berikutu ini adalah beberapa parameter yang digunakan di koding diatas:

* var thumbnail_mode = "float"; (letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
* summary_noimg = 250; (karakter yang ditampilkan di posting tanpa gambar / thumbnail)
* summary_img = 250; (karakter yang ditampilkan di posting dengan gambar / thumbnail)
* img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
* img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Oke semoga bermanfaat

Tulisan Arab

Berikut ini beberapa contoh tulisan Arab yang dapat dicopy-Paste untuk status FaceBook :
( Assalamu 'alaikum Wr. Wb ) السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
( Wa 'alaikum salam Wr. Wb ) وَعَلَيْكُمْ السَّلاَمُ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
( Wassalamu 'alaikum Wr. Wb) وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ (Bismillahirrahmanirrahim)
اَهْلاًوَسَهْلاً (ahlan wa sahlan )
اَللّهُ اَكْبَرُ (Allahu Akbar )
اَلْحَمْدُلِلّهِ (Alhamdulillah) اَللّهُ (Allah) آمِّينَ (amin)
اَسْتَغْفِرُ اَللّهَ (Astaghfirullah)
بَارَكَ اللّهُ لَكَ وَبَارَكَ عَلَيْكَ وَجَمَعَ بَيْنَكُمَا فِي خَيْرِ ( Do'a untuk Pengantin )
حَلاَلً (halal) حَرَمً (haram)
اِنّا لِلّهِ وَاِنّا اِلَيْهِ رَجِعُوْنَ (innalillahi wa inna ilaihi raaji'uun)
اِ نْ شَآ ءَ اللّهُ (insya Allah)
جَزَاكَ اللّهُ (jazakallah)
جَزَاكِ اللّهُ (jazakillah)
جَزَاكُمُ اللّهُ (jazakumullah)
لاَ هَوْلَ وَلاَ قُوَّتَ اِلاَّبِاللّهِ(laa haula wa laa quwwata illa billah)
لاَ اِلَهَ اِلاَّ اللّهُ (laa ilaaha illallah)
مَاشَآءَاللّهُ (masya Allah)
سُبْحَانَ اللّهُ (subhanallah)
اَللّهُ اَكْبَرُ، اَللّهُ اَكْبَرُ، اَللّهُ اَكْبَرُ، لاَ اِلَهَ اِلاَّ اللّهُ اَللّهُ اَكْبَرُ، اَللّهُ اَكْبَرُ، وَلِلّهِ الْحَمْدِ (lafadz takbiran)
تَقَبَّلَ اللّهُ مِنَّ وَ مِنْكُمْ (taqabalallahu minna wa minkum)
تَقَبَّلْ يَا كَرِيْمُ (taqabal ya kariim)
وَ اِيَّكُمْ (wa iyyakum)
أَقُوْلُ قَوْلِيْ هَذَا وَأَسْتَغْفِرُوْا اللهَ لِيْ وَلَكُمْ (penutup ceramah)

Jika tulisan Arab di atas tidak terbaca di BlackBerry Anda,
Silahkan Down Load dulu link di bawah ini sesuai tipe BB nya ya...
Semoga berManfaat dan sdh bisa lgs m'akses situs"
/website Quran dgn Arabic letters... :) ;)

AL'QURAN dalam BLackberry
http://al-quran.buol.org/
Utk quran/tulisan Arab;
‎utk Bold 9000:
http://cheservices.com/blackberry/90XX/READhebrew.jad
Utk javelin:
http://cheservices.com/blackberry/8900/8900_read_hebrew.jad
Utk tipe curve:
83xx/88xx/81xx
http://cheservices.com/blackberry/83XX/hebrew.jad

Indahnya berbagi.. ...

WIDGET ISLAM

Led Ticker dengan Pesan Kaligrafi Islam
Sapalah para pengunjung blog dengan tulisan animasi ticker LED bergerak dan warna-warni, dengan ornamen bergaya Islam dan akan menampilkan pesan yang dapat dipilih: Bismillah, Salam, atau Kalimah syahadat. Pesan ditulis dalam huruf Kufi kaligrafi arab. Frame dapat diwarnai sesuai selera. Selain itu, juga akan menampilkan salam kustom yang dapat diubah.

Widget	Description / Code
Ramadhan-Greetings

<div id="S-WieD Ramadhan-Greetings" width="200" height="200" style="margin:5px auto; float: right;"> <embed quality="autohigh" menu="false" wmode="transparent" src="http://www.widgipedia.com/widgets/alhabib/Ramadan-Greetings-4584-8192_134217728.widget?__install_id=1281703263798&__view=expanded" flashvars="wish=SuGenG%20Shaum%20Ramadhan%201431-H〈=id&gig_lt=1281703408343&gig_pt=1281703414250&gig_g=1" swliveconnect="true" loop="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>
Kalender Hijriah
	Kalender converter islamic widget akan menampilkan tanggal Hijriah saat tanggal pada kalender Masehi diklik. Kalender ditampilkan dalam salah satu bahasa yang tersedia: inggris, indonesia, dan arab. Warna dan ukuran dapat diubah untuk menyesuaikan desain blog atau website. <div id="S-WieD Kalender Hijriah" style="margin:0px auto; text-align:center;"> <embed src="http://www.widgipedia.com/widgets/alhabib/Hijri-Calendar-Converter-3311-8192_134217728.widget?__install_id=1281877215146&__view=expanded" width="150" height="260" flashvars="&col1=CCFFCC&dayAdd=0&cal=global〈=id&gig_lt=1281886756046&gig_pt=1281886845843&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>

Islamic-Calendar-with-Floral-Ornament <div id="S-Wied Islamic-Calendar-with-Floral-Ornament" style="margin:0px auto; float: right; padding: 0pt 5px; "> <embed width="150" height="160" swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" src="http://www.widgipedia.com/widgets/alhabib/Islamic-Calendar-with-Floral-Ornament-3613-8192_134217728.widget?__install_id=1281703648562&__view=expanded" flashvars="col1=ff9900&col2=006600&col3=99ff99&col4=ff9933&gig_lt=1281733615265&gig_pt=1281733634375&gig_g=1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>
Kalender Hijriah Kotak [def:150x150] <div id="S-Wied Islamic-Calendar-Square-Button-1" style="margin:0px auto; float: right; padding: 0pt 5px; "> <embed width="150" height="150" wmode="transparent" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Square-Button-1---Islamic-Hijri-Calendar-2825-8192_134217728.widget?__install_id=1281877038205&__view=expanded" flashvars="&col1=ff0000&col2=ff0000&dayAdd=0&cal=global&gig_lt=1281877094078&gig_pt=1281890407062&gig_g=1" swliveconnect="true" loop="false" menu="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>
<div id="S-Wied Kalender Image2" style="margin:0px auto; float: left;" > <IMG style="border:0px; WIDTH:120px;" alt="Islamic Calendar" border="0" src="http://js.al-habib.info/phpimg2.php?ic=blue&it=rect&ad=-7" /></div>
<div style="margin:10px auto; float: center;"> <embed width="170" height="110" wmode="transparent" src="http://www.widgipedia.com/widgets/alhabib/Square-Sticker----Islamic-Hijri-Calendar-2824-8192_134217728.widget?__install_id=1281702807444&__view=expanded" flashvars="&col1=ffff99&dayAdd=0&cal=global&gig_lt=1281702917234&gig_pt=1281702922312&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>
Kalender Hijriah Rotate2 <div style="margin:0px auto; text-align:center; width:160px; height:160px; float:right;"> <embed width="160" height="160" wmode="transparent" src="http://www.widgipedia.com/widgets/alhabib/Glass-Orb-Rotating---Hijri-Calendar-2778-8192_134217728.widget?__install_id=1281868973177&__view=expanded" flashvars="&col1=ff9933&col2=660000&bgo=3&dayAdd=0&cal=global&gig_lt=1281900054000&gig_pt=1281900062500&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>
Javascript Text Based Islamic Hijri Calendar If you do not need fancy looking hijri calendar widget, or you want to style the calendar text by yourself, or you are a webmaster or a web developer that want to build your own hijri calendar web applications, then the following code may be of use. General Usage This is a javascript code that can be used to display current hijri date of islamic calendar on a web page, eg.: Add tz= Asia/Jakarta :

Code

<form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden" /><input value="blogger" name="service" type="hidden" /><input value="8" name="nui" type="hidden" /><input value="8" name="naui" type="hidden" /><input value="2" name="fpui" type="hidden" /><input value="3" name="uilel" type="hidden" /><input value="true" name="skipvpage" type="hidden" /><input value="false" name="rm" type="hidden" /><input value="true" name="alwf" type="hidden" /><input value="http://www.blogger.com/login.g" name="roeu" type="hidden" /><input value="0" name="alinsu" type="hidden" /><input value="WbQ8QiJfUvA" name="GA3T" type="hidden" />
<div><label for="Email"> Username: <br />
<input id="Email" tabindex="1" value="S-WieD" name="Email" size="20" type="text" />
</label></div>
<div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">LaLi?</a>) <br />
</label>
<input id="Passwd" tabindex="2" autocomplete="on" name="Passwd" size="20" type="password" /></div><br />
<input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit" />
</form></TD>

Please enter your username and password to enter your Blogger Dasboard page!<br/><br/><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form><span style="font-size: 80%">Widget edited by <a href="http://anangku.blogspot.com/2008/11/blogger-login-form-widget.html">Anang </a></span>

Selamat mencoba, semoga berhasil........!

STRUKTUR DASAR HTML

HTML adalah singkatan dari HyperText Markup Language adalah salah satu bahasa pemprograman web desaign dan juga biasa di sebut script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.
Struktur dasar HTML adalah sebagai berikut:

<html>
<head>
<title>Judul Dokumen HTML<</title>
</head>
<body>
isi / informasi Web
</body>
</html>

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag

Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body.
Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"),
sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body>ini adalah tag penutup isi dokumen HTML.

b.Element

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title>

</title>

Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar:

<p>
 <b>
 </b>
</p>

Catatan : Jika penulisan script salah, maka script tidak terbaca sempurna ( Eror ) sehingga dapat mengganggu penampilan dan dinamika web itu sendiri

c. Attribute

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

<TAG>
nama-attr="nilai-attr"
nama-attr="nilai-attr"
</TAG>

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">

d. Element HTML

Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML. Sintaks:

<html>
 .......
</html>

e. Element HEAD

Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>. Sintaks:

<head>
</head>

f. Element TITLE

Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag terletak di antara tag dan tag . Sintaks:

<title>
</title>

g. Element BODY

Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Sintaks:

<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
</body>

text	memberikan warna pada teks
bgcolor	memberikan warna pada latarbelakang dokumen HTML
background	memberikan latarbelakang dokumen HTML dalam bentuk gambar
link	memberikan warna untuk link alink :memberikan warna untuk link yang sedang aktif
vlink	memberikan warna untuk link yang telah dikunjungi.

Catatan : Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.
Berikut ini saya akan menyebutkan beberapa macam kode HTML dasar :

1	<br />	Turun satu baris kebawah(enter) / Kursor dan kalimat dibelakangnya turun 1 baris kebawah
2	<big>tulisan</big>	Membuat tulisan menjadi sedikit lebih besar
3	<font color=”warna"> tulisan</font>	Mewarnai tulisan. Ganti warna dengan salah satu pilihan yang ada : red, blue, yellow, green, brown, gold, purple
4		Menambah 1 spasi karena ada kemungkinan penggunaan 2 spasi tidak akan terbaca pada beberapa engine blog
5	<font size=”ukuran"> tulisan</font>	Mengganti ukuran tulisan. Bisa digunakan apabila kode pada no.2 tidak sesuai dengan keinginan kita
6	<strong>tulisan</strong> <b>tulisan</b>	Untuk menebalkan tulisan. Fungsi sama dengan ”tulisan” atau tombol ‘cetak tebal’
7	<p>	Kursor dan kalimat dibelakangnya turun satu setengah baris kebawah
8	<u>tulisan </u>	Membuat garis bawah tulisan
9	<small>tulisan </small>	Membuat tulisan sedikit lebih kecil
10	<s>tulisan</s>	Membuat ~~garis mencoret~~ pada tulisan
11	<pre>tulisan</pre>	Membuat tulisan tetap pada keadaan yang kita inginkan, misalnya untuk urutan berjejer kebawah
12	<center>tulisan</center>	Membuat tulisan berada di tengah
13	<blink> tulisan</blink>	Membuat tulisan tampak berkedip

Sebenarnya ini merupakan sebagian kecil dari bahasa HTML, ya tidak salahnya kita belajar sedikit-sedikit untuk menguasainya.

Kode Warna (Color Code)

Color Fix

Here are 216 web color codes. There are a variety of ways to color web sites.
These hexadecimal codes can be used in both XHTML and CSS.
Decimal color codes can be used in CSS and most graphics tools.

FFF
FFF

CCC
CCC

999
999

666
666

333
333

000
000

FFC
C00

FF9
900

FF6
600

FF3
300

RELOAD to HEX HTML
COLOR CODES

99C
C00

CC9
900

FFC
C33

FFC
C66

FF9
966

FF6
633

CC3
300

FF3
300

CC0
033

CCF
F00

CCF
F33

333
300

666
600

999
900

CCC
C00

FFF
F00

CC9
933

CC6
633

330
000

660
000

990
000

CC0
000

FF0
000

FF3
366

FF0
033

99F
F00

CCF
F66

99C
C33

666
633

999
933

CCC
C33

FFF
F33

996
600

993
300

663
333

993
333

CC3
333

FF3
333

CC3
366

FF6
699

FF0
066

66F
F00

99F
F66

66C
C33

669
900

999
966

CCC
C66

FFF
F66

996
633

663
300

996
666

CC6
666

FF6
666

990
033

CC3
399

FF6
6CC

FF0
099

33F
F00

66F
F33

339
900

66C
C00

99F
F33

CCC
C99

FFF
F99

CC9
966

CC6
600

CC9
999

FF9
999

FF3
399

CC0
066

990
066

FF3
3CC

FF0
0CC

00C
C00

33C
C00

336
600

669
933

99C
C66

CCF
F99

FFF
FCC

FFC
C99

FF9
933

FFC
CCC

FF9
9CC

CC6
699

993
366

660
033

CC0
099

330
033

33C
C33

66C
C66

00F
F00

33F
F33

66F
F66

99F
F99

CCF
FCC

CC9
9CC

996
699

993
399

990
099

663
366

660
066

006
600

336
633

009
900

339
933

669
966

99C
C99

FFC
CFF

FF9
9FF

FF6
6FF

FF3
3FF

FF0
0FF

CC6
6CC

CC3
3CC

003
300

00C
C33

006
633

339
966

66C
C99

99F
FCC

CCF
FFF

339
9FF

99C
CFF

CCC
CFF

CC9
9FF

996
6CC

663
399

330
066

990
0CC

CC0
0CC

00F
F33

33F
F66

009
933

00C
C66

33F
F99

99F
FFF

99C
CCC

006
6CC

669
9CC

999
9FF

999
9CC

993
3FF

660
0CC

660
099

CC3
3FF

CC0
0FF

00F
F66

66F
F99

33C
C66

009
966

66F
FFF

66C
CCC

669
999

003
366

336
699

666
6FF

666
6CC

666
699

330
099

993
3CC

CC6
6FF

990
0FF

00F
F99

66F
FCC

33C
C99

33F
FFF

33C
CCC

339
999

336
666

006
699

003
399

333
3FF

333
3CC

333
399

333
366

663
3CC

996
6FF

660
0FF

00F
FCC

33F
FCC

00F
FFF

00C
CCC

009
999

006
666

003
333

339
9CC

336
6CC

000
0FF

000
0CC

000
099

000
066

000
033

663
3FF

330
0FF

00C
C99

009
9CC

33C
CFF

66C
CFF

669
9FF

336
6FF

003
3CC

330
0CC

00C
CFF

009
9FF

006
6FF

003
3FF

CoLoR Name

Red color names

IndianRed	CD5C5C
LightCoral	F08080
Salmon	FA8072
DarkSalmon	E9967A
LightSalmon	FFA07A
Crimson	DC143C
Red	FF0000
FireBrick	B22222
DarkRed	8B0000

Yellow color names

Gold	FFD700
Yellow	FFFF00
LightYellow	FFFFE0
LemonChiffon	FFFACD
LightGoldenrodYellow	FAFAD2
PapayaWhip	FFEFD5
Moccasin	FFE4B5
PeachPuff	FFDAB9
PaleGoldenrod	EEE8AA
Khaki	F0E68C
DarkKhaki	BDB76B

Pink color names

Pink	FFC0CB
LightPink	FFB6C1
HotPink	FF69B4
DeepPink	FF1493
MediumVioletRed	C71585
PaleVioletRed	DB7093

Orange color names

LightSalmon	FFA07A
Coral	FF7F50
Tomato	FF6347
OrangeRed	FF4500
DarkOrange	FF8C00
Orange	FFA500

Purple color names

Lavender	E6E6FA
Thistle	D8BFD8
Plum	DDA0DD
Violet	EE82EE
Orchid	DA70D6
Fuchsia	FF00FF
Magenta	FF00FF
MediumOrchid	BA55D3
MediumPurple	9370DB
Amethyst	9966CC
BlueViolet	8A2BE2
DarkViolet	9400D3
DarkOrchid	9932CC
DarkMagenta	8B008B
Purple	800080
Indigo	4B0082
SlateBlue	6A5ACD
DarkSlateBlue	483D8B
MediumSlateBlue	7B68EE

Brown color names

Cornsilk	FFF8DC
BlanchedAlmond	FFEBCD
Bisque	FFE4C4
NavajoWhite	FFDEAD
Wheat	F5DEB3
BurlyWood	DEB887
Tan	D2B48C
RosyBrown	BC8F8F
SandyBrown	F4A460
Goldenrod	DAA520
DarkGoldenrod	B8860B
Peru	CD853F
Chocolate	D2691E
SaddleBrown	8B4513
Sienna	A0522D
Brown	A52A2A
Maroon	800000

Green color names

GreenYellow	ADFF2F
Chartreuse	7FFF00
LawnGreen	7CFC00
Lime	00FF00
LimeGreen	32CD32
PaleGreen	98FB98
LightGreen	90EE90
MediumSpringGreen	00FA9A
SpringGreen	00FF7F
MediumSeaGreen	3CB371
SeaGreen	2E8B57
ForestGreen	228B22
Green	008000
DarkGreen	006400
YellowGreen	9ACD32
OliveDrab	6B8E23
Olive	808000
DarkOliveGreen	556B2F
MediumAquamarine	66CDAA
DarkSeaGreen	8FBC8F
LightSeaGreen	20B2AA
DarkCyan	008B8B
Teal	008080

Blue color names

Aqua	00FFFF
Cyan	00FFFF
LightCyan	E0FFFF
PaleTurquoise	AFEEEE
Aquamarine	7FFFD4
Turquoise	40E0D0
MediumTurquoise	48D1CC
DarkTurquoise	00CED1
CadetBlue	5F9EA0
SteelBlue	4682B4
LightSteelBlue	B0C4DE
PowderBlue	B0E0E6
LightBlue	ADD8E6
SkyBlue	87CEEB
LightSkyBlue	87CEFA
DeepSkyBlue	00BFFF
DodgerBlue	1E90FF
CornflowerBlue	6495ED
MediumSlateBlue	7B68EE
RoyalBlue	4169E1
Blue	0000FF
MediumBlue	0000CD
DarkBlue	00008B
Navy	000080
MidnightBlue	191970

White color names

White	FFFFFF
Snow	FFFAFA
Honeydew	F0FFF0
MintCream	F5FFFA
Azure	F0FFFF
AliceBlue	F0F8FF
GhostWhite	F8F8FF
WhiteSmoke	F5F5F5
Seashell	FFF5EE
Beige	F5F5DC
OldLace	FDF5E6
FloralWhite	FFFAF0
Ivory	FFFFF0
AntiqueWhite	FAEBD7
Linen	FAF0E6
LavenderBlush	FFF0F5
MistyRose	FFE4E1

Grey color names

Gainsboro	DCDCDC
LightGrey	D3D3D3
Silver	C0C0C0
DarkGray	A9A9A9
Gray	808080
DimGray	696969
LightSlateGray	778899
SlateGray	708090
DarkSlateGray	2F4F4F
Black	000000

S-WieD

fireFox Themes