tag:blogger.com,1999:blog-32403823134561775532025-12-16T11:37:13.711+07:00AtehaSchoolBerbagi Ilmu Untuk BersamaUnknownnoreply@blogger.comBlogger11125tag:blogger.com,1999:blog-3240382313456177553.post-91533887887262315242016-12-10T12:41:00.002+07:002017-08-09T11:48:38.493+07:00Cara Mudah Membuat Judul / Heading di HTML ( Tag h1, h2, h3, h4, h5 dan h6 )<b>AtehaSchool - Cara Mudah Membuat Judul / Heading HTML ( Tag h1, h2, h3, h4, h5 dan h6 ).</b> Membuat judul / heading pada HTML merupakan hal yang harus diperhatikan oleh setiap desainer web (web designer). Tag heading memiliki enam tingkatan yang meliputi tag h1, h2, h3, h4, h5 dan h6. Masing-masing tag heading ini memiliki suatu perbedaan fungsi tersendiri.<br /> <br /> Penggunaan tag heading html pada setiap halaman untuk tag h1 tidak boleh melebihi dari satu. Selain itu , untuk tag h2 sampai h6 boleh digunakan lebih dari satu pada setiap halaman web. Tag h1 adalah elemen yang digunakan untuk mendefinisikan judul yang peling penting pada halaman web.<br /> <br /> Sehingga penggunaan tag h1 pada setiap halaman yang lebih dari satu dapat menyebabkan mesin pencari akan kesulitan menentukan judul mana yang lebih penting dan diutamakan. Berbeda halnya dengan tag h2 sampai h6 yang diangggap tidak lebih penting dari tag h1.<br /> <br /> <span style="font-size: large;"><b>Membuat Judul / Heading HTML</b></span><br /> Menulis <b><a href="https://atehaschool.blogspot.co.id/2016/12/mengenal-pengertian-kegunaan-dan-cara.html">stuktur tag html</a></b> harus diperhatikan keteraturan susunan kodenya, pada setiap tag pembuka harus dilengkapi dengan tag penutup. Berikut ini cara membuat struktur judul / heading tag h1 - h6 di html.<br /> <br /> <blockquote class="tr_bq"> <span style="color: blue;">&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;head&gt;</span><br /> <span style="color: blue;">&lt;title&gt;</span>Contoh Membuat Judul / Heading Tag h1 - h6 <span style="color: blue;">&lt;/title&gt;<br />&lt;/head&gt;<br />&lt;body&gt;</span><br /> <br /> <span style="color: blue;">&lt;h1&gt;</span>Ini merupakan judul / heading dengan tag h1<span style="color: blue;">&lt;/h1&gt;<br />&lt;h2&gt;</span>Ini merupakan judul / heading dengan tag h2<span style="color: blue;">&lt;/h2&gt;<br />&lt;h3&gt;</span>Ini merupakan judul / heading dengan tag h3<span style="color: blue;">&lt;/h3&gt;<br />&lt;h4&gt;</span>Ini merupakan judul / heading dengan tag h4<span style="color: blue;">&lt;/h4&gt;<br />&lt;h5&gt;</span>Ini merupakan judul / heading dengan tag h5<span style="color: blue;">&lt;/h5&gt;<br />&lt;h6&gt;</span>Ini merupakan judul / heading dengan tag h6<span style="color: blue;">&lt;/h6&gt;<br /><br />&lt;/body&gt;<br />&lt;/html&gt;&nbsp;</span></blockquote> <span style="color: blue;"><br /></span> <span style="color: blue;">&nbsp;<span style="color: black;">Berikut ini merupakan tampilan halaman konten heading html yang telah diterjemahkan oleh browser.</span></span><br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitN1R7q_ph7h9DIbzDb4IKlZgoONJ36ivgwWvF4M5KWT0odQBo3YgTNPjpqrBZdDmhBVqB6fTWDll-8X0Un1Ox8BVtp-kcYo6jf_yCuTM3xOZSs2yQppS9XAZhUosFBFl4a0xCh1143Dju/s1600/heading.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitN1R7q_ph7h9DIbzDb4IKlZgoONJ36ivgwWvF4M5KWT0odQBo3YgTNPjpqrBZdDmhBVqB6fTWDll-8X0Un1Ox8BVtp-kcYo6jf_yCuTM3xOZSs2yQppS9XAZhUosFBFl4a0xCh1143Dju/s640/heading.png" width="640" /></a></div> <br /> <span style="color: blue;"><span style="color: black;">Setelah membuat judul / heading tag h1 sampai&nbsp; tag h6, kita perlu mencoba <b>cara menambahkan paragarap dengan mengunakan tag &lt;p&gt; di html</b>.</span></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3240382313456177553.post-57601141866939194262016-12-10T08:43:00.000+07:002016-12-10T09:11:45.925+07:00Mengenal Pengertian, Kegunaan dan Cara Menulis Struktur HTML<b>AtehaSchool - Pengertian dan Kegunaan HTML</b>. Sebagai pemula web programer atau desain web / blog tentu&nbsp; sangat membutuhkan penjelasan dari <b>pengertian HTML dan kegunaannya</b>. Cara menjadi web programer yang handal dan mahir tentunya harus mempelajari bahasa HTML secara bertahap dan teratur.<br /> <br /> Untuk itu, Anda sebagai pemula tidak perlu merasa khawatir dalam mempelajari fungsi dan pengertian&nbsp; HTML. Dalam artikel ini AtehaSchool akan membantu mengulas Pengertian dan Kegunaan HTML serta mengenalkan tag-tag HTML secara lengkap.<br /> <br /> Apa itu yang dimaksud dengan HTML ? HTML atau singkatan dari <b><i>Hyper</i> <i>Text Markup Language </i></b>merupakan bahasa markah yang digunakan sebagai pemrograman web, yakni untuk menampilkan isi informasi&nbsp; halaman web browser. Pada dasarnya stuktur tag HTML tidak bisa ditampilkan oleh browser melainkan hanya digunakan oleh browser untuk menampilkan sebuah halaman web.<br /> <br /> <span style="font-size: large;"><b>&nbsp;Srtuktur Tag HTML</b></span><br /> Tag HTML merupakan sebuah nama elemen yang diapit oleh sudut kurung. Cara penulisan stuktur tag&nbsp; HTML harus berpasangan dengan tag yang sama, namun&nbsp; pada tag akhir ditambah dengan tanda penutup garis miring atau Forward Slash (<span style="color: cyan;"><b> <span style="font-size: large;"><span style="color: red;">/</span> </span></b></span>), seperti contoh&nbsp; : <br /> <br /> <ol> <li>Tag awal&nbsp; <b><span style="color: red;">&lt;html&gt;</span></b> berpasangan dengan tag akhir <b><span style="color: red;">&lt;/html&gt;</span></b>&nbsp;</li> <li>Tag awal <b><span style="color: red;">&lt;head&gt;</span></b> berpasangan dengan tag akhir <b><span style="color: red;">&lt;/head&gt;</span></b>&nbsp;</li> <li>Tag awal&nbsp; <b><span style="color: red;">&lt;title&gt;</span></b>berpasangan dengan tag akhir <b><span style="color: red;">&lt;/title&gt;</span></b>&nbsp;</li> <li>Tag awal&nbsp; <b><span style="color: red;">&lt;body&gt;</span></b> berpasangan dengan tag akhir <b><span style="color: red;">&lt;/body&gt;</span></b>&nbsp;</li> <li>Tag awal <b><span style="color: red;">&lt;h1&gt;</span>&nbsp;</b> berpasangan dengan tag akhir <span style="color: red;"> <b>&lt;/h1&gt;</b></span>&nbsp;</li> <li>Tag awal <b><span style="color: red;">&lt;h2&gt;</span></b> berpasangan dengan tag akhir <b><span style="color: red;">&lt;/h2&gt;</span></b>&nbsp;</li> <li>Tag awal&nbsp;<span style="color: red;"> <b>&lt;p&gt;</b></span> berpasangan dengan tag akhir <span style="color: red;"> <b>&lt;/p&gt;</b></span> dan seterusnya.</li> </ol> <br /> <span style="font-size: large;"><b>Menulis Bentuk Struktur Tag HTML</b></span><br /> Tag HTML dapat kita tulis menggunakan aplikasi Notepad (Windows) atau TextEdit (Mac). Sebagai tahap pembelajaran dua aplikasi ringan bawaan Windows ( Notepad ) atau TextEdit (Sistem operasi bawaan Mac) memang cocok untuk digunakan.<br /> <br /> Langkah membuka Aplikasi TextEdit pada Mac :<br /> <ol> <li>Buka <b>Finder&nbsp;</b>→<b> Applications →</b><b> TextEdit </b>&nbsp;</li> <li>Kemudian ubah preferensi agar aplikasi dapat melakukan penyimpanan file dengan benar pada menu <b>Preferences → Format → pilih "Plain Text"&nbsp;</b></li> <li>Setelah itu&nbsp; beri tanda centang kotak&nbsp; <b>"Ignore rich text commands in HTML files" </b>yang berada dibawah menu <b>OPEN dan SAVE&nbsp;</b></li> <li><b>&nbsp;</b>Selanjutnya buka New Document untuk menempatkan kode HTML yang akan dibuat.</li> </ol> Langkah membuka Aplikasi NOTEPAD pada operasi Windows 7, 8, maupun versi windows terbaru :<br /> <br /> Untuk pengguna Windows 8 atau versi yang lebih baru:<br /> <br /> <b>Buka Start Screen (simbol jendela di bagian kiri bawah pada layar Anda) kemudian Ketik Notepad.</b><br /> <br /> Untuk pengguna Windows 7 atau versi dibawahnya :<br /> <br /> <b>Buka Start → Programs → Accessories&nbsp; →&nbsp; Notepad.</b><br /> <br /> Dalam artikel ini kita akan ambil contoh <b>cara menulis struktur tag HTML</b> menggunakan Notepad sebagai berikut.<br /> <br /> <blockquote class="tr_bq"> <span style="color: blue;">&nbsp;&lt;!DOCTYPE html&gt;</span><br /> <span style="color: blue;">&lt;html&gt;</span><br /> &nbsp;&nbsp; <span style="color: blue;">&nbsp;&lt;head&gt;</span><br /> &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<span style="color: blue;">&lt;title&gt;</span>Judul Halaman Web<span style="color: blue;">&lt;/title&gt;</span><br /> &nbsp;&nbsp;<span style="color: blue;"> &nbsp;&lt;/head&gt;<br />&nbsp;&nbsp; &nbsp;&lt;body&gt;</span><br /> <br /> &nbsp;&nbsp; &nbsp; &nbsp; <span style="color: blue;">&lt;h1&gt;</span>Mencoba Cara Menulis Kalimat Dalam HTML Tag h1<span style="color: blue;">&lt;/h1&gt;<br />&nbsp;&nbsp; &nbsp;&nbsp; &lt;p&gt;</span>Latihan HTML paragrap.<span style="color: blue;">&lt;/p&gt;</span><br /> <span style="color: blue;"><br />&nbsp;&nbsp; &nbsp;&lt;/body&gt;<br />&lt;/html&gt;&nbsp;&nbsp;<span style="color: black;"> </span></span></blockquote> <span style="color: blue;"><span style="color: black;">&nbsp;Kemudian simpan file html tersebut pada folder komputer yang telah ditentukan.</span></span><br /> <br /> <span style="font-size: large;"><b>Cara Menyimpan File HTML</b></span><br /> Pada menu Notepad yang terletak di pojok kiri atas pilih<b> FILE → SAVE AS&nbsp; </b>kemudian<b> </b>berikan nama file dengan Ektensi<b> HTML</b> atau <b>HTM , </b>selanjutnya dalam kotak&nbsp; <b>SAVE AS TYPE</b> ubah menjadi <b>ALL FILES.</b><br /> Perhatikan pada gambar di bawah ini<b>.</b><br /> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrEd-i3FsGclVPlE2xU-5IHgHFYfUtOyiU8_KYSZMo4g8vcMAyNTSxDPcmvXhwaEI7x-YCm3mCvXcXeqrMYmRVgiLD_6DguoxM69EMLr-VbBCX0DT395aNttEGO3KgwhYUtEZDAhqnPGSp/s1600/html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="459" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrEd-i3FsGclVPlE2xU-5IHgHFYfUtOyiU8_KYSZMo4g8vcMAyNTSxDPcmvXhwaEI7x-YCm3mCvXcXeqrMYmRVgiLD_6DguoxM69EMLr-VbBCX0DT395aNttEGO3KgwhYUtEZDAhqnPGSp/s640/html.png" width="640" /></a></div> <b><br /></b> <b><span style="font-size: large;">Membuka File HTML pada Browser</span></b><br /> <span style="font-size: small;">U</span><span style="font-size: small;">nt</span>uk membuka file HTML tersebut sangat mudah hanya menge KLIK 2 KALI pada nama file, atau dengan cara <b>Pilih FIle KLIK KANAN → Open with </b><b>→ Google Chrome (Pilih nama browser sesuai selera anda ).</b><br /> <b><br /></b> Halaman web yang ditampilkan oleh browser seperti pada gambar dibawah ini<b><br /></b><br /> <b><br /></b> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmb-NKYp0D0OABRPwDgPaIIrX_bYDhKJ6fvSoTpVIo5YpIm1k_mGMCrC7JKk5LMA7VgXHHGw9a3gB8syQWxb7oCDLJCQelPxFBiY07JzUmf81qhThCEmMWt5GQc-ZRcM5UwwzqtoadmnvH/s1600/html1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmb-NKYp0D0OABRPwDgPaIIrX_bYDhKJ6fvSoTpVIo5YpIm1k_mGMCrC7JKk5LMA7VgXHHGw9a3gB8syQWxb7oCDLJCQelPxFBiY07JzUmf81qhThCEmMWt5GQc-ZRcM5UwwzqtoadmnvH/s640/html1.png" width="640" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <b><br /></b> Penjelasan elemen kode&nbsp; HTML diatas adalah sebagai berikut<b> </b><span style="color: blue;">&nbsp;</span><br /> <ol> <li><span style="color: blue;"><span style="color: black;">Deklarasi</span> &lt;!DOCTYPE html&gt;</span><span style="color: blue;"> <span style="color: black;">berfungsi untuk mendefinisikan dokumen menjadi <b>HTML5</b><span style="color: blue;">, <span style="color: black;">jenis deklarasi </span></span></span></span><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;">&lt;!DOCTYPE html&gt; <span style="color: black;">ini tidak sensitif huruf (tidak membedakan huruf besar dan kecil) sehingga halaman web dapat ditampilkan pada browser dengan<span style="color: blue;"> <span style="color: black;">sempurna.</span></span></span></span></span></span></span></span></li> <li><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"><span style="color: blue;"><span style="color: black;"></span></span></span></span></span></span>Tag </span>&lt;html&gt; <span style="color: black;">merupakan sebuah elemen untuk root&nbsp; dari halaman HTML</span></span></li> <li><span style="color: blue;"><span style="color: black;">Tag </span>&lt;head&gt;</span><span style="color: blue;"> <span style="color: black;">berfungsi untuk menyimpan informasi meta tag tentang dokumen.</span></span></li> <li><span style="color: blue;"><span style="color: black;">Tag</span> &lt;title&gt;</span><span style="color: blue;"><span style="color: blue;"> <span style="color: black;">berfungsi untuk menentukan nama judul setiap halaman web.</span></span></span></li> <li><span style="color: blue;"><span style="color: blue;"><span style="color: black;">Elemen Tag </span>&lt;body</span></span><span style="color: blue;"><span style="color: blue;"><span style="color: blue;">&gt; <span style="color: black;">berisi kode untuk menampilkan konten pada browser agar terbentuk sebuah halaman web.</span> </span></span></span></li> <li><span style="color: blue;"><span style="color: blue;"><span style="color: blue;"><span style="color: blue;"><span style="color: blue;"><span style="color: black;">Elemen Tag </span></span></span>&lt;h1&gt;</span>&nbsp; </span></span><span style="color: blue;"><span style="color: blue;"><span style="color: blue;"><span style="color: black;">untuk mendefinisikan judul besar atau judul posting yang paling penting.</span></span></span></span></li> <li><span style="color: blue;"><span style="color: blue;"><span style="color: blue;"><span style="color: blue;"><span style="color: blue;"><span style="color: blue;"><span style="color: blue;"><span style="color: blue;"><span style="color: black;">Elemen Tag </span></span></span></span></span></span>&lt;p&gt;</span><span style="color: black;"> untuk mendefinisikan sebuah paragrap pada halaman web.</span></span></span></li> </ol> <b>Catatan : </b>Untuk lebih mudah mengedit HTML dasar selain menggunakan aplikasi Notepad bawaan windows, kita dapat menggunakan aplikasi yang lebih optimal yaitu<b> </b>NOTEPAD++<b>.</b>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3240382313456177553.post-10116125578067814482015-11-14T20:40:00.004+07:002015-11-14T22:05:10.688+07:00Tips Mudah Cara Mengubah Kolom Dan Lebar Gadget Blog Tanpa HTML <div dir="ltr"> AtehaSchool - Tips jitu cara mudah mengatur tampilan blog tanpa error html dengan cepat. Mengubah tampilan template blog dapat kita lakukan dengan mudah tanpa harus mengutak-atik HTML. Mengedit kode HTML memang memerlukan ketelitian jika salah sedikit dapat terjadi error sehingga memakan waktu banyak. </div> <div dir="ltr"> <br /></div> <div dir="ltr"> Para blogger pemula mungkin pernah mengalami kesulitan memperbaiki HTML error. Tidak perlu khawatir fitur blogger saat ini mulai terbilang lengkap sehingga dapat mempermudah penggunanya menyesuaikan tampilan blog dengan sesuka hatinya. Ini merupakan solusi yang tepat untuk menghindari HTML error.</div> <div dir="ltr"> <br /></div> <div dir="ltr"> Cara mengatur kolom dan lebar widget, gadget ataupun sidebar blog tanpa harus mengedit HTML. Cara seperti ini tentunya sangat membantu mempermudah para blogger pemula. Ngeblog tidak harus mahir kode html karena blogger sudah menyediakan fitur-fitur yang sangat membantu sobat blogger pemula.</div> <div dir="ltr"> <br /></div> <div dir="ltr"> Mengatur kolom dan lebar gadget blog bagaimana maksudnya? Mungkin masih ada sobat AtehaSchool yang bingung dari pertanyaan tersebut. Maksudnya begini misalnya tampilan blog kita terdiri dari 3 kolom yakni kolom posting, kolom sidebar kanan dan sidebar kiri. Tiba-tiba kita menginginkan tampilan blog terdiri dari 2 kolom saja serta mengatur lebar kolom-kolom tersebut sesuai selera kita. </div> <div dir="ltr"> <br /></div> <div dir="ltr"> Nah begitu maksudnya, jadi kita tidak harus mengedit HTML template blog , tampilan dapat disesuaikan dengan mudah.</div> <div dir="ltr"> <br /></div> <div dir="ltr"> Yang memiliki hobby menulis blog tapi belum mahir kode HTML bukan alasan menjadi kendala sebagai penghalang. Dalam artikel ini akan mberikan solusi tepat mengedit tampilan blog tanpa melalui HTML. Dengan praktis cepat dan mudah tanpa mengalami error html. </div> <div dir="ltr"> <br /></div> <div dir="ltr"> Sobat&nbsp; blogger pemula mungkin membutuhkan cara yang simpel dan praktis. Cara yang simpel dan praktis tentunya tidak akan menyita banyak waktu.</div> <div dir="ltr"> <br /></div> <div class="sj"> Cara Mengubah Kolom Dan Lebar Gadget Blog Tanpa HTML</div> <div dir="ltr"> </div> <div dir="ltr"> <br /></div> <div dir="ltr"> Berikut ini langkah-langkah yang harus sobat perhatikan cara mengatur tampilan blog tanpa edit html. Pahami dan perhatikan baik-baik langkah demi langkah.</div> <div dir="ltr"> <br /></div> <div dir="ltr"> <span style="font-size: large;"><b>Mengatur Tampilan Kolom Blog</b></span></div> 1. Langkah pertama, masuk laman dasbor <a href="https://www.blogger.com/" target="_blank">blogger</a> menggunakan akun sobat yang sudah terdaftar. <br /> <br /> 2. Langkah kedua, pilih <b>TEMPLATE</b> kemudian pilih/klik <b>SESUAIKAN.</b> <br /> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjplPnku1IF9CzbJ2ao3-q4OBA9F8JIRglgTQHS_yezVW66tLDjKzIm0fUNqyCpUbyCW9ol6HockrL19ANq94ZP-_Er4o8fyGL77GDthcxYuJ9DJYvI_XMjNF7jHLGRemyYKbgpcGDeBB8D/s1600/ssuaitmplat.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjplPnku1IF9CzbJ2ao3-q4OBA9F8JIRglgTQHS_yezVW66tLDjKzIm0fUNqyCpUbyCW9ol6HockrL19ANq94ZP-_Er4o8fyGL77GDthcxYuJ9DJYvI_XMjNF7jHLGRemyYKbgpcGDeBB8D/s640/ssuaitmplat.png" /> </a> <br /> 3. Langkah ketiga pilih navigasi <b>TATA</b><b> LETAK,</b> dalam navigasi tata letak ini ada menu untuk mengatur tata letak kolom blog kita yaitu Tata letak isi dan tata letak kaki. Pilih tampilan kolom yang sesuai selera sobat. <br /> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLbOGXmjuN0lAqKMom3BAzVKRqlqtoQ2aUiWKQGHp2rDvfqq-Y6-76I7sEYZdSCohAF-UT2Vs_VRwpNRlgSN5QR-WYhlkWsVJre47Z3suDbhXQ7m90iLQshKygBaEn4T_v4IaT7T-EGfrs/s1600/kolom.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLbOGXmjuN0lAqKMom3BAzVKRqlqtoQ2aUiWKQGHp2rDvfqq-Y6-76I7sEYZdSCohAF-UT2Vs_VRwpNRlgSN5QR-WYhlkWsVJre47Z3suDbhXQ7m90iLQshKygBaEn4T_v4IaT7T-EGfrs/s320/kolom.png" width="320" /></a><br /> <br /> 4. Langkah keempat, pilih menu <b>TERAPKAN KE BLOG</b> dibagian pojok kanan atas. Langkah ini merupakan langkah terakhir dalam mengatur tampilan kolom blog kita. <br /> <br /> <span style="font-size: large;"><b>Mengatur Lebar Gadget Blog</b></span><br /> <br /> 1. Langkah pertama dan kedua sama langkah&nbsp; diatas. <br /> <br /> 2. Sampai langkah ketiga, pilih menu SESUAIKAN LEBAR , kemuadian geser kekanan atau kekiri dan perhatikan perbedaannya. <br /> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTFS23HxpH1nzQ4uUd-PYcGbjpqO075tY00nTd451SMv9_UZwcBKzGVMvL3DT-kkIrSQD84sCJXPPLKIknzEh4PJuZ3a8AMi_R_wOgqDlXv752xVCQVdMnwpMS6Q1KuFbC3EmzKIdQ7iW/s1600/lbrblog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpTFS23HxpH1nzQ4uUd-PYcGbjpqO075tY00nTd451SMv9_UZwcBKzGVMvL3DT-kkIrSQD84sCJXPPLKIknzEh4PJuZ3a8AMi_R_wOgqDlXv752xVCQVdMnwpMS6Q1KuFbC3EmzKIdQ7iW/s320/lbrblog.png" width="320" /></a><br /> <br /> 3. Langkah terakhir, pilih TERAPKAN KE BLOG. untuk lebih jelas perhatikan gambar dibawah ini.<br /> <br /> <div dir="ltr"> <ol> </ol> </div> <div dir="ltr"> Demikian <a href="http://atehaschool.blogspot.com/2015/11/tips-mudah-cara-mengubah-kolom-dan.html">tips jitu mengatur tampilan blog dengan cepat &amp; mudah tanpa mengedit HTML</a>. Semoga bermanfaat!</div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3240382313456177553.post-4102340201186442502015-11-09T16:25:00.000+07:002016-12-24T13:39:46.297+07:00Kumpulan Macam-macam Kode Warna HTML Lengkap<div style="text-align: center;"> <b>&nbsp;Kumpulan Macam-macam Kode Warna HTML Lengkap</b></div> <br /> AtehaSchool - Macam-macam warna memiliki&nbsp; peran yang sangat penting dalam kehidupan sehari-hari.&nbsp; Dari sekian banyak macam-macam warna masing-masing memiliki kode warna CSS terendiri. Dalam dunia pemrograman web developer juga tidak pernah lepas dengan kumpulan kode warna CSS. Tanpa menggunakan warna css, web/blog tidak akan terlihat efektif, indah dan berkualitas. Dapat diibaratkan memasak tanpa menggunakan bumbu sehingga tidak memiliki rasa akan terkesan hambar.<br /> <br /> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV0PORwlOBu2cWk0GSRYYlTTdZstILMvSpBkGWLeBv5pOGyMwWTOWcx3S1qzfDr8HgEl9-eMfcvLdO3345smWYbns38aG13n93vFlkMX3jcbyntoT_nOkFswMsl0ISDmLJywKz8lDA0vYR/s1600/color.png" imageanchor="1"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV0PORwlOBu2cWk0GSRYYlTTdZstILMvSpBkGWLeBv5pOGyMwWTOWcx3S1qzfDr8HgEl9-eMfcvLdO3345smWYbns38aG13n93vFlkMX3jcbyntoT_nOkFswMsl0ISDmLJywKz8lDA0vYR/s320/color.png" width="320" /></a> <br /> <br /> Kumpulan kode warna dapat ditulis berbagai macam jenisnya yakni RGB, HEX (Hexadecimal) maupun CMYK. Namun dalam atrikel " Kumpulan Macam-macam Kode Warna CSS Lengkap " akan menggunakan cara CSS Kode Warna HEX (Hexadecimal). CSS kode warna HEX, masing-masing warna&nbsp; terdiri dari enam digit angka maupun huruf. Cara penggunaannya dengan cara menambahkan tanda # yang terletak sebelum enam digit kode.<br /> <br /> &nbsp;Warna dasar RGB atau Hexadecimal (HEX) adalah red (merah), green (hijau) dan blue (biru). Dari warna dasar tersebut jika dipadukan antara warna yang satu dengan warna lainnya akan membentuk warna baru. Sehingga menghasilkan bermacam-macam warna yang memiliki kode warna berbeda-beda.<br /> <b><br /></b> <b>Kumpulan Bermacam-macam Daftar CSS Kode Warna HEX (Hexadecimal).</b><br /> <br /> <center> <div style="overflow: auto;"> <table border="1" cellpadding="5" cellspacing="1" class="atehaschool" href="htttp://atehaschool.blogspot.com" style="text-align: center;"><tbody> <tr><td class="atehaschool" colspan="9" style="background-color: #000033; color: white; text-align: center;" valign="top">TABEL CSS KODE WARNA HEX (HEXADECIMAL)</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: black;" valign="top" width="55">#000000</td> <td class="atehaschool" style="background-color: #000022;" valign="top" width="55">#000022</td> <td class="atehaschool" style="background-color: #000044;" valign="top" width="55">#000044</td> <td class="atehaschool" style="background-color: #000066;" valign="top" width="55">#000066</td> <td class="atehaschool" style="background-color: #000088;" valign="top" width="55">#000088</td> <td class="atehaschool" style="background-color: #0000aa;" valign="top" width="55">#0000AA</td> <td class="atehaschool" style="background-color: #0000cc;" valign="top" width="55">#0000CC</td> <td class="atehaschool" style="background-color: #0000ee;" valign="top" width="55">#0000EE</td> <td class="atehaschool" style="background-color: blue;" valign="top" width="55">#0000FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #002200;" valign="top" width="55">#002200</td> <td class="atehaschool" style="background-color: #002222;" valign="top" width="55">#002222</td> <td class="atehaschool" style="background-color: #002244;" valign="top" width="55">#002244</td> <td class="atehaschool" style="background-color: #002266;" valign="top" width="55">#002266</td> <td class="atehaschool" style="background-color: #002288;" valign="top" width="55">#002288</td> <td class="atehaschool" style="background-color: #0022aa;" valign="top" width="55">#0022AA</td> <td class="atehaschool" style="background-color: #0022cc;" valign="top" width="55">#0022CC</td> <td class="atehaschool" style="background-color: #0022ee;" valign="top" width="55">#0022EE</td> <td class="atehaschool" style="background-color: #0022ff;" valign="top" width="55">#0022FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #004400;" valign="top" width="55">#004400</td> <td class="atehaschool" style="background-color: #004422;" valign="top" width="55">#004422</td> <td class="atehaschool" style="background-color: #004444;" valign="top" width="55">#004444</td> <td class="atehaschool" style="background-color: #004466;" valign="top" width="55">#004466</td> <td class="atehaschool" style="background-color: #004488;" valign="top" width="55">#004488</td> <td class="atehaschool" style="background-color: #0044aa;" valign="top" width="55">#0044AA</td> <td class="atehaschool" style="background-color: #0044cc;" valign="top" width="55">#0044CC</td> <td class="atehaschool" style="background-color: #0044ee;" valign="top" width="55">#0044EE</td> <td class="atehaschool" style="background-color: #0044ff;" valign="top" width="55">#0044FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #006600;" valign="top" width="55">#006600</td> <td class="atehaschool" style="background-color: #006622;" valign="top" width="55">#006622</td> <td class="atehaschool" style="background-color: #006644;" valign="top" width="55">#006644</td> <td class="atehaschool" style="background-color: #006666;" valign="top" width="55">#006666</td> <td class="atehaschool" style="background-color: #006688;" valign="top" width="55">#006688</td> <td class="atehaschool" style="background-color: #0066aa;" valign="top" width="55">#0066AA</td> <td class="atehaschool" style="background-color: #0066cc;" valign="top" width="55">#0066CC</td> <td class="atehaschool" style="background-color: #0066ee;" valign="top" width="55">#0066EE</td> <td class="atehaschool" style="background-color: #0066ff;" valign="top" width="55">#0066FF</td></tr> <tr><td class="atehaschool" style="background-color: #008800;" valign="top" width="55">#008800</td> <td class="atehaschool" style="background-color: #008822;" valign="top" width="55">#008822</td> <td class="atehaschool" style="background-color: #008844;" valign="top" width="55">#008844</td> <td class="atehaschool" style="background-color: #008866;" valign="top" width="55">#008866</td> <td class="atehaschool" style="background-color: #008888;" valign="top" width="55">#008888</td> <td class="atehaschool" style="background-color: #0088aa;" valign="top" width="55">#0088AA</td> <td class="atehaschool" style="background-color: #0088cc;" valign="top" width="55">#0088CC</td> <td class="atehaschool" style="background-color: #0088ee;" valign="top" width="55">#0088EE</td> <td class="atehaschool" style="background-color: #0088ff;" valign="top" width="55">#0088FF</td></tr> <tr><td class="atehaschool" style="background-color: #00aa00;" valign="top" width="55">#00AA00</td> <td class="atehaschool" style="background-color: #00aa22;" valign="top" width="55">#00AA22</td> <td class="atehaschool" style="background-color: #00aa44;" valign="top" width="55">#00AA44</td> <td class="atehaschool" style="background-color: #00aa66;" valign="top" width="55">#00AA66</td> <td class="atehaschool" style="background-color: #00aa88;" valign="top" width="55">#00AA88</td> <td class="atehaschool" style="background-color: #00aaaa;" valign="top" width="55">#00AAAA</td> <td class="atehaschool" style="background-color: #00aacc;" valign="top" width="55">#00AACC</td> <td class="atehaschool" style="background-color: #00aaee;" valign="top" width="55">#00AAEE</td> <td class="atehaschool" style="background-color: #00aaff;" valign="top" width="55">#00AAFF</td></tr> <tr><td class="atehaschool" style="background-color: #00cc00;" valign="top" width="55">#00CC00</td> <td class="atehaschool" style="background-color: #00cc22;" valign="top" width="55">#00CC22</td> <td class="atehaschool" style="background-color: #00cc44;" valign="top" width="55">#00CC44</td> <td class="atehaschool" style="background-color: #00cc66;" valign="top" width="55">#00CC66</td> <td class="atehaschool" style="background-color: #00cc88;" valign="top" width="55">#00CC88</td> <td class="atehaschool" style="background-color: #00ccaa;" valign="top" width="55">#00CCAA</td> <td class="atehaschool" style="background-color: #00cccc;" valign="top" width="55">#00CCCC</td> <td class="atehaschool" style="background-color: #00ccee;" valign="top" width="55">#00CCEE</td> <td class="atehaschool" style="background-color: #00ccff;" valign="top" width="55">#00CCFF</td></tr> <tr><td class="atehaschool" style="background-color: #00ee00;" valign="top" width="55">#00EE00</td> <td class="atehaschool" style="background-color: #00ee22;" valign="top" width="55">#00EE22</td> <td class="atehaschool" style="background-color: #00ee44;" valign="top" width="55">#00EE44</td> <td class="atehaschool" style="background-color: #00ee66;" valign="top" width="55">#00EE66</td> <td class="atehaschool" style="background-color: #00ee88;" valign="top" width="55">#00EE88</td> <td class="atehaschool" style="background-color: #00eeaa;" valign="top" width="55">#00EEAA</td> <td class="atehaschool" style="background-color: #00eecc;" valign="top" width="55">#00EECC</td> <td class="atehaschool" style="background-color: #00eeee;" valign="top" width="55">#00EEEE</td> <td class="atehaschool" style="background-color: #00eeff;" valign="top" width="55">#00EEFF</td></tr> <tr><td class="atehaschool" style="background-color: lime;" valign="top" width="55">#00FF00</td> <td class="atehaschool" style="background-color: #00ff22;" valign="top" width="55">#00FF22</td> <td class="atehaschool" style="background-color: #00ff44;" valign="top" width="55">#00FF44</td> <td class="atehaschool" style="background-color: #00ff66;" valign="top" width="55">#00FF66</td> <td class="atehaschool" style="background-color: #00ff88;" valign="top" width="55">#00FF88</td> <td class="atehaschool" style="background-color: #00ffaa;" valign="top" width="55">#00FFAA</td> <td class="atehaschool" style="background-color: #00ffcc;" valign="top" width="55">#00FFCC</td> <td class="atehaschool" style="background-color: #00ffee;" valign="top" width="55">#00FFEE</td> <td class="atehaschool" style="background-color: cyan;" valign="top" width="55">#00FFFF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #220000;" valign="top" width="55">#220000</td> <td class="atehaschool" style="background-color: #220022;" valign="top" width="55">#220022</td> <td class="atehaschool" style="background-color: #220044;" valign="top" width="55">#220044</td> <td class="atehaschool" style="background-color: #220066;" valign="top" width="55">#220066</td> <td class="atehaschool" style="background-color: #220088;" valign="top" width="55">#220088</td> <td class="atehaschool" style="background-color: #2200aa;" valign="top" width="55">#2200AA</td> <td class="atehaschool" style="background-color: #2200cc;" valign="top" width="55">#2200CC</td> <td class="atehaschool" style="background-color: #2200ee;" valign="top" width="55">#2200EE</td> <td class="atehaschool" style="background-color: #2200ff;" valign="top" width="55">#2200FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #222200;" valign="top" width="55">#222200</td> <td class="atehaschool" style="background-color: #222222;" valign="top" width="55">#222222</td> <td class="atehaschool" style="background-color: #222244;" valign="top" width="55">#222244</td> <td class="atehaschool" style="background-color: #222266;" valign="top" width="55">#222266</td> <td class="atehaschool" style="background-color: #222288;" valign="top" width="55">#222288</td> <td class="atehaschool" style="background-color: #2222aa;" valign="top" width="55">#2222AA</td> <td class="atehaschool" style="background-color: #2222cc;" valign="top" width="55">#2222CC</td> <td class="atehaschool" style="background-color: #2222ee;" valign="top" width="55">#2222EE</td> <td class="atehaschool" style="background-color: #2222ff;" valign="top" width="55">#2222FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #224400;" valign="top" width="55">#224400</td> <td class="atehaschool" style="background-color: #224422;" valign="top" width="55">#224422</td> <td class="atehaschool" style="background-color: #224444;" valign="top" width="55">#224444</td> <td class="atehaschool" style="background-color: #224466;" valign="top" width="55">#224466</td> <td class="atehaschool" style="background-color: #224488;" valign="top" width="55">#224488</td> <td class="atehaschool" style="background-color: #2244aa;" valign="top" width="55">#2244AA</td> <td class="atehaschool" style="background-color: #2244cc;" valign="top" width="55">#2244CC</td> <td class="atehaschool" style="background-color: #2244ee;" valign="top" width="55">#2244EE</td> <td class="atehaschool" style="background-color: #2244ff;" valign="top" width="55">#2244FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #226600;" valign="top" width="55">#226600</td> <td class="atehaschool" style="background-color: #226622;" valign="top" width="55">#226622</td> <td class="atehaschool" style="background-color: #226644;" valign="top" width="55">#226644</td> <td class="atehaschool" style="background-color: #226666;" valign="top" width="55">#226666</td> <td class="atehaschool" style="background-color: #226688;" valign="top" width="55">#226688</td> <td class="atehaschool" style="background-color: #2266aa;" valign="top" width="55">#2266AA</td> <td class="atehaschool" style="background-color: #2266cc;" valign="top" width="55">#2266CC</td> <td class="atehaschool" style="background-color: #2266ee;" valign="top" width="55">#2266EE</td> <td class="atehaschool" style="background-color: #2266ff;" valign="top" width="55">#2266FF</td></tr> <tr><td class="atehaschool" style="background-color: #228800;" valign="top" width="55">#228800</td> <td class="atehaschool" style="background-color: #228822;" valign="top" width="55">#228822</td> <td class="atehaschool" style="background-color: #228844;" valign="top" width="55">#228844</td> <td class="atehaschool" style="background-color: #228866;" valign="top" width="55">#228866</td> <td class="atehaschool" style="background-color: #228888;" valign="top" width="55">#228888</td> <td class="atehaschool" style="background-color: #2288aa;" valign="top" width="55">#2288AA</td> <td class="atehaschool" style="background-color: #2288cc;" valign="top" width="55">#2288CC</td> <td class="atehaschool" style="background-color: #2288ee;" valign="top" width="55">#2288EE</td> <td class="atehaschool" style="background-color: #2288ff;" valign="top" width="55">#2288FF</td></tr> <tr><td class="atehaschool" style="background-color: #22aa00;" valign="top" width="55">#22AA00</td> <td class="atehaschool" style="background-color: #22aa22;" valign="top" width="55">#22AA22</td> <td class="atehaschool" style="background-color: #22aa44;" valign="top" width="55">#22AA44</td> <td class="atehaschool" style="background-color: #22aa66;" valign="top" width="55">#22AA66</td> <td class="atehaschool" style="background-color: #22aa88;" valign="top" width="55">#22AA88</td> <td class="atehaschool" style="background-color: #22aaaa;" valign="top" width="55">#22AAAA</td> <td class="atehaschool" style="background-color: #22aacc;" valign="top" width="55">#22AACC</td> <td class="atehaschool" style="background-color: #22aaee;" valign="top" width="55">#22AAEE</td> <td class="atehaschool" style="background-color: #22aaff;" valign="top" width="55">#22AAFF</td></tr> <tr><td class="atehaschool" style="background-color: #22cc00;" valign="top" width="55">#22CC00</td> <td class="atehaschool" style="background-color: #22cc22;" valign="top" width="55">#22CC22</td> <td class="atehaschool" style="background-color: #22cc44;" valign="top" width="55">#22CC44</td> <td class="atehaschool" style="background-color: #22cc66;" valign="top" width="55">#22CC66</td> <td class="atehaschool" style="background-color: #22cc88;" valign="top" width="55">#22CC88</td> <td class="atehaschool" style="background-color: #22ccaa;" valign="top" width="55">#22CCAA</td> <td class="atehaschool" style="background-color: #22cccc;" valign="top" width="55">#22CCCC</td> <td class="atehaschool" style="background-color: #22ccee;" valign="top" width="55">#22CCEE</td> <td class="atehaschool" style="background-color: #22ccff;" valign="top" width="55">#22CCFF</td></tr> <tr><td class="atehaschool" style="background-color: #22ee00;" valign="top" width="55">#22EE00</td> <td class="atehaschool" style="background-color: #22ee22;" valign="top" width="55">#22EE22</td> <td class="atehaschool" style="background-color: #22ee44;" valign="top" width="55">#22EE44</td> <td class="atehaschool" style="background-color: #22ee66;" valign="top" width="55">#22EE66</td> <td class="atehaschool" style="background-color: #22ee88;" valign="top" width="55">#22EE88</td> <td class="atehaschool" style="background-color: #22eeaa;" valign="top" width="55">#22EEAA</td> <td class="atehaschool" style="background-color: #22eecc;" valign="top" width="55">#22EECC</td> <td class="atehaschool" style="background-color: #22eeee;" valign="top" width="55">#22EEEE</td> <td class="atehaschool" style="background-color: #00eeff;" valign="top" width="55">#00EEFF</td></tr> <tr><td class="atehaschool" style="background-color: #22ff00;" valign="top" width="55">#22FF00</td> <td class="atehaschool" style="background-color: #22ff22;" valign="top" width="55">#22FF22</td> <td class="atehaschool" style="background-color: #22ff44;" valign="top" width="55">#22FF44</td> <td class="atehaschool" style="background-color: #22ff66;" valign="top" width="55">#22FF66</td> <td class="atehaschool" style="background-color: #22ff88;" valign="top" width="55">#22FF88</td> <td class="atehaschool" style="background-color: #22ffaa;" valign="top" width="55">#22FFAA</td> <td class="atehaschool" style="background-color: #22ffcc;" valign="top" width="55">#22FFCC</td> <td class="atehaschool" style="background-color: #22ffee;" valign="top" width="55">#22FFEE</td> <td class="atehaschool" style="background-color: #22ffff;" valign="top" width="55">#22FFFF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #440000;" valign="top" width="55">#440000</td> <td class="atehaschool" style="background-color: #440022;" valign="top" width="55">#440022</td> <td class="atehaschool" style="background-color: #440044;" valign="top" width="55">#440044</td> <td class="atehaschool" style="background-color: #440066;" valign="top" width="55">#440066</td> <td class="atehaschool" style="background-color: #440088;" valign="top" width="55">#440088</td> <td class="atehaschool" style="background-color: #4400aa;" valign="top" width="55">#4400AA</td> <td class="atehaschool" style="background-color: #4400cc;" valign="top" width="55">#4400CC</td> <td class="atehaschool" style="background-color: #4400ee;" valign="top" width="55">#4400EE</td> <td class="atehaschool" style="background-color: #4400ff;" valign="top" width="55">#4400FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #442200;" valign="top" width="55">#442200</td> <td class="atehaschool" style="background-color: #442222;" valign="top" width="55">#442222</td> <td class="atehaschool" style="background-color: #442244;" valign="top" width="55">#442244</td> <td class="atehaschool" style="background-color: #442266;" valign="top" width="55">#442266</td> <td class="atehaschool" style="background-color: #442288;" valign="top" width="55">#442288</td> <td class="atehaschool" style="background-color: #4422aa;" valign="top" width="55">#4422AA</td> <td class="atehaschool" style="background-color: #4422cc;" valign="top" width="55">#4422CC</td> <td class="atehaschool" style="background-color: #4422ee;" valign="top" width="55">#4422EE</td> <td class="atehaschool" style="background-color: #4422ff;" valign="top" width="55">#4422FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #444400;" valign="top" width="55">#444400</td> <td class="atehaschool" style="background-color: #444422;" valign="top" width="55">#444422</td> <td class="atehaschool" style="background-color: #444444;" valign="top" width="55">#444444</td> <td class="atehaschool" style="background-color: #444466;" valign="top" width="55">#444466</td> <td class="atehaschool" style="background-color: #444488;" valign="top" width="55">#444488</td> <td class="atehaschool" style="background-color: #4444aa;" valign="top" width="55">#4444AA</td> <td class="atehaschool" style="background-color: #4444cc;" valign="top" width="55">#4444CC</td> <td class="atehaschool" style="background-color: #4444ee;" valign="top" width="55">#4444EE</td> <td class="atehaschool" style="background-color: #4444ff;" valign="top" width="55">#4444FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #446600;" valign="top" width="55">#446600</td> <td class="atehaschool" style="background-color: #446622;" valign="top" width="55">#446622</td> <td class="atehaschool" style="background-color: #446644;" valign="top" width="55">#446644</td> <td class="atehaschool" style="background-color: #446666;" valign="top" width="55">#446666</td> <td class="atehaschool" style="background-color: #446688;" valign="top" width="55">#446688</td> <td class="atehaschool" style="background-color: #4466aa;" valign="top" width="55">#4466AA</td> <td class="atehaschool" style="background-color: #4466cc;" valign="top" width="55">#4466CC</td> <td class="atehaschool" style="background-color: #4466ee;" valign="top" width="55">#4466EE</td> <td class="atehaschool" style="background-color: #4466ff;" valign="top" width="55">#4466FF</td></tr> <tr><td class="atehaschool" style="background-color: #448800;" valign="top" width="55">#448800</td> <td class="atehaschool" style="background-color: #448822;" valign="top" width="55">#448822</td> <td class="atehaschool" style="background-color: #448844;" valign="top" width="55">#448844</td> <td class="atehaschool" style="background-color: #448866;" valign="top" width="55">#448866</td> <td class="atehaschool" style="background-color: #448888;" valign="top" width="55">#448888</td> <td class="atehaschool" style="background-color: #4488aa;" valign="top" width="55">#4488AA</td> <td class="atehaschool" style="background-color: #4488cc;" valign="top" width="55">#4488CC</td> <td class="atehaschool" style="background-color: #4488ee;" valign="top" width="55">#4488EE</td> <td class="atehaschool" style="background-color: #4488ff;" valign="top" width="55">#4488FF</td></tr> <tr><td class="atehaschool" style="background-color: #44aa00;" valign="top" width="55">#44AA00</td> <td class="atehaschool" style="background-color: #44aa22;" valign="top" width="55">#44AA22</td> <td class="atehaschool" style="background-color: #44aa44;" valign="top" width="55">#44AA44</td> <td class="atehaschool" style="background-color: #44aa66;" valign="top" width="55">#44AA66</td> <td class="atehaschool" style="background-color: #44aa88;" valign="top" width="55">#44AA88</td> <td class="atehaschool" style="background-color: #44aaaa;" valign="top" width="55">#44AAAA</td> <td class="atehaschool" style="background-color: #44aacc;" valign="top" width="55">#44AACC</td> <td class="atehaschool" style="background-color: #44aaee;" valign="top" width="55">#44AAEE</td> <td class="atehaschool" style="background-color: #44aaff;" valign="top" width="55">#44AAFF</td></tr> <tr><td class="atehaschool" style="background-color: #44cc00;" valign="top" width="55">#44CC00</td> <td class="atehaschool" style="background-color: #44cc22;" valign="top" width="55">#44CC22</td> <td class="atehaschool" style="background-color: #44cc44;" valign="top" width="55">#44CC44</td> <td class="atehaschool" style="background-color: #44cc66;" valign="top" width="55">#44CC66</td> <td class="atehaschool" style="background-color: #44cc88;" valign="top" width="55">#44CC88</td> <td class="atehaschool" style="background-color: #44ccaa;" valign="top" width="55">#44CCAA</td> <td class="atehaschool" style="background-color: #44cccc;" valign="top" width="55">#44CCCC</td> <td class="atehaschool" style="background-color: #44ccee;" valign="top" width="55">#44CCEE</td> <td class="atehaschool" style="background-color: #44ccff;" valign="top" width="55">#44CCFF</td></tr> <tr><td class="atehaschool" style="background-color: #44ee00;" valign="top" width="55">#44EE00</td> <td class="atehaschool" style="background-color: #44ee22;" valign="top" width="55">#44EE22</td> <td class="atehaschool" style="background-color: #44ee44;" valign="top" width="55">#44EE44</td> <td class="atehaschool" style="background-color: #44ee66;" valign="top" width="55">#44EE66</td> <td class="atehaschool" style="background-color: #44ee88;" valign="top" width="55">#44EE88</td> <td class="atehaschool" style="background-color: #44eeaa;" valign="top" width="55">#44EEAA</td> <td class="atehaschool" style="background-color: #44eecc;" valign="top" width="55">#44EECC</td> <td class="atehaschool" style="background-color: #44eeee;" valign="top" width="55">#44EEEE</td> <td class="atehaschool" style="background-color: #44eeff;" valign="top" width="55">#44EEFF</td></tr> <tr><td class="atehaschool" style="background-color: #44ff00;" valign="top" width="55">#44FF00</td> <td class="atehaschool" style="background-color: #44ff22;" valign="top" width="55">#44FF22</td> <td class="atehaschool" style="background-color: #44ff44;" valign="top" width="55">#44FF44</td> <td class="atehaschool" style="background-color: #44ff66;" valign="top" width="55">#44FF66</td> <td class="atehaschool" style="background-color: #44ff88;" valign="top" width="55">#44FF88</td> <td class="atehaschool" style="background-color: #44ffaa;" valign="top" width="55">#44FFAA</td> <td class="atehaschool" style="background-color: #44ffcc;" valign="top" width="55">#44FFCC</td> <td class="atehaschool" style="background-color: #44ffee;" valign="top" width="55">#44FFEE</td> <td class="atehaschool" style="background-color: #44ffff;" valign="top" width="55">#44FFFF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #660000;" valign="top" width="55">#660000</td> <td class="atehaschool" style="background-color: #660022;" valign="top" width="55">#660022</td> <td class="atehaschool" style="background-color: #660044;" valign="top" width="55">#660044</td> <td class="atehaschool" style="background-color: #660066;" valign="top" width="55">#660066</td> <td class="atehaschool" style="background-color: #660088;" valign="top" width="55">#660088</td> <td class="atehaschool" style="background-color: #6600aa;" valign="top" width="55">#6600AA</td> <td class="atehaschool" style="background-color: #6600cc;" valign="top" width="55">#6600CC</td> <td class="atehaschool" style="background-color: #6600ee;" valign="top" width="55">#6600EE</td> <td class="atehaschool" style="background-color: #6600ff;" valign="top" width="55">#6600FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #662200;" valign="top" width="55">#662200</td> <td class="atehaschool" style="background-color: #662222;" valign="top" width="55">#662222</td> <td class="atehaschool" style="background-color: #662244;" valign="top" width="55">#662244</td> <td class="atehaschool" style="background-color: #662266;" valign="top" width="55">#662266</td> <td class="atehaschool" style="background-color: #662288;" valign="top" width="55">#662288</td> <td class="atehaschool" style="background-color: #6622aa;" valign="top" width="55">#6622AA</td> <td class="atehaschool" style="background-color: #6622cc;" valign="top" width="55">#6622CC</td> <td class="atehaschool" style="background-color: #6622ee;" valign="top" width="55">#6622EE</td> <td class="atehaschool" style="background-color: #6622ff;" valign="top" width="55">#6622FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #664400;" valign="top" width="55">#664400</td> <td class="atehaschool" style="background-color: #664422;" valign="top" width="55">#664422</td> <td class="atehaschool" style="background-color: #664444;" valign="top" width="55">#664444</td> <td class="atehaschool" style="background-color: #664466;" valign="top" width="55">#664466</td> <td class="atehaschool" style="background-color: #664488;" valign="top" width="55">#664488</td> <td class="atehaschool" style="background-color: #6644aa;" valign="top" width="55">#6644AA</td> <td class="atehaschool" style="background-color: #6644cc;" valign="top" width="55">#6644CC</td> <td class="atehaschool" style="background-color: #6644ee;" valign="top" width="55">#6644EE</td> <td class="atehaschool" style="background-color: #6644ff;" valign="top" width="55">#6644FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #666600;" valign="top" width="55">#666600</td> <td class="atehaschool" style="background-color: #666622;" valign="top" width="55">#666622</td> <td class="atehaschool" style="background-color: #666644;" valign="top" width="55">#666644</td> <td class="atehaschool" style="background-color: #666666;" valign="top" width="55">#666666</td> <td class="atehaschool" style="background-color: #666688;" valign="top" width="55">#666688</td> <td class="atehaschool" style="background-color: #6666aa;" valign="top" width="55">#6666AA</td> <td class="atehaschool" style="background-color: #6666cc;" valign="top" width="55">#6666CC</td> <td class="atehaschool" style="background-color: #6666ee;" valign="top" width="55">#6666EE</td> <td class="atehaschool" style="background-color: #6666ff;" valign="top" width="55">#6666FF</td></tr> <tr><td class="atehaschool" style="background-color: #668800;" valign="top" width="55">#668800</td> <td class="atehaschool" style="background-color: #668822;" valign="top" width="55">#668822</td> <td class="atehaschool" style="background-color: #668844;" valign="top" width="55">#668844</td> <td class="atehaschool" style="background-color: #668866;" valign="top" width="55">#668866</td> <td class="atehaschool" style="background-color: #668888;" valign="top" width="55">#668888</td> <td class="atehaschool" style="background-color: #6688aa;" valign="top" width="55">#6688AA</td> <td class="atehaschool" style="background-color: #6688cc;" valign="top" width="55">#6688CC</td> <td class="atehaschool" style="background-color: #6688ee;" valign="top" width="55">#6688EE</td> <td class="atehaschool" style="background-color: #6688ff;" valign="top" width="55">#6688FF</td></tr> <tr><td class="atehaschool" style="background-color: #66aa00;" valign="top" width="55">#66AA00</td> <td class="atehaschool" style="background-color: #66aa22;" valign="top" width="55">#66AA22</td> <td class="atehaschool" style="background-color: #66aa44;" valign="top" width="55">#66AA44</td> <td class="atehaschool" style="background-color: #66aa66;" valign="top" width="55">#66AA66</td> <td class="atehaschool" style="background-color: #66aa88;" valign="top" width="55">#66AA88</td> <td class="atehaschool" style="background-color: #66aaaa;" valign="top" width="55">#66AAAA</td> <td class="atehaschool" style="background-color: #66aacc;" valign="top" width="55">#66AACC</td> <td class="atehaschool" style="background-color: #66aaee;" valign="top" width="55">#66AAEE</td> <td class="atehaschool" style="background-color: #66aaff;" valign="top" width="55">#66AAFF</td></tr> <tr><td class="atehaschool" style="background-color: #66cc00;" valign="top" width="55">#66CC00</td> <td class="atehaschool" style="background-color: #66cc22;" valign="top" width="55">#66CC22</td> <td class="atehaschool" style="background-color: #66cc44;" valign="top" width="55">#66CC44</td> <td class="atehaschool" style="background-color: #66cc66;" valign="top" width="55">#66CC66</td> <td class="atehaschool" style="background-color: #66cc88;" valign="top" width="55">#66CC88</td> <td class="atehaschool" style="background-color: #66ccaa;" valign="top" width="55">#66CCAA</td> <td class="atehaschool" style="background-color: #66cccc;" valign="top" width="55">#66CCCC</td> <td class="atehaschool" style="background-color: #66ccee;" valign="top" width="55">#66CCEE</td> <td class="atehaschool" style="background-color: #66ccff;" valign="top" width="55">#66CCFF</td></tr> <tr><td class="atehaschool" style="background-color: #66ee00;" valign="top" width="55">#66EE00</td> <td class="atehaschool" style="background-color: #66ee22;" valign="top" width="55">#66EE22</td> <td class="atehaschool" style="background-color: #66ee44;" valign="top" width="55">#66EE44</td> <td class="atehaschool" style="background-color: #66ee66;" valign="top" width="55">#66EE66</td> <td class="atehaschool" style="background-color: #66ee88;" valign="top" width="55">#66EE88</td> <td class="atehaschool" style="background-color: #66eeaa;" valign="top" width="55">#66EEAA</td> <td class="atehaschool" style="background-color: #66eecc;" valign="top" width="55">#66EECC</td> <td class="atehaschool" style="background-color: #66eeee;" valign="top" width="55">#66EEEE</td> <td class="atehaschool" style="background-color: #66eeff;" valign="top" width="55">#66EEFF</td></tr> <tr><td class="atehaschool" style="background-color: #66ff00;" valign="top" width="55">#66FF00</td> <td class="atehaschool" style="background-color: #66ff22;" valign="top" width="55">#66FF22</td> <td class="atehaschool" style="background-color: #66ff44;" valign="top" width="55">#66FF44</td> <td class="atehaschool" style="background-color: #66ff66;" valign="top" width="55">#66FF66</td> <td class="atehaschool" style="background-color: #66ff88;" valign="top" width="55">#66FF88</td> <td class="atehaschool" style="background-color: #66ffaa;" valign="top" width="55">#66FFAA</td> <td class="atehaschool" style="background-color: #66ffcc;" valign="top" width="55">#66FFCC</td> <td class="atehaschool" style="background-color: #66ffee;" valign="top" width="55">#66FFEE</td> <td class="atehaschool" style="background-color: #66ffff;" valign="top" width="55">#66FFFF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #880000;" valign="top" width="55">#880000</td> <td class="atehaschool" style="background-color: #880022;" valign="top" width="55">#880022</td> <td class="atehaschool" style="background-color: #880044;" valign="top" width="55">#880044</td> <td class="atehaschool" style="background-color: #880066;" valign="top" width="55">#880066</td> <td class="atehaschool" style="background-color: #880088;" valign="top" width="55">#880088</td> <td class="atehaschool" style="background-color: #8800aa;" valign="top" width="55">#8800AA</td> <td class="atehaschool" style="background-color: #8800cc;" valign="top" width="55">#8800CC</td> <td class="atehaschool" style="background-color: #8800ee;" valign="top" width="55">#8800EE</td> <td class="atehaschool" style="background-color: #8800ff;" valign="top" width="55">#8800FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #882200;" valign="top" width="55">#882200</td> <td class="atehaschool" style="background-color: #882222;" valign="top" width="55">#882222</td> <td class="atehaschool" style="background-color: #882244;" valign="top" width="55">#882244</td> <td class="atehaschool" style="background-color: #882266;" valign="top" width="55">#882266</td> <td class="atehaschool" style="background-color: #882288;" valign="top" width="55">#882288</td> <td class="atehaschool" style="background-color: #8822aa;" valign="top" width="55">#8822AA</td> <td class="atehaschool" style="background-color: #8822cc;" valign="top" width="55">#8822CC</td> <td class="atehaschool" style="background-color: #8822ee;" valign="top" width="55">#8822EE</td> <td class="atehaschool" style="background-color: #8822ff;" valign="top" width="55">#8822FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #884400;" valign="top" width="55">#884400</td> <td class="atehaschool" style="background-color: #884422;" valign="top" width="55">#884422</td> <td class="atehaschool" style="background-color: #884444;" valign="top" width="55">#884444</td> <td class="atehaschool" style="background-color: #884466;" valign="top" width="55">#884466</td> <td class="atehaschool" style="background-color: #884488;" valign="top" width="55">#884488</td> <td class="atehaschool" style="background-color: #8844aa;" valign="top" width="55">#8844AA</td> <td class="atehaschool" style="background-color: #8844cc;" valign="top" width="55">#8844CC</td> <td class="atehaschool" style="background-color: #8844ee;" valign="top" width="55">#8844EE</td> <td class="atehaschool" style="background-color: #8844ff;" valign="top" width="55">#8844FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #886600;" valign="top" width="55">#886600</td> <td class="atehaschool" style="background-color: #886622;" valign="top" width="55">#886622</td> <td class="atehaschool" style="background-color: #886644;" valign="top" width="55">#886644</td> <td class="atehaschool" style="background-color: #886666;" valign="top" width="55">#886666</td> <td class="atehaschool" style="background-color: #886688;" valign="top" width="55">#886688</td> <td class="atehaschool" style="background-color: #8866aa;" valign="top" width="55">#8866AA</td> <td class="atehaschool" style="background-color: #8866cc;" valign="top" width="55">#8866CC</td> <td class="atehaschool" style="background-color: #8866ee;" valign="top" width="55">#8866EE</td> <td class="atehaschool" style="background-color: #8866ff;" valign="top" width="55">#8866FF</td></tr> <tr><td class="atehaschool" style="background-color: #888800;" valign="top" width="55">#888800</td> <td class="atehaschool" style="background-color: #888822;" valign="top" width="55">#888822</td> <td class="atehaschool" style="background-color: #888844;" valign="top" width="55">#888844</td> <td class="atehaschool" style="background-color: #888866;" valign="top" width="55">#888866</td> <td class="atehaschool" style="background-color: #888888;" valign="top" width="55">#888888</td> <td class="atehaschool" style="background-color: #8888aa;" valign="top" width="55">#8888AA</td> <td class="atehaschool" style="background-color: #8888cc;" valign="top" width="55">#8888CC</td> <td class="atehaschool" style="background-color: #8888ee;" valign="top" width="55">#8888EE</td> <td class="atehaschool" style="background-color: #8888ff;" valign="top" width="55">#8888FF</td></tr> <tr><td class="atehaschool" style="background-color: #88aa00;" valign="top" width="55">#88AA00</td> <td class="atehaschool" style="background-color: #88aa22;" valign="top" width="55">#88AA22</td> <td class="atehaschool" style="background-color: #88aa44;" valign="top" width="55">#88AA44</td> <td class="atehaschool" style="background-color: #88aa66;" valign="top" width="55">#88AA66</td> <td class="atehaschool" style="background-color: #88aa88;" valign="top" width="55">#88AA88</td> <td class="atehaschool" style="background-color: #88aaaa;" valign="top" width="55">#88AAAA</td> <td class="atehaschool" style="background-color: #88aacc;" valign="top" width="55">#88AACC</td> <td class="atehaschool" style="background-color: #88aaee;" valign="top" width="55">#88AAEE</td> <td class="atehaschool" style="background-color: #88aaff;" valign="top" width="55">#88AAFF</td></tr> <tr><td class="atehaschool" style="background-color: #88cc00;" valign="top" width="55">#88CC00</td> <td class="atehaschool" style="background-color: #88cc22;" valign="top" width="55">#88CC22</td> <td class="atehaschool" style="background-color: #88cc44;" valign="top" width="55">#88CC44</td> <td class="atehaschool" style="background-color: #88cc66;" valign="top" width="55">#88CC66</td> <td class="atehaschool" style="background-color: #88cc88;" valign="top" width="55">#88CC88</td> <td class="atehaschool" style="background-color: #88ccaa;" valign="top" width="55">#88CCAA</td> <td class="atehaschool" style="background-color: #88cccc;" valign="top" width="55">#88CCCC</td> <td class="atehaschool" style="background-color: #88ccee;" valign="top" width="55">#88CCEE</td> <td class="atehaschool" style="background-color: #88ccff;" valign="top" width="55">#88CCFF</td></tr> <tr><td class="atehaschool" style="background-color: #88ee00;" valign="top" width="55">#88EE00</td> <td class="atehaschool" style="background-color: #88ee22;" valign="top" width="55">#88EE22</td> <td class="atehaschool" style="background-color: #88ee44;" valign="top" width="55">#88EE44</td> <td class="atehaschool" style="background-color: #88ee66;" valign="top" width="55">#88EE66</td> <td class="atehaschool" style="background-color: #88ee88;" valign="top" width="55">#88EE88</td> <td class="atehaschool" style="background-color: #88eeaa;" valign="top" width="55">#88EEAA</td> <td class="atehaschool" style="background-color: #88eecc;" valign="top" width="55">#88EECC</td> <td class="atehaschool" style="background-color: #88eeee;" valign="top" width="55">#88EEEE</td> <td class="atehaschool" style="background-color: #88eeff;" valign="top" width="55">#88EEFF</td></tr> <tr><td class="atehaschool" style="background-color: #88ff00;" valign="top" width="55">#88FF00</td> <td class="atehaschool" style="background-color: #88ff22;" valign="top" width="55">#88FF22</td> <td class="atehaschool" style="background-color: #88ff44;" valign="top" width="55">#88FF44</td> <td class="atehaschool" style="background-color: #88ff66;" valign="top" width="55">#88FF66</td> <td class="atehaschool" style="background-color: #88ff88;" valign="top" width="55">#88FF88</td> <td class="atehaschool" style="background-color: #88ffaa;" valign="top" width="55">#88FFAA</td> <td class="atehaschool" style="background-color: #88ffcc;" valign="top" width="55">#88FFCC</td> <td class="atehaschool" style="background-color: #88ffee;" valign="top" width="55">#88FFEE</td> <td class="atehaschool" style="background-color: #88ffff;" valign="top" width="55">#88FFFF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #aa0000;" valign="top" width="55">#AA0000</td> <td class="atehaschool" style="background-color: #aa0022;" valign="top" width="55">#AA0022</td> <td class="atehaschool" style="background-color: #aa0044;" valign="top" width="55">#AA0044</td> <td class="atehaschool" style="background-color: #aa0066;" valign="top" width="55">#AA0066</td> <td class="atehaschool" style="background-color: #aa0088;" valign="top" width="55">#AA0088</td> <td class="atehaschool" style="background-color: #aa00aa;" valign="top" width="55">#AA00AA</td> <td class="atehaschool" style="background-color: #aa00cc;" valign="top" width="55">#AA00CC</td> <td class="atehaschool" style="background-color: #aa00ee;" valign="top" width="55">#AA00EE</td> <td class="atehaschool" style="background-color: #aa00ff;" valign="top" width="55">#AA00FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #aa2200;" valign="top" width="55">#AA2200</td> <td class="atehaschool" style="background-color: #aa2222;" valign="top" width="55">#AA2222</td> <td class="atehaschool" style="background-color: #aa2244;" valign="top" width="55">#AA2244</td> <td class="atehaschool" style="background-color: #aa2266;" valign="top" width="55">#AA2266</td> <td class="atehaschool" style="background-color: #aa2288;" valign="top" width="55">#AA2288</td> <td class="atehaschool" style="background-color: #aa22aa;" valign="top" width="55">#AA22AA</td> <td class="atehaschool" style="background-color: #aa22cc;" valign="top" width="55">#AA22CC</td> <td class="atehaschool" style="background-color: #aa22ee;" valign="top" width="55">#AA22EE</td> <td class="atehaschool" style="background-color: #aa22ff;" valign="top" width="55">#AA22FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #aa4400;" valign="top" width="55">#AA4400</td> <td class="atehaschool" style="background-color: #aa4422;" valign="top" width="55">#AA4422</td> <td class="atehaschool" style="background-color: #aa4444;" valign="top" width="55">#AA4444</td> <td class="atehaschool" style="background-color: #aa4466;" valign="top" width="55">#AA4466</td> <td class="atehaschool" style="background-color: #aa4488;" valign="top" width="55">#AA4488</td> <td class="atehaschool" style="background-color: #aa44aa;" valign="top" width="55">#AA44AA</td> <td class="atehaschool" style="background-color: #aa44cc;" valign="top" width="55">#AA44CC</td> <td class="atehaschool" style="background-color: #aa44ee;" valign="top" width="55">#AA44EE</td> <td class="atehaschool" style="background-color: #aa44ff;" valign="top" width="55">#AA44FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #aa6600;" valign="top" width="55">#AA6600</td> <td class="atehaschool" style="background-color: #aa6622;" valign="top" width="55">#AA6622</td> <td class="atehaschool" style="background-color: #aa6644;" valign="top" width="55">#AA6644</td> <td class="atehaschool" style="background-color: #aa6666;" valign="top" width="55">#AA6666</td> <td class="atehaschool" style="background-color: #aa6688;" valign="top" width="55">#AA6688</td> <td class="atehaschool" style="background-color: #aa66aa;" valign="top" width="55">#AA66AA</td> <td class="atehaschool" style="background-color: #aa66cc;" valign="top" width="55">#AA66CC</td> <td class="atehaschool" style="background-color: #aa66ee;" valign="top" width="55">#AA66EE</td> <td class="atehaschool" style="background-color: #aa66ff;" valign="top" width="55">#AA66FF</td></tr> <tr><td class="atehaschool" style="background-color: #aa8800;" valign="top" width="55">#AA8800</td> <td class="atehaschool" style="background-color: #aa8822;" valign="top" width="55">#AA8822</td> <td class="atehaschool" style="background-color: #aa8844;" valign="top" width="55">#AA8844</td> <td class="atehaschool" style="background-color: #aa8866;" valign="top" width="55">#AA8866</td> <td class="atehaschool" style="background-color: #aa8888;" valign="top" width="55">#AA8888</td> <td class="atehaschool" style="background-color: #aa88aa;" valign="top" width="55">#AA88AA</td> <td class="atehaschool" style="background-color: #aa88cc;" valign="top" width="55">#AA88CC</td> <td class="atehaschool" style="background-color: #aa88ee;" valign="top" width="55">#AA88EE</td> <td class="atehaschool" style="background-color: #aa88ff;" valign="top" width="55">#AA88FF</td></tr> <tr><td class="atehaschool" style="background-color: #aaaa00;" valign="top" width="55">#AAAA00</td> <td class="atehaschool" style="background-color: #aaaa22;" valign="top" width="55">#AAAA22</td> <td class="atehaschool" style="background-color: #aaaa44;" valign="top" width="55">#AAAA44</td> <td class="atehaschool" style="background-color: #aaaa66;" valign="top" width="55">#AAAA66</td> <td class="atehaschool" style="background-color: #aaaa88;" valign="top" width="55">#AAAA88</td> <td class="atehaschool" style="background-color: #aaaaaa;" valign="top" width="55">#AAAAAA</td> <td class="atehaschool" style="background-color: #aaaacc;" valign="top" width="55">#AAAACC</td> <td class="atehaschool" style="background-color: #aaaaee;" valign="top" width="55">#AAAAEE</td> <td class="atehaschool" style="background-color: #aaaaff;" valign="top" width="55">#AAAAFF</td></tr> <tr><td class="atehaschool" style="background-color: #aacc00;" valign="top" width="55">#AACC00</td> <td class="atehaschool" style="background-color: #aacc22;" valign="top" width="55">#AACC22</td> <td class="atehaschool" style="background-color: #aacc44;" valign="top" width="55">#AACC44</td> <td class="atehaschool" style="background-color: #aacc66;" valign="top" width="55">#AACC66</td> <td class="atehaschool" style="background-color: #aacc88;" valign="top" width="55">#AACC88</td> <td class="atehaschool" style="background-color: #aaccaa;" valign="top" width="55">#AACCAA</td> <td class="atehaschool" style="background-color: #aacccc;" valign="top" width="55">#AACCCC</td> <td class="atehaschool" style="background-color: #aaccee;" valign="top" width="55">#AACCEE</td> <td class="atehaschool" style="background-color: #aaccff;" valign="top" width="55">#AACCFF</td></tr> <tr><td class="atehaschool" style="background-color: #aaee00;" valign="top" width="55">#AAEE00</td> <td class="atehaschool" style="background-color: #aaee22;" valign="top" width="55">#AAEE22</td> <td class="atehaschool" style="background-color: #aaee44;" valign="top" width="55">#AAEE44</td> <td class="atehaschool" style="background-color: #aaee66;" valign="top" width="55">#AAEE66</td> <td class="atehaschool" style="background-color: #aaee88;" valign="top" width="55">#AAEE88</td> <td class="atehaschool" style="background-color: #aaeeaa;" valign="top" width="55">#AAEEAA</td> <td class="atehaschool" style="background-color: #aaeecc;" valign="top" width="55">#AAEECC</td> <td class="atehaschool" style="background-color: #aaeeee;" valign="top" width="55">#AAEEEE</td> <td class="atehaschool" style="background-color: #aaeeff;" valign="top" width="55">#AAEEFF</td></tr> <tr><td class="atehaschool" style="background-color: #aaff00;" valign="top" width="55">#AAFF00</td> <td class="atehaschool" style="background-color: #aaff22;" valign="top" width="55">#AAFF22</td> <td class="atehaschool" style="background-color: #aaff44;" valign="top" width="55">#AAFF44</td> <td class="atehaschool" style="background-color: #aaff66;" valign="top" width="55">#AAFF66</td> <td class="atehaschool" style="background-color: #aaff88;" valign="top" width="55">#AAFF88</td> <td class="atehaschool" style="background-color: #aaffaa;" valign="top" width="55">#AAFFAA</td> <td class="atehaschool" style="background-color: #aaffcc;" valign="top" width="55">#AAFFCC</td> <td class="atehaschool" style="background-color: #aaffee;" valign="top" width="55">#AAFFEE</td> <td class="atehaschool" style="background-color: #aaffff;" valign="top" width="55">#AAFFFF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #bb0000;" valign="top" width="55">#BB0000</td> <td class="atehaschool" style="background-color: #bb0022;" valign="top" width="55">#BB0022</td> <td class="atehaschool" style="background-color: #bb0044;" valign="top" width="55">#BB0044</td> <td class="atehaschool" style="background-color: #bb0066;" valign="top" width="55">#BB0066</td> <td class="atehaschool" style="background-color: #bb0088;" valign="top" width="55">#BB0088</td> <td class="atehaschool" style="background-color: #bb00aa;" valign="top" width="55">#BB00AA</td> <td class="atehaschool" style="background-color: #bb00cc;" valign="top" width="55">#BB00CC</td> <td class="atehaschool" style="background-color: #bb00ee;" valign="top" width="55">#BB00EE</td> <td class="atehaschool" style="background-color: #bb00ff;" valign="top" width="55">#BB00FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #bb2200;" valign="top" width="55">#BB2200</td> <td class="atehaschool" style="background-color: #bb2222;" valign="top" width="55">#BB2222</td> <td class="atehaschool" style="background-color: #bb2244;" valign="top" width="55">#BB2244</td> <td class="atehaschool" style="background-color: #bb2266;" valign="top" width="55">#BB2266</td> <td class="atehaschool" style="background-color: #bb2288;" valign="top" width="55">#BB2288</td> <td class="atehaschool" style="background-color: #bb22aa;" valign="top" width="55">#BB22AA</td> <td class="atehaschool" style="background-color: #bb22cc;" valign="top" width="55">#BB22CC</td> <td class="atehaschool" style="background-color: #bb22ee;" valign="top" width="55">#BB22EE</td> <td class="atehaschool" style="background-color: #bb22ff;" valign="top" width="55">#BB22FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #bb4400;" valign="top" width="55">#BB4400</td> <td class="atehaschool" style="background-color: #bb4422;" valign="top" width="55">#BB4422</td> <td class="atehaschool" style="background-color: #bb4444;" valign="top" width="55">#BB4444</td> <td class="atehaschool" style="background-color: #bb4466;" valign="top" width="55">#BB4466</td> <td class="atehaschool" style="background-color: #bb4488;" valign="top" width="55">#BB4488</td> <td class="atehaschool" style="background-color: #bb44aa;" valign="top" width="55">#BB44AA</td> <td class="atehaschool" style="background-color: #bb44cc;" valign="top" width="55">#BB44CC</td> <td class="atehaschool" style="background-color: #bb44ee;" valign="top" width="55">#BB44EE</td> <td class="atehaschool" style="background-color: #bb44ff;" valign="top" width="55">#BB44FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #bb6600;" valign="top" width="55">#BB6600</td> <td class="atehaschool" style="background-color: #bb6622;" valign="top" width="55">#BB6622</td> <td class="atehaschool" style="background-color: #bb6644;" valign="top" width="55">#BB6644</td> <td class="atehaschool" style="background-color: #bb6666;" valign="top" width="55">#BB6666</td> <td class="atehaschool" style="background-color: #bb6688;" valign="top" width="55">#BB6688</td> <td class="atehaschool" style="background-color: #bb66aa;" valign="top" width="55">#BB66AA</td> <td class="atehaschool" style="background-color: #bb66cc;" valign="top" width="55">#BB66CC</td> <td class="atehaschool" style="background-color: #bb66ee;" valign="top" width="55">#BB66EE</td> <td class="atehaschool" style="background-color: #bb66ff;" valign="top" width="55">#BB66FF</td></tr> <tr><td class="atehaschool" style="background-color: #bb8800;" valign="top" width="55">#BB8800</td> <td class="atehaschool" style="background-color: #bb8822;" valign="top" width="55">#BB8822</td> <td class="atehaschool" style="background-color: #bb8844;" valign="top" width="55">#BB8844</td> <td class="atehaschool" style="background-color: #bb8866;" valign="top" width="55">#BB8866</td> <td class="atehaschool" style="background-color: #bb8888;" valign="top" width="55">#BB8888</td> <td class="atehaschool" style="background-color: #bb88aa;" valign="top" width="55">#BB88AA</td> <td class="atehaschool" style="background-color: #bb88cc;" valign="top" width="55">#BB88CC</td> <td class="atehaschool" style="background-color: #bb88ee;" valign="top" width="55">#BB88EE</td> <td class="atehaschool" style="background-color: #bb88ff;" valign="top" width="55">#BB88FF</td></tr> <tr><td class="atehaschool" style="background-color: #bbaa00;" valign="top" width="55">#BBAA00</td> <td class="atehaschool" style="background-color: #bbaa22;" valign="top" width="55">#BBAA22</td> <td class="atehaschool" style="background-color: #bbaa44;" valign="top" width="55">#BBAA44</td> <td class="atehaschool" style="background-color: #bbaa66;" valign="top" width="55">#BBAA66</td> <td class="atehaschool" style="background-color: #bbaa88;" valign="top" width="55">#BBAA88</td> <td class="atehaschool" style="background-color: #bbaaaa;" valign="top" width="55">#BBAAAA</td> <td class="atehaschool" style="background-color: #bbaacc;" valign="top" width="55">#BBAACC</td> <td class="atehaschool" style="background-color: #bbaaee;" valign="top" width="55">#BBAAEE</td> <td class="atehaschool" style="background-color: #bbaaff;" valign="top" width="55">#BBAAFF</td></tr> <tr><td class="atehaschool" style="background-color: #bbcc00;" valign="top" width="55">#BBCC00</td> <td class="atehaschool" style="background-color: #bbcc22;" valign="top" width="55">#BBCC22</td> <td class="atehaschool" style="background-color: #bbcc44;" valign="top" width="55">#BBCC44</td> <td class="atehaschool" style="background-color: #bbcc66;" valign="top" width="55">#BBCC66</td> <td class="atehaschool" style="background-color: #bbcc88;" valign="top" width="55">#BBCC88</td> <td class="atehaschool" style="background-color: #bbccaa;" valign="top" width="55">#BBCCAA</td> <td class="atehaschool" style="background-color: #bbcccc;" valign="top" width="55">#BBCCCC</td> <td class="atehaschool" style="background-color: #bbccee;" valign="top" width="55">#BBCCEE</td> <td class="atehaschool" style="background-color: #bbccff;" valign="top" width="55">#BBCCFF</td></tr> <tr><td class="atehaschool" style="background-color: #bbee00;" valign="top" width="55">#BBEE00</td> <td class="atehaschool" style="background-color: #bbee22;" valign="top" width="55">#BBEE22</td> <td class="atehaschool" style="background-color: #bbee44;" valign="top" width="55">#BBEE44</td> <td class="atehaschool" style="background-color: #bbee66;" valign="top" width="55">#BBEE66</td> <td class="atehaschool" style="background-color: #bbee88;" valign="top" width="55">#BBEE88</td> <td class="atehaschool" style="background-color: #bbeeaa;" valign="top" width="55">#BBEEAA</td> <td class="atehaschool" style="background-color: #bbeecc;" valign="top" width="55">#BBEECC</td> <td class="atehaschool" style="background-color: #bbeeee;" valign="top" width="55">#BBEEEE</td> <td class="atehaschool" style="background-color: #bbeeff;" valign="top" width="55">#BBEEFF</td></tr> <tr><td class="atehaschool" style="background-color: #bbff00;" valign="top" width="55">#BBFF00</td> <td class="atehaschool" style="background-color: #bbff22;" valign="top" width="55">#BBFF22</td> <td class="atehaschool" style="background-color: #bbff44;" valign="top" width="55">#BBFF44</td> <td class="atehaschool" style="background-color: #bbff66;" valign="top" width="55">#BBFF66</td> <td class="atehaschool" style="background-color: #bbff88;" valign="top" width="55">#BBFF88</td> <td class="atehaschool" style="background-color: #bbffaa;" valign="top" width="55">#BBFFAA</td> <td class="atehaschool" style="background-color: #bbffcc;" valign="top" width="55">#BBFFCC</td> <td class="atehaschool" style="background-color: #bbffee;" valign="top" width="55">#BBFFEE</td> <td class="atehaschool" style="background-color: #bbffff;" valign="top" width="55">#BBFFFF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #cc0000;" valign="top" width="55">#CC0000</td> <td class="atehaschool" style="background-color: #cc0022;" valign="top" width="55">#CC0022</td> <td class="atehaschool" style="background-color: #cc0044;" valign="top" width="55">#CC0044</td> <td class="atehaschool" style="background-color: #cc0066;" valign="top" width="55">#CC0066</td> <td class="atehaschool" style="background-color: #cc0088;" valign="top" width="55">#CC0088</td> <td class="atehaschool" style="background-color: #cc00aa;" valign="top" width="55">#CC00AA</td> <td class="atehaschool" style="background-color: #cc00cc;" valign="top" width="55">#CC00CC</td> <td class="atehaschool" style="background-color: #cc00ee;" valign="top" width="55">#CC00EE</td> <td class="atehaschool" style="background-color: #cc00ff;" valign="top" width="55">#CC00FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #cc2200;" valign="top" width="55">#CC2200</td> <td class="atehaschool" style="background-color: #cc2222;" valign="top" width="55">#CC2222</td> <td class="atehaschool" style="background-color: #cc2244;" valign="top" width="55">#CC2244</td> <td class="atehaschool" style="background-color: #cc2266;" valign="top" width="55">#CC2266</td> <td class="atehaschool" style="background-color: #cc2288;" valign="top" width="55">#CC2288</td> <td class="atehaschool" style="background-color: #cc22aa;" valign="top" width="55">#CC22AA</td> <td class="atehaschool" style="background-color: #cc22cc;" valign="top" width="55">#CC22CC</td> <td class="atehaschool" style="background-color: #cc22ee;" valign="top" width="55">#CC22EE</td> <td class="atehaschool" style="background-color: #cc22ff;" valign="top" width="55">#CC22FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #cc4400;" valign="top" width="55">#CC4400</td> <td class="atehaschool" style="background-color: #cc4422;" valign="top" width="55">#CC4422</td> <td class="atehaschool" style="background-color: #cc4444;" valign="top" width="55">#CC4444</td> <td class="atehaschool" style="background-color: #cc4466;" valign="top" width="55">#CC4466</td> <td class="atehaschool" style="background-color: #cc4488;" valign="top" width="55">#CC4488</td> <td class="atehaschool" style="background-color: #cc44aa;" valign="top" width="55">#CC44AA</td> <td class="atehaschool" style="background-color: #cc44cc;" valign="top" width="55">#CC44CC</td> <td class="atehaschool" style="background-color: #cc44ee;" valign="top" width="55">#CC44EE</td> <td class="atehaschool" style="background-color: #cc44ff;" valign="top" width="55">#CC44FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #cc6600;" valign="top" width="55">#CC6600</td> <td class="atehaschool" style="background-color: #cc6622;" valign="top" width="55">#CC6622</td> <td class="atehaschool" style="background-color: #cc6644;" valign="top" width="55">#CC6644</td> <td class="atehaschool" style="background-color: #cc6666;" valign="top" width="55">#CC6666</td> <td class="atehaschool" style="background-color: #cc6688;" valign="top" width="55">#CC6688</td> <td class="atehaschool" style="background-color: #cc66aa;" valign="top" width="55">#CC66AA</td> <td class="atehaschool" style="background-color: #cc66cc;" valign="top" width="55">#CC66CC</td> <td class="atehaschool" style="background-color: #cc66ee;" valign="top" width="55">#CC66EE</td> <td class="atehaschool" style="background-color: #cc66ff;" valign="top" width="55">#CC66FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #cc8800;" valign="top" width="55">#CC8800</td> <td class="atehaschool" style="background-color: #cc8822;" valign="top" width="55">#CC8822</td> <td class="atehaschool" style="background-color: #cc8844;" valign="top" width="55">#CC8844</td> <td class="atehaschool" style="background-color: #cc8866;" valign="top" width="55">#CC8866</td> <td class="atehaschool" style="background-color: #cc8888;" valign="top" width="55">#CC8888</td> <td class="atehaschool" style="background-color: #cc88aa;" valign="top" width="55">#CC88AA</td> <td class="atehaschool" style="background-color: #cc88cc;" valign="top" width="55">#CC88CC</td> <td class="atehaschool" style="background-color: #cc88ee;" valign="top" width="55">#CC88EE</td> <td class="atehaschool" style="background-color: #cc88ff;" valign="top" width="55">#CC88FF</td></tr> <tr><td class="atehaschool" style="background-color: #ccaa00;" valign="top" width="55">#CCAA00</td> <td class="atehaschool" style="background-color: #ccaa22;" valign="top" width="55">#CCAA22</td> <td class="atehaschool" style="background-color: #ccaa44;" valign="top" width="55">#CCAA44</td> <td class="atehaschool" style="background-color: #ccaa66;" valign="top" width="55">#CCAA66</td> <td class="atehaschool" style="background-color: #ccaa88;" valign="top" width="55">#CCAA88</td> <td class="atehaschool" style="background-color: #ccaaaa;" valign="top" width="55">#CCAAAA</td> <td class="atehaschool" style="background-color: #ccaacc;" valign="top" width="55">#CCAACC</td> <td class="atehaschool" style="background-color: #ccaaee;" valign="top" width="55">#CCAAEE</td> <td class="atehaschool" style="background-color: #ccaaff;" valign="top" width="55">#CCAAFF</td></tr> <tr><td class="atehaschool" style="background-color: #cccc00;" valign="top" width="55">#CCCC00</td> <td class="atehaschool" style="background-color: #cccc22;" valign="top" width="55">#CCCC22</td> <td class="atehaschool" style="background-color: #cccc44;" valign="top" width="55">#CCCC44</td> <td class="atehaschool" style="background-color: #cccc66;" valign="top" width="55">#CCCC66</td> <td class="atehaschool" style="background-color: #cccc88;" valign="top" width="55">#CCCC88</td> <td class="atehaschool" style="background-color: #ccccaa;" valign="top" width="55">#CCCCAA</td> <td class="atehaschool" style="background-color: #cccccc;" valign="top" width="55">#CCCCCC</td> <td class="atehaschool" style="background-color: #ccccee;" valign="top" width="55">#CCCCEE</td> <td class="atehaschool" style="background-color: #ccccff;" valign="top" width="55">#CCCCFF</td></tr> <tr><td class="atehaschool" style="background-color: #ccee00;" valign="top" width="55">#CCEE00</td> <td class="atehaschool" style="background-color: #ccee22;" valign="top" width="55">#CCEE22</td> <td class="atehaschool" style="background-color: #ccee44;" valign="top" width="55">#CCEE44</td> <td class="atehaschool" style="background-color: #ccee66;" valign="top" width="55">#CCEE66</td> <td class="atehaschool" style="background-color: #ccee88;" valign="top" width="55">#CCEE88</td> <td class="atehaschool" style="background-color: #cceeaa;" valign="top" width="55">#CCEEAA</td> <td class="atehaschool" style="background-color: #cceecc;" valign="top" width="55">#CCEECC</td> <td class="atehaschool" style="background-color: #cceeee;" valign="top" width="55">#CCEEEE</td> <td class="atehaschool" style="background-color: #cceeff;" valign="top" width="55">#CCEEFF</td></tr> <tr><td class="atehaschool" style="background-color: #ccff00;" valign="top" width="55">#CCFF00</td> <td class="atehaschool" style="background-color: #ccff22;" valign="top" width="55">#CCFF22</td> <td class="atehaschool" style="background-color: #ccff44;" valign="top" width="55">#CCFF44</td> <td class="atehaschool" style="background-color: #ccff66;" valign="top" width="55">#CCFF66</td> <td class="atehaschool" style="background-color: #ccff88;" valign="top" width="55">#CCFF88</td> <td class="atehaschool" style="background-color: #ccffaa;" valign="top" width="55">#CCFFAA</td> <td class="atehaschool" style="background-color: #ccffcc;" valign="top" width="55">#CCFFCC</td> <td class="atehaschool" style="background-color: #ccffee;" valign="top" width="55">#CCFFEE</td> <td class="atehaschool" style="background-color: #ccffff;" valign="top" width="55">#CCFFFF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #dd0000;" valign="top" width="55">#DD0000</td> <td class="atehaschool" style="background-color: #dd0022;" valign="top" width="55">#DD0022</td> <td class="atehaschool" style="background-color: #dd0044;" valign="top" width="55">#DD0044</td> <td class="atehaschool" style="background-color: #dd0066;" valign="top" width="55">#DD0066</td> <td class="atehaschool" style="background-color: #dd0088;" valign="top" width="55">#DD0088</td> <td class="atehaschool" style="background-color: #dd00aa;" valign="top" width="55">#DD00AA</td> <td class="atehaschool" style="background-color: #dd00cc;" valign="top" width="55">#DD00CC</td> <td class="atehaschool" style="background-color: #dd00ee;" valign="top" width="55">#DD00EE</td> <td class="atehaschool" style="background-color: #dd00ff;" valign="top" width="55">#DD00FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #dd2200;" valign="top" width="55">#DD2200</td> <td class="atehaschool" style="background-color: #dd2222;" valign="top" width="55">#DD2222</td> <td class="atehaschool" style="background-color: #dd2244;" valign="top" width="55">#DD2244</td> <td class="atehaschool" style="background-color: #dd2266;" valign="top" width="55">#DD2266</td> <td class="atehaschool" style="background-color: #dd2288;" valign="top" width="55">#DD2288</td> <td class="atehaschool" style="background-color: #dd22aa;" valign="top" width="55">#DD22AA</td> <td class="atehaschool" style="background-color: #dd22cc;" valign="top" width="55">#DD22CC</td> <td class="atehaschool" style="background-color: #dd22ee;" valign="top" width="55">#DD22EE</td> <td class="atehaschool" style="background-color: #dd22ff;" valign="top" width="55">#DD22FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #dd4400;" valign="top" width="55">#DD4400</td> <td class="atehaschool" style="background-color: #dd4422;" valign="top" width="55">#DD4422</td> <td class="atehaschool" style="background-color: #dd4444;" valign="top" width="55">#DD4444</td> <td class="atehaschool" style="background-color: #dd4466;" valign="top" width="55">#DD4466</td> <td class="atehaschool" style="background-color: #dd4488;" valign="top" width="55">#DD4488</td> <td class="atehaschool" style="background-color: #dd44aa;" valign="top" width="55">#DD44AA</td> <td class="atehaschool" style="background-color: #dd44cc;" valign="top" width="55">#DD44CC</td> <td class="atehaschool" style="background-color: #dd44ee;" valign="top" width="55">#DD44EE</td> <td class="atehaschool" style="background-color: #dd44ff;" valign="top" width="55">#DD44FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #dd6600;" valign="top" width="55">#DD6600</td> <td class="atehaschool" style="background-color: #dd6622;" valign="top" width="55">#DD6622</td> <td class="atehaschool" style="background-color: #dd6644;" valign="top" width="55">#DD6644</td> <td class="atehaschool" style="background-color: #dd6666;" valign="top" width="55">#DD6666</td> <td class="atehaschool" style="background-color: #dd6688;" valign="top" width="55">#DD6688</td> <td class="atehaschool" style="background-color: #dd66aa;" valign="top" width="55">#DD66AA</td> <td class="atehaschool" style="background-color: #dd66cc;" valign="top" width="55">#DD66CC</td> <td class="atehaschool" style="background-color: #dd66ee;" valign="top" width="55">#DD66EE</td> <td class="atehaschool" style="background-color: #dd66ff;" valign="top" width="55">#DD66FF</td></tr> <tr><td class="atehaschool" style="background-color: #dd8800;" valign="top" width="55">#DD8800</td> <td class="atehaschool" style="background-color: #dd8822;" valign="top" width="55">#DD8822</td> <td class="atehaschool" style="background-color: #dd8844;" valign="top" width="55">#DD8844</td> <td class="atehaschool" style="background-color: #dd8866;" valign="top" width="55">#DD8866</td> <td class="atehaschool" style="background-color: #dd8888;" valign="top" width="55">#DD8888</td> <td class="atehaschool" style="background-color: #dd88aa;" valign="top" width="55">#DD88AA</td> <td class="atehaschool" style="background-color: #dd88cc;" valign="top" width="55">#DD88CC</td> <td class="atehaschool" style="background-color: #dd88ee;" valign="top" width="55">#DD88EE</td> <td class="atehaschool" style="background-color: #dd88ff;" valign="top" width="55">#DD88FF</td></tr> <tr><td class="atehaschool" style="background-color: #ddaa00;" valign="top" width="55">#DDAA00</td> <td class="atehaschool" style="background-color: #ddaa22;" valign="top" width="55">#DDAA22</td> <td class="atehaschool" style="background-color: #ddaa44;" valign="top" width="55">#DDAA44</td> <td class="atehaschool" style="background-color: #ddaa66;" valign="top" width="55">#DDAA66</td> <td class="atehaschool" style="background-color: #ddaa88;" valign="top" width="55">#DDAA88</td> <td class="atehaschool" style="background-color: #ddaaaa;" valign="top" width="55">#DDAAAA</td> <td class="atehaschool" style="background-color: #ddaacc;" valign="top" width="55">#DDAACC</td> <td class="atehaschool" style="background-color: #ddaaee;" valign="top" width="55">#DDAAEE</td> <td class="atehaschool" style="background-color: #ddaaff;" valign="top" width="55">#DDAAFF</td></tr> <tr><td class="atehaschool" style="background-color: #ddbb00;" valign="top" width="55">#DDBB00</td> <td class="atehaschool" style="background-color: #ddbb22;" valign="top" width="55">#DDBB22</td> <td class="atehaschool" style="background-color: #ddbb44;" valign="top" width="55">#DDBB44</td> <td class="atehaschool" style="background-color: #ddbb66;" valign="top" width="55">#DDBB66</td> <td class="atehaschool" style="background-color: #ddbb88;" valign="top" width="55">#DDBB88</td> <td class="atehaschool" style="background-color: #ddbbaa;" valign="top" width="55">#DDBBAA</td> <td class="atehaschool" style="background-color: #ddbbcc;" valign="top" width="55">#DDBBCC</td> <td class="atehaschool" style="background-color: #ddbbee;" valign="top" width="55">#DDBBEE</td> <td class="atehaschool" style="background-color: #ddbbff;" valign="top" width="55">#DDBBFF</td></tr> <tr><td class="atehaschool" style="background-color: #ddcc00;" valign="top" width="55">#DDCC00</td> <td class="atehaschool" style="background-color: #ddcc22;" valign="top" width="55">#DDCC22</td> <td class="atehaschool" style="background-color: #ddcc44;" valign="top" width="55">#DDCC44</td> <td class="atehaschool" style="background-color: #ddcc66;" valign="top" width="55">#DDCC66</td> <td class="atehaschool" style="background-color: #ddcc88;" valign="top" width="55">#DDCC88</td> <td class="atehaschool" style="background-color: #ddccaa;" valign="top" width="55">#DDCCAA</td> <td class="atehaschool" style="background-color: #ddcccc;" valign="top" width="55">#DDCCCC</td> <td class="atehaschool" style="background-color: #ddccee;" valign="top" width="55">#DDCCEE</td> <td class="atehaschool" style="background-color: #ddccff;" valign="top" width="55">#DDCCFF</td></tr> <tr><td class="atehaschool" style="background-color: #dddd00;" valign="top" width="55">#DDDD00</td> <td class="atehaschool" style="background-color: #dddd22;" valign="top" width="55">#DDDD22</td> <td class="atehaschool" style="background-color: #dddd44;" valign="top" width="55">#DDDD44</td> <td class="atehaschool" style="background-color: #dddd66;" valign="top" width="55">#DDDD66</td> <td class="atehaschool" style="background-color: #dddd88;" valign="top" width="55">#DDDD88</td> <td class="atehaschool" style="background-color: #ddddaa;" valign="top" width="55">#DDDDAA</td> <td class="atehaschool" style="background-color: #ddddcc;" valign="top" width="55">#DDDDCC</td> <td class="atehaschool" style="background-color: #ddddee;" valign="top" width="55">#DDDDEE</td> <td class="atehaschool" style="background-color: #ddddff;" valign="top" width="55">#DDDDFF</td></tr> <tr><td class="atehaschool" style="background-color: #ddee00;" valign="top" width="55">#DDEE00</td> <td class="atehaschool" style="background-color: #ddee22;" valign="top" width="55">#DDEE22</td> <td class="atehaschool" style="background-color: #ddee44;" valign="top" width="55">#DDEE44</td> <td class="atehaschool" style="background-color: #ddee66;" valign="top" width="55">#DDEE66</td> <td class="atehaschool" style="background-color: #ddee88;" valign="top" width="55">#DDEE88</td> <td class="atehaschool" style="background-color: #ddeeaa;" valign="top" width="55">#DDEEAA</td> <td class="atehaschool" style="background-color: #ddeecc;" valign="top" width="55">#DDEECC</td> <td class="atehaschool" style="background-color: #ddeeee;" valign="top" width="55">#DDEEEE</td> <td class="atehaschool" style="background-color: #ddeeff;" valign="top" width="55">#DDEEFF</td></tr> <tr><td class="atehaschool" style="background-color: #ddff00;" valign="top" width="55">#DDFF00</td> <td class="atehaschool" style="background-color: #ddff22;" valign="top" width="55">#DDFF22</td> <td class="atehaschool" style="background-color: #ddff44;" valign="top" width="55">#DDFF44</td> <td class="atehaschool" style="background-color: #ddff66;" valign="top" width="55">#DDFF66</td> <td class="atehaschool" style="background-color: #ddff88;" valign="top" width="55">#DDFF88</td> <td class="atehaschool" style="background-color: #ddffaa;" valign="top" width="55">#DDFFAA</td> <td class="atehaschool" style="background-color: #ddffcc;" valign="top" width="55">#DDFFCC</td> <td class="atehaschool" style="background-color: #ddffee;" valign="top" width="55">#DDFFEE</td> <td class="atehaschool" style="background-color: #ddffff;" valign="top" width="55">#DDFFFF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #ee0000;" valign="top" width="55">#EE0000</td> <td class="atehaschool" style="background-color: #ee0022;" valign="top" width="55">#EE0022</td> <td class="atehaschool" style="background-color: #ee0044;" valign="top" width="55">#EE0044</td> <td class="atehaschool" style="background-color: #ee0066;" valign="top" width="55">#EE0066</td> <td class="atehaschool" style="background-color: #ee0088;" valign="top" width="55">#EE0088</td> <td class="atehaschool" style="background-color: #ee00aa;" valign="top" width="55">#EE00AA</td> <td class="atehaschool" style="background-color: #ee00cc;" valign="top" width="55">#EE00CC</td> <td class="atehaschool" style="background-color: #ee00ee;" valign="top" width="55">#EE00EE</td> <td class="atehaschool" style="background-color: #ee00ff;" valign="top" width="55">#EE00FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #ee2200;" valign="top" width="55">#EE2200</td> <td class="atehaschool" style="background-color: #ee2222;" valign="top" width="55">#EE2222</td> <td class="atehaschool" style="background-color: #ee2244;" valign="top" width="55">#EE2244</td> <td class="atehaschool" style="background-color: #ee2266;" valign="top" width="55">#EE2266</td> <td class="atehaschool" style="background-color: #ee2288;" valign="top" width="55">#EE2288</td> <td class="atehaschool" style="background-color: #ee22aa;" valign="top" width="55">#EE22AA</td> <td class="atehaschool" style="background-color: #ee22cc;" valign="top" width="55">#EE22CC</td> <td class="atehaschool" style="background-color: #ee22ee;" valign="top" width="55">#EE22EE</td> <td class="atehaschool" style="background-color: #ee22ff;" valign="top" width="55">#EE22FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #ee4400;" valign="top" width="55">#EE4400</td> <td class="atehaschool" style="background-color: #ee4422;" valign="top" width="55">#EE4422</td> <td class="atehaschool" style="background-color: #ee4444;" valign="top" width="55">#EE4444</td> <td class="atehaschool" style="background-color: #ee4466;" valign="top" width="55">#EE4466</td> <td class="atehaschool" style="background-color: #ee4488;" valign="top" width="55">#EE4488</td> <td class="atehaschool" style="background-color: #ee44aa;" valign="top" width="55">#EE44AA</td> <td class="atehaschool" style="background-color: #ee44cc;" valign="top" width="55">#EE44CC</td> <td class="atehaschool" style="background-color: #ee44ee;" valign="top" width="55">#EE44EE</td> <td class="atehaschool" style="background-color: #ee44ff;" valign="top" width="55">#EE44FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #ee6600;" valign="top" width="55">#EE6600</td> <td class="atehaschool" style="background-color: #ee6622;" valign="top" width="55">#EE6622</td> <td class="atehaschool" style="background-color: #ee6644;" valign="top" width="55">#EE6644</td> <td class="atehaschool" style="background-color: #ee6666;" valign="top" width="55">#EE6666</td> <td class="atehaschool" style="background-color: #ee6688;" valign="top" width="55">#EE6688</td> <td class="atehaschool" style="background-color: #ee66aa;" valign="top" width="55">#EE66AA</td> <td class="atehaschool" style="background-color: #ee66cc;" valign="top" width="55">#EE66CC</td> <td class="atehaschool" style="background-color: #ee66ee;" valign="top" width="55">#EE66EE</td> <td class="atehaschool" style="background-color: #ee66ff;" valign="top" width="55">#EE66FF</td></tr> <tr><td class="atehaschool" style="background-color: #ee8800;" valign="top" width="55">#EE8800</td> <td class="atehaschool" style="background-color: #ee8822;" valign="top" width="55">#EE8822</td> <td class="atehaschool" style="background-color: #ee8844;" valign="top" width="55">#EE8844</td> <td class="atehaschool" style="background-color: #ee8866;" valign="top" width="55">#EE8866</td> <td class="atehaschool" style="background-color: #ee8888;" valign="top" width="55">#EE8888</td> <td class="atehaschool" style="background-color: #ee88aa;" valign="top" width="55">#EE88AA</td> <td class="atehaschool" style="background-color: #ee88cc;" valign="top" width="55">#EE88CC</td> <td class="atehaschool" style="background-color: #ee88ee;" valign="top" width="55">#EE88EE</td> <td class="atehaschool" style="background-color: #ee88ff;" valign="top" width="55">#EE88FF</td></tr> <tr><td class="atehaschool" style="background-color: #eeaa00;" valign="top" width="55">#EEAA00</td> <td class="atehaschool" style="background-color: #eeaa22;" valign="top" width="55">#EEAA22</td> <td class="atehaschool" style="background-color: #eeaa44;" valign="top" width="55">#EEAA44</td> <td class="atehaschool" style="background-color: #eeaa66;" valign="top" width="55">#EEAA66</td> <td class="atehaschool" style="background-color: #eeaa88;" valign="top" width="55">#EEAA88</td> <td class="atehaschool" style="background-color: #eeaaaa;" valign="top" width="55">#EEAAAA</td> <td class="atehaschool" style="background-color: #eeaacc;" valign="top" width="55">#EEAACC</td> <td class="atehaschool" style="background-color: #eeaaee;" valign="top" width="55">#EEAAEE</td> <td class="atehaschool" style="background-color: #eeaaff;" valign="top" width="55">#EEAAFF</td></tr> <tr><td class="atehaschool" style="background-color: #eebb00;" valign="top" width="55">#EEBB00</td> <td class="atehaschool" style="background-color: #eebb22;" valign="top" width="55">#EEBB22</td> <td class="atehaschool" style="background-color: #eebb44;" valign="top" width="55">#EEBB44</td> <td class="atehaschool" style="background-color: #eebb66;" valign="top" width="55">#EEBB66</td> <td class="atehaschool" style="background-color: #eebb88;" valign="top" width="55">#EEBB88</td> <td class="atehaschool" style="background-color: #eebbaa;" valign="top" width="55">#EEBBAA</td> <td class="atehaschool" style="background-color: #eebbcc;" valign="top" width="55">#EEBBCC</td> <td class="atehaschool" style="background-color: #eebbee;" valign="top" width="55">#EEBBEE</td> <td class="atehaschool" style="background-color: #eebbff;" valign="top" width="55">#EEBBFF</td></tr> <tr><td class="atehaschool" style="background-color: #eecc00;" valign="top" width="55">#EECC00</td> <td class="atehaschool" style="background-color: #eecc22;" valign="top" width="55">#EECC22</td> <td class="atehaschool" style="background-color: #eecc44;" valign="top" width="55">#EECC44</td> <td class="atehaschool" style="background-color: #eecc66;" valign="top" width="55">#EECC66</td> <td class="atehaschool" style="background-color: #eecc88;" valign="top" width="55">#EECC88</td> <td class="atehaschool" style="background-color: #eeccaa;" valign="top" width="55">#EECCAA</td> <td class="atehaschool" style="background-color: #eecccc;" valign="top" width="55">#EECCCC</td> <td class="atehaschool" style="background-color: #eeccee;" valign="top" width="55">#EECCEE</td> <td class="atehaschool" style="background-color: #eeccff;" valign="top" width="55">#EECCFF</td></tr> <tr><td class="atehaschool" style="background-color: #eedd00;" valign="top" width="55">#EEDD00</td> <td class="atehaschool" style="background-color: #eedd22;" valign="top" width="55">#EEDD22</td> <td class="atehaschool" style="background-color: #eedd44;" valign="top" width="55">#EEDD44</td> <td class="atehaschool" style="background-color: #eedd66;" valign="top" width="55">#EEDD66</td> <td class="atehaschool" style="background-color: #eedd88;" valign="top" width="55">#EEDD88</td> <td class="atehaschool" style="background-color: #eeddaa;" valign="top" width="55">#EEDDAA</td> <td class="atehaschool" style="background-color: #eeddcc;" valign="top" width="55">#EEDDCC</td> <td class="atehaschool" style="background-color: #eeddee;" valign="top" width="55">#EEDDEE</td> <td class="atehaschool" style="background-color: #eeddff;" valign="top" width="55">#EEDDFF</td></tr> <tr><td class="atehaschool" style="background-color: #eeee00;" valign="top" width="55">#EEEE00</td> <td class="atehaschool" style="background-color: #eeee22;" valign="top" width="55">#EEEE22</td> <td class="atehaschool" style="background-color: #eeee44;" valign="top" width="55">#EEEE44</td> <td class="atehaschool" style="background-color: #eeee66;" valign="top" width="55">#EEEE66</td> <td class="atehaschool" style="background-color: #eeee88;" valign="top" width="55">#EEEE88</td> <td class="atehaschool" style="background-color: #eeeeaa;" valign="top" width="55">#EEEEAA</td> <td class="atehaschool" style="background-color: #eeeecc;" valign="top" width="55">#EEEECC</td> <td class="atehaschool" style="background-color: #eeeeee;" valign="top" width="55">#EEEEEE</td> <td class="atehaschool" style="background-color: #eeeeff;" valign="top" width="55">#EEEEFF</td></tr> <tr><td class="atehaschool" style="background-color: #eeff00;" valign="top" width="55">#EEFF00</td> <td class="atehaschool" style="background-color: #eeff22;" valign="top" width="55">#EEFF22</td> <td class="atehaschool" style="background-color: #eeff44;" valign="top" width="55">#EEFF44</td> <td class="atehaschool" style="background-color: #eeff66;" valign="top" width="55">#EEFF66</td> <td class="atehaschool" style="background-color: #eeff88;" valign="top" width="55">#EEFF88</td> <td class="atehaschool" style="background-color: #eeffaa;" valign="top" width="55">#EEFFAA</td> <td class="atehaschool" style="background-color: #eeffcc;" valign="top" width="55">#EEFFCC</td> <td class="atehaschool" style="background-color: #eeffee;" valign="top" width="55">#EEFFEE</td> <td class="atehaschool" style="background-color: #eeffff;" valign="top" width="55">#EEFFFF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: red;" valign="top" width="55">#FF0000</td> <td class="atehaschool" style="background-color: #ff0022;" valign="top" width="55">#FF0022</td> <td class="atehaschool" style="background-color: #ff0044;" valign="top" width="55">#FF0044</td> <td class="atehaschool" style="background-color: #ff0066;" valign="top" width="55">#FF0066</td> <td class="atehaschool" style="background-color: #ff0088;" valign="top" width="55">#FF0088</td> <td class="atehaschool" style="background-color: #ff00aa;" valign="top" width="55">#FF00AA</td> <td class="atehaschool" style="background-color: #ff00cc;" valign="top" width="55">#FF00CC</td> <td class="atehaschool" style="background-color: #ff00ee;" valign="top" width="55">#FF00EE</td> <td class="atehaschool" style="background-color: magenta;" valign="top" width="55">#FF00FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #ff2200;" valign="top" width="55">#FF2200</td> <td class="atehaschool" style="background-color: #ff2222;" valign="top" width="55">#FF2222</td> <td class="atehaschool" style="background-color: #ff2244;" valign="top" width="55">#FF2244</td> <td class="atehaschool" style="background-color: #ff2266;" valign="top" width="55">#FF2266</td> <td class="atehaschool" style="background-color: #ff2288;" valign="top" width="55">#FF2288</td> <td class="atehaschool" style="background-color: #ff22aa;" valign="top" width="55">#FF22AA</td> <td class="atehaschool" style="background-color: #ff22cc;" valign="top" width="55">#FF22CC</td> <td class="atehaschool" style="background-color: #ff22ee;" valign="top" width="55">#FF22EE</td> <td class="atehaschool" style="background-color: #ff22ff;" valign="top" width="55">#FF22FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #ff4400;" valign="top" width="55">#FF4400</td> <td class="atehaschool" style="background-color: #ff4422;" valign="top" width="55">#FF4422</td> <td class="atehaschool" style="background-color: #ff4444;" valign="top" width="55">#FF4444</td> <td class="atehaschool" style="background-color: #ff4466;" valign="top" width="55">#FF4466</td> <td class="atehaschool" style="background-color: #ff4488;" valign="top" width="55">#FF4488</td> <td class="atehaschool" style="background-color: #ff44aa;" valign="top" width="55">#FF44AA</td> <td class="atehaschool" style="background-color: #ff44cc;" valign="top" width="55">#FF44CC</td> <td class="atehaschool" style="background-color: #ff44ee;" valign="top" width="55">#FF44EE</td> <td class="atehaschool" style="background-color: #ff44ff;" valign="top" width="55">#FF44FF</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #ff6600;" valign="top" width="55">#FF6600</td> <td class="atehaschool" style="background-color: #ff6622;" valign="top" width="55">#FF6622</td> <td class="atehaschool" style="background-color: #ff6644;" valign="top" width="55">#FF6644</td> <td class="atehaschool" style="background-color: #ff6666;" valign="top" width="55">#FF6666</td> <td class="atehaschool" style="background-color: #ff6688;" valign="top" width="55">#FF6688</td> <td class="atehaschool" style="background-color: #ff66aa;" valign="top" width="55">#FF66AA</td> <td class="atehaschool" style="background-color: #ff66cc;" valign="top" width="55">#FF66CC</td> <td class="atehaschool" style="background-color: #ff66ee;" valign="top" width="55">#FF66EE</td> <td class="atehaschool" style="background-color: #ff66ff;" valign="top" width="55">#FF66FF</td></tr> <tr><td class="atehaschool" style="background-color: #ff8800;" valign="top" width="55">#FF8800</td> <td class="atehaschool" style="background-color: #ff8822;" valign="top" width="55">#FF8822</td> <td class="atehaschool" style="background-color: #ff8844;" valign="top" width="55">#FF8844</td> <td class="atehaschool" style="background-color: #ff8866;" valign="top" width="55">#FF8866</td> <td class="atehaschool" style="background-color: #ff8888;" valign="top" width="55">#FF8888</td> <td class="atehaschool" style="background-color: #ff88aa;" valign="top" width="55">#FF88AA</td> <td class="atehaschool" style="background-color: #ff88cc;" valign="top" width="55">#FF88CC</td> <td class="atehaschool" style="background-color: #ff88ee;" valign="top" width="55">#FF88EE</td> <td class="atehaschool" style="background-color: #ff88ff;" valign="top" width="55">#FF88FF</td></tr> <tr><td class="atehaschool" style="background-color: #ffaa00;" valign="top" width="55">#FFAA00</td> <td class="atehaschool" style="background-color: #ffaa22;" valign="top" width="55">#FFAA22</td> <td class="atehaschool" style="background-color: #ffaa44;" valign="top" width="55">#FFAA44</td> <td class="atehaschool" style="background-color: #ffaa66;" valign="top" width="55">#FFAA66</td> <td class="atehaschool" style="background-color: #ffaa88;" valign="top" width="55">#FFAA88</td> <td class="atehaschool" style="background-color: #ffaaaa;" valign="top" width="55">#FFAAAA</td> <td class="atehaschool" style="background-color: #ffaacc;" valign="top" width="55">#FFAACC</td> <td class="atehaschool" style="background-color: #ffaaee;" valign="top" width="55">#FFAAEE</td> <td class="atehaschool" style="background-color: #ffaaff;" valign="top" width="55">#FFAAFF</td></tr> <tr><td class="atehaschool" style="background-color: #ffbb00;" valign="top" width="55">#FFBB00</td> <td class="atehaschool" style="background-color: #ffbb22;" valign="top" width="55">#FFBB22</td> <td class="atehaschool" style="background-color: #ffbb44;" valign="top" width="55">#FFBB44</td> <td class="atehaschool" style="background-color: #ffbb66;" valign="top" width="55">#FFBB66</td> <td class="atehaschool" style="background-color: #ffbb88;" valign="top" width="55">#FFBB88</td> <td class="atehaschool" style="background-color: #ffbbaa;" valign="top" width="55">#FFBBAA</td> <td class="atehaschool" style="background-color: #ffbbcc;" valign="top" width="55">#FFBBCC</td> <td class="atehaschool" style="background-color: #ffbbee;" valign="top" width="55">#FFBBEE</td> <td class="atehaschool" style="background-color: #ffbbff;" valign="top" width="55">#FFBBFF</td></tr> <tr><td class="atehaschool" style="background-color: #ffcc00;" valign="top" width="55">#FFCC00</td> <td class="atehaschool" style="background-color: #ffcc22;" valign="top" width="55">#FFCC22</td> <td class="atehaschool" style="background-color: #ffcc44;" valign="top" width="55">#FFCC44</td> <td class="atehaschool" style="background-color: #ffcc66;" valign="top" width="55">#FFCC66</td> <td class="atehaschool" style="background-color: #ffcc88;" valign="top" width="55">#FFCC88</td> <td class="atehaschool" style="background-color: #ffccaa;" valign="top" width="55">#FFCCAA</td> <td class="atehaschool" style="background-color: #ffcccc;" valign="top" width="55">#FFCCCC</td> <td class="atehaschool" style="background-color: #ffccee;" valign="top" width="55">#FFCCEE</td> <td class="atehaschool" style="background-color: #ffccff;" valign="top" width="55">#FFCCFF</td></tr> <tr><td class="atehaschool" style="background-color: #ffdd00;" valign="top" width="55">#FFDD00</td> <td class="atehaschool" style="background-color: #ffdd22;" valign="top" width="55">#FFDD22</td> <td class="atehaschool" style="background-color: #ffdd44;" valign="top" width="55">#FFDD44</td> <td class="atehaschool" style="background-color: #ffdd66;" valign="top" width="55">#FFDD66</td> <td class="atehaschool" style="background-color: #ffdd88;" valign="top" width="55">#FFDD88</td> <td class="atehaschool" style="background-color: #ffddaa;" valign="top" width="55">#FFDDAA</td> <td class="atehaschool" style="background-color: #ffddcc;" valign="top" width="55">#FFDDCC</td> <td class="atehaschool" style="background-color: #ffddee;" valign="top" width="55">#FFDDEE</td> <td class="atehaschool" style="background-color: #ffddff;" valign="top" width="55">#FFDDFF</td></tr> <tr><td class="atehaschool" style="background-color: #ffee00;" valign="top" width="55">#FFEE00</td> <td class="atehaschool" style="background-color: #ffee22;" valign="top" width="55">#FFEE22</td> <td class="atehaschool" style="background-color: #ffee44;" valign="top" width="55">#FFEE44</td> <td class="atehaschool" style="background-color: #ffee66;" valign="top" width="55">#FFEE66</td> <td class="atehaschool" style="background-color: #ffee88;" valign="top" width="55">#FFEE88</td> <td class="atehaschool" style="background-color: #ffeeaa;" valign="top" width="55">#FFEEAA</td> <td class="atehaschool" style="background-color: #ffeecc;" valign="top" width="55">#FFEECC</td> <td class="atehaschool" style="background-color: #ffeeee;" valign="top" width="55">#FFEEEE</td> <td class="atehaschool" style="background-color: #ffeeff;" valign="top" width="55">#FFEEFF</td></tr> <tr><td class="atehaschool" style="background-color: yellow;" valign="top" width="55">#FFFF00</td> <td class="atehaschool" style="background-color: #ffff22;" valign="top" width="55">#FFFF22</td> <td class="atehaschool" style="background-color: #ffff44;" valign="top" width="55">#FFFF44</td> <td class="atehaschool" style="background-color: #ffff66;" valign="top" width="55">#FFFF66</td> <td class="atehaschool" style="background-color: #ffff88;" valign="top" width="55">#FFFF88</td> <td class="atehaschool" style="background-color: #ffffaa;" valign="top" width="55">#FFFFAA</td> <td class="atehaschool" style="background-color: #ffffcc;" valign="top" width="55">#FFFFCC</td> <td class="atehaschool" style="background-color: #ffffee;" valign="top" width="55">#FFFFEE</td> <td class="atehaschool" style="background-color: white;" valign="top" width="55">#FFFFFF</td></tr> </tbody></table> </div> </center> <br /> Selain table diatas, dibawah ini merupakan kumpulan macam-macam kode warna CSS dari urutan warna gelap ke warna cerah. Hal ini untuk mempermudah sobat AtehaSchool yang membutuhkan kecerahan warna tertentu. Hanya dengan melihat daftar kode warna yang telah disediakan dalam tabel dibawah ini.<br /> <br /> <b>KODE WARNA CSS DARI WARNA GELAP KE CERAH</b><br /> <br /> <center> <div style="overflow: auto;"> <table border="1" cellpadding="5" cellspacing="1" class="atehaschool" href="htttp://atehaschool.blogspot.com" style="text-align: center;"> <tbody> <tr><td class="atehaschool" colspan="9" style="background-color: #000033; color: white; text-align: center;" valign="top">TABEL URUTAN KODE WARNA CSS DARI GELAP KE CERAH</td></tr> <tr style="color: white;"><td class="atehaschool" colspan="7" style="background-color: black;" valign="top">#000000</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #050000;" valign="top" width="55">#050000</td> <td class="atehaschool" style="background-color: #000500;" valign="top" width="55">#000500</td> <td class="atehaschool" style="background-color: #000005;" valign="top" width="55">#000005</td> <td class="atehaschool" style="background-color: #050500;" valign="top" width="55">#050500</td> <td class="atehaschool" style="background-color: #000505;" valign="top" width="55">#000505</td> <td class="atehaschool" style="background-color: #050005;" valign="top" width="55">#050005</td><td class="atehaschool" style="background-color: #050505;" valign="top" width="55">#050505</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #110000;" valign="top" width="55">#110000</td> <td class="atehaschool" style="background-color: #001100;" valign="top" width="55">#001100</td> <td class="atehaschool" style="background-color: #000011;" valign="top" width="55">#000011</td> <td class="atehaschool" style="background-color: #111100;" valign="top" width="55">#111100</td> <td class="atehaschool" style="background-color: #001111;" valign="top" width="55">#001111</td> <td class="atehaschool" style="background-color: #110011;" valign="top" width="55">#110011</td><td class="atehaschool" style="background-color: #111111;" valign="top" width="55">#111111</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #160000;" valign="top" width="55">#160000</td> <td class="atehaschool" style="background-color: #001600;" valign="top" width="55">#001600</td> <td class="atehaschool" style="background-color: #000016;" valign="top" width="55">#000016</td> <td class="atehaschool" style="background-color: #161600;" valign="top" width="55">#161600</td> <td class="atehaschool" style="background-color: #001616;" valign="top" width="55">#001616</td> <td class="atehaschool" style="background-color: #160016;" valign="top" width="55">#160016</td><td class="atehaschool" style="background-color: #161616;" valign="top" width="55">#161616</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #210000;" valign="top" width="55">#210000</td> <td class="atehaschool" style="background-color: #002100;" valign="top" width="55">#002100</td> <td class="atehaschool" style="background-color: #000021;" valign="top" width="55">#000021</td> <td class="atehaschool" style="background-color: #212100;" valign="top" width="55">#212100</td> <td class="atehaschool" style="background-color: #002121;" valign="top" width="55">#002121</td> <td class="atehaschool" style="background-color: #210021;" valign="top" width="55">#210021</td><td class="atehaschool" style="background-color: #212121;" valign="top" width="55">#212121</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #260000;" valign="top" width="55">#260000</td> <td class="atehaschool" style="background-color: #002600;" valign="top" width="55">#002600</td> <td class="atehaschool" style="background-color: #000026;" valign="top" width="55">#000026</td> <td class="atehaschool" style="background-color: #262600;" valign="top" width="55">#262600</td> <td class="atehaschool" style="background-color: #002626;" valign="top" width="55">#002626</td> <td class="atehaschool" style="background-color: #260026;" valign="top" width="55">#260026</td><td class="atehaschool" style="background-color: #262626;" valign="top" width="55">#262626</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #310000;" valign="top" width="55">#310000</td> <td class="atehaschool" style="background-color: #003100;" valign="top" width="55">#003100</td> <td class="atehaschool" style="background-color: #000031;" valign="top" width="55">#000031</td> <td class="atehaschool" style="background-color: #313100;" valign="top" width="55">#313100</td> <td class="atehaschool" style="background-color: #003131;" valign="top" width="55">#003131</td> <td class="atehaschool" style="background-color: #310031;" valign="top" width="55">#310031</td><td class="atehaschool" style="background-color: #313131;" valign="top" width="55">#313131</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #360000;" valign="top" width="55">#360000</td> <td class="atehaschool" style="background-color: #003600;" valign="top" width="55">#003600</td> <td class="atehaschool" style="background-color: #000036;" valign="top" width="55">#000036</td> <td class="atehaschool" style="background-color: #363600;" valign="top" width="55">#363600</td> <td class="atehaschool" style="background-color: #003636;" valign="top" width="55">#003636</td> <td class="atehaschool" style="background-color: #360036;" valign="top" width="55">#360036</td><td class="atehaschool" style="background-color: #363636;" valign="top" width="55">#363636</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #410000;" valign="top" width="55">#410000</td> <td class="atehaschool" style="background-color: #004100;" valign="top" width="55">#004100</td> <td class="atehaschool" style="background-color: #000041;" valign="top" width="55">#000041</td> <td class="atehaschool" style="background-color: #414100;" valign="top" width="55">#414100</td> <td class="atehaschool" style="background-color: #004141;" valign="top" width="55">#004141</td> <td class="atehaschool" style="background-color: #410041;" valign="top" width="55">#410041</td><td class="atehaschool" style="background-color: #414141;" valign="top" width="55">#414141</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #460000;" valign="top" width="55">#460000</td> <td class="atehaschool" style="background-color: #004600;" valign="top" width="55">#004600</td> <td class="atehaschool" style="background-color: #000046;" valign="top" width="55">#000046</td> <td class="atehaschool" style="background-color: #464600;" valign="top" width="55">#464600</td> <td class="atehaschool" style="background-color: #004646;" valign="top" width="55">#004646</td> <td class="atehaschool" style="background-color: #460046;" valign="top" width="55">#460046</td><td class="atehaschool" style="background-color: #464646;" valign="top" width="55">#464646</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #510000;" valign="top" width="55">#510000</td> <td class="atehaschool" style="background-color: #005100;" valign="top" width="55">#005100</td> <td class="atehaschool" style="background-color: #000051;" valign="top" width="55">#000051</td> <td class="atehaschool" style="background-color: #515100;" valign="top" width="55">#515100</td> <td class="atehaschool" style="background-color: #005151;" valign="top" width="55">#005151</td> <td class="atehaschool" style="background-color: #510051;" valign="top" width="55">#510051</td><td class="atehaschool" style="background-color: #515151;" valign="top" width="55">#515151</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #560000;" valign="top" width="55">#560000</td> <td class="atehaschool" style="background-color: #005600;" valign="top" width="55">#005600</td> <td class="atehaschool" style="background-color: #000056;" valign="top" width="55">#000056</td> <td class="atehaschool" style="background-color: #565600;" valign="top" width="55">#565600</td> <td class="atehaschool" style="background-color: #005656;" valign="top" width="55">#005656</td> <td class="atehaschool" style="background-color: #560056;" valign="top" width="55">#560056</td><td class="atehaschool" style="background-color: #565656;" valign="top" width="55">#565656</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #610000;" valign="top" width="55">#610000</td> <td class="atehaschool" style="background-color: #006100;" valign="top" width="55">#006100</td> <td class="atehaschool" style="background-color: #000061;" valign="top" width="55">#000061</td> <td class="atehaschool" style="background-color: #616100;" valign="top" width="55">#616100</td> <td class="atehaschool" style="background-color: #006161;" valign="top" width="55">#006161</td> <td class="atehaschool" style="background-color: #610061;" valign="top" width="55">#610061</td><td class="atehaschool" style="background-color: #616161;" valign="top" width="55">#616161</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #660000;" valign="top" width="55">#660000</td> <td class="atehaschool" style="background-color: #006600;" valign="top" width="55">#006600</td> <td class="atehaschool" style="background-color: #000066;" valign="top" width="55">#000066</td> <td class="atehaschool" style="background-color: #666600;" valign="top" width="55">#666600</td> <td class="atehaschool" style="background-color: #006666;" valign="top" width="55">#006666</td> <td class="atehaschool" style="background-color: #660066;" valign="top" width="55">#660066</td><td class="atehaschool" style="background-color: #666666;" valign="top" width="55">#666666</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #710000;" valign="top" width="55">#710000</td> <td class="atehaschool" style="background-color: #007100;" valign="top" width="55">#007100</td> <td class="atehaschool" style="background-color: #000071;" valign="top" width="55">#000071</td> <td class="atehaschool" style="background-color: #717100;" valign="top" width="55">#717100</td> <td class="atehaschool" style="background-color: #007171;" valign="top" width="55">#007171</td> <td class="atehaschool" style="background-color: #710071;" valign="top" width="55">#710071</td><td class="atehaschool" style="background-color: #717171;" valign="top" width="55">#717171</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #760000;" valign="top" width="55">#760000</td> <td class="atehaschool" style="background-color: #007600;" valign="top" width="55">#007600</td> <td class="atehaschool" style="background-color: #000076;" valign="top" width="55">#000076</td> <td class="atehaschool" style="background-color: #767600;" valign="top" width="55">#767600</td> <td class="atehaschool" style="background-color: #007676;" valign="top" width="55">#007676</td> <td class="atehaschool" style="background-color: #760076;" valign="top" width="55">#760076</td><td class="atehaschool" style="background-color: #767676;" valign="top" width="55">#767676</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #810000;" valign="top" width="55">#810000</td> <td class="atehaschool" style="background-color: #008100;" valign="top" width="55">#008100</td> <td class="atehaschool" style="background-color: #000081;" valign="top" width="55">#000081</td> <td class="atehaschool" style="background-color: #818100;" valign="top" width="55">#818100</td> <td class="atehaschool" style="background-color: #008181;" valign="top" width="55">#008181</td> <td class="atehaschool" style="background-color: #810081;" valign="top" width="55">#810081</td><td class="atehaschool" style="background-color: #818181;" valign="top" width="55">#818181</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #860000;" valign="top" width="55">#860000</td> <td class="atehaschool" style="background-color: #008600;" valign="top" width="55">#008600</td> <td class="atehaschool" style="background-color: #000086;" valign="top" width="55">#000086</td> <td class="atehaschool" style="background-color: #868600;" valign="top" width="55">#868600</td> <td class="atehaschool" style="background-color: #008686;" valign="top" width="55">#008686</td> <td class="atehaschool" style="background-color: #860086;" valign="top" width="55">#860086</td><td class="atehaschool" style="background-color: #868686;" valign="top" width="55">#868686</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #910000;" valign="top" width="55">#910000</td> <td class="atehaschool" style="background-color: #009100;" valign="top" width="55">#009100</td> <td class="atehaschool" style="background-color: #000091;" valign="top" width="55">#000091</td> <td class="atehaschool" style="background-color: #919100;" valign="top" width="55">#919100</td> <td class="atehaschool" style="background-color: #009191;" valign="top" width="55">#009191</td> <td class="atehaschool" style="background-color: #910091;" valign="top" width="55">#910091</td><td class="atehaschool" style="background-color: #919191;" valign="top" width="55">#919191</td> </tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #960000;" valign="top" width="55">#960000</td> <td class="atehaschool" style="background-color: #009600;" valign="top" width="55">#009600</td> <td class="atehaschool" style="background-color: #000096;" valign="top" width="55">#000096</td> <td class="atehaschool" style="background-color: #969600;" valign="top" width="55">#969600</td> <td class="atehaschool" style="background-color: #009696;" valign="top" width="55">#009696</td> <td class="atehaschool" style="background-color: #960096;" valign="top" width="55">#960096</td><td class="atehaschool" style="background-color: #969696;" valign="top" width="55">#969696</td></tr> <tr style="color: white;"><td class="atehaschool" style="background-color: #a10000;" valign="top" width="55">#A10000</td> <td class="atehaschool" style="background-color: #00a100;" valign="top" width="55">#00A100</td> <td class="atehaschool" style="background-color: #0000a1;" valign="top" width="55">#0000A1</td> <td class="atehaschool" style="background-color: #a1a100;" valign="top" width="55">#A1A100</td> <td class="atehaschool" style="background-color: #00a1a1;" valign="top" width="55">#00A1A1</td> <td class="atehaschool" style="background-color: #a100a1;" valign="top" width="55">#A100A1</td><td class="atehaschool" style="background-color: #a1a1a1;" valign="top" width="55">#A1A1A1</td> </tr> <tr><td class="atehaschool" style="background-color: #a60000; color: white;" valign="top" width="55">#A60000</td> <td class="atehaschool" style="background-color: #00a600; color: white;" valign="top" width="55">#00A600</td> <td class="atehaschool" style="background-color: #0000a6; color: white;" valign="top" width="55">#0000A6</td> <td class="atehaschool" style="background-color: #a6a600;" valign="top" width="55">#A6A600</td> <td class="atehaschool" style="background-color: #00a6a6; color: white;" valign="top" width="55">#00A6A6</td> <td class="atehaschool" style="background-color: #a600a6; color: white;" valign="top" width="55">#A600A6</td><td class="atehaschool" style="background-color: #a6a6a6;" valign="top" width="55">#A6A6A6</td> </tr> <tr><td class="atehaschool" style="background-color: #b10000; color: white;" valign="top" width="55">#B10000</td> <td class="atehaschool" style="background-color: #00b100; color: white;" valign="top" width="55">#00B100</td> <td class="atehaschool" style="background-color: #0000b1; color: white;" valign="top" width="55">#0000B1</td> <td class="atehaschool" style="background-color: #b1b100;" valign="top" width="55">#B1B100</td> <td class="atehaschool" style="background-color: #00b1b1; color: white;" valign="top" width="55">#00B1B1</td> <td class="atehaschool" style="background-color: #b100b1; color: white;" valign="top" width="55">#B100B1</td><td class="atehaschool" style="background-color: #b1b1b1;" valign="top" width="55">#B1B1B1</td> </tr> <tr><td class="atehaschool" style="background-color: #b60000; color: white;" valign="top" width="55">#B60000</td> <td class="atehaschool" style="background-color: #00b600; color: white;" valign="top" width="55">#00B600</td> <td class="atehaschool" style="background-color: #0000b6; color: white;" valign="top" width="55">#0000B6</td> <td class="atehaschool" style="background-color: #b6b600;" valign="top" width="55">#B6B600</td> <td class="atehaschool" style="background-color: #00b6b6; color: white;" valign="top" width="55">#00B6B6</td> <td class="atehaschool" style="background-color: #b600b6; color: white;" valign="top" width="55">#B600B6</td><td class="atehaschool" style="background-color: #b6b6b6;" valign="top" width="55">#B6B6B6</td></tr> <tr><td class="atehaschool" style="background-color: #c10000; color: white;" valign="top" width="55">#C10000</td> <td class="atehaschool" style="background-color: #00c100; color: white;" valign="top" width="55">#00C100</td> <td class="atehaschool" style="background-color: #0000c1; color: white;" valign="top" width="55">#0000C1</td> <td class="atehaschool" style="background-color: #c1c100;" valign="top" width="55">#C1C100</td> <td class="atehaschool" style="background-color: #00c1c1; color: white;" valign="top" width="55">#00C1C1</td> <td class="atehaschool" style="background-color: #c100c1; color: white;" valign="top" width="55">#C100C1</td><td class="atehaschool" style="background-color: #c1c1c1;" valign="top" width="55">#C1C1C1</td> </tr> <tr><td class="atehaschool" style="background-color: #c60000; color: white;" valign="top" width="55">#C60000</td> <td class="atehaschool" style="background-color: #00c600; color: white;" valign="top" width="55">#00C600</td> <td class="atehaschool" style="background-color: #0000c6; color: white;" valign="top" width="55">#0000C6</td> <td class="atehaschool" style="background-color: #c6c600;" valign="top" width="55">#C6C600</td> <td class="atehaschool" style="background-color: #00c6c6; color: white;" valign="top" width="55">#00C6C6</td> <td class="atehaschool" style="background-color: #c600c6; color: white;" valign="top" width="55">#C600C6</td><td class="atehaschool" style="background-color: #c6c6c6;" valign="top" width="55">#C6C6C6</td> </tr> <tr><td class="atehaschool" style="background-color: #d10000; color: white;" valign="top" width="55">#D10000</td> <td class="atehaschool" style="background-color: #00d100; color: white;" valign="top" width="55">#00D100</td> <td class="atehaschool" style="background-color: #0000d1; color: white;" valign="top" width="55">#0000D1</td> <td class="atehaschool" style="background-color: #d1d100;" valign="top" width="55">#D1D100</td> <td class="atehaschool" style="background-color: #00d1d1; color: white;" valign="top" width="55">#00D1D1</td> <td class="atehaschool" style="background-color: #d100d1; color: white;" valign="top" width="55">#D100D1</td><td class="atehaschool" style="background-color: #d1d1d1;" valign="top" width="55">#D1D1D1</td> </tr> <tr><td class="atehaschool" style="background-color: #d60000; color: white;" valign="top" width="55">#D60000</td> <td class="atehaschool" style="background-color: #00d600; color: white;" valign="top" width="55">#00D600</td> <td class="atehaschool" style="background-color: #0000d6; color: white;" valign="top" width="55">#0000D6</td> <td class="atehaschool" style="background-color: #d6d600;" valign="top" width="55">#D6D600</td> <td class="atehaschool" style="background-color: #00d6d6; color: white;" valign="top" width="55">#00D6D6</td> <td class="atehaschool" style="background-color: #d600d6; color: white;" valign="top" width="55">#D600D6</td><td class="atehaschool" style="background-color: #d6d6d6;" valign="top" width="55">#D6D6D6</td> </tr> <tr><td class="atehaschool" style="background-color: #e10000; color: white;" valign="top" width="55">#E10000</td> <td class="atehaschool" style="background-color: #00e100; color: white;" valign="top" width="55">#00E100</td> <td class="atehaschool" style="background-color: #0000e1; color: white;" valign="top" width="55">#0000E1</td> <td class="atehaschool" style="background-color: #e1e100;" valign="top" width="55">#E1E100</td> <td class="atehaschool" style="background-color: #00e1e1; color: white;" valign="top" width="55">#00E1E1</td> <td class="atehaschool" style="background-color: #e100e1; color: white;" valign="top" width="55">#E100E1</td><td class="atehaschool" style="background-color: #e1e1e1;" valign="top" width="55">#E1E1E1</td> </tr> <tr><td class="atehaschool" style="background-color: #e60000; color: white;" valign="top" width="55">#E60000</td> <td class="atehaschool" style="background-color: #00e600; color: white;" valign="top" width="55">#00E600</td> <td class="atehaschool" style="background-color: #0000e6; color: white;" valign="top" width="55">#0000E6</td> <td class="atehaschool" style="background-color: #e6e600;" valign="top" width="55">#E6E600</td> <td class="atehaschool" style="background-color: #00e6e6; color: white;" valign="top" width="55">#00E6E6</td> <td class="atehaschool" style="background-color: #e600e6; color: white;" valign="top" width="55">#E600E6</td><td class="atehaschool" style="background-color: #e6e6e6;" valign="top" width="55">#E6E6E6</td> </tr> <tr><td class="atehaschool" style="background-color: #f10000; color: white;" valign="top" width="55">#F10000</td> <td class="atehaschool" style="background-color: #00f100; color: white;" valign="top" width="55">#00F100</td> <td class="atehaschool" style="background-color: #0000f1; color: white;" valign="top" width="55">#0000F1</td> <td class="atehaschool" style="background-color: #f1f100;" valign="top" width="55">#F1F100</td> <td class="atehaschool" style="background-color: #00f1f1; color: white;" valign="top" width="55">#00F1F1</td> <td class="atehaschool" style="background-color: #f100f1; color: white;" valign="top" width="55">#F100F1</td><td class="atehaschool" style="background-color: #f1f1f1;" valign="top" width="55">#F1F1F1</td> </tr> <tr><td class="atehaschool" style="background-color: #f60000; color: white;" valign="top" width="55">#F60000</td> <td class="atehaschool" style="background-color: #00f600; color: white;" valign="top" width="55">#00F600</td> <td class="atehaschool" style="background-color: #0000f6; color: white;" valign="top" width="55">#0000F6</td> <td class="atehaschool" style="background-color: #f6f600;" valign="top" width="55">#F6F600</td> <td class="atehaschool" style="background-color: #00f6f6; color: white;" valign="top" width="55">#00F6F6</td> <td class="atehaschool" style="background-color: #f600f6; color: white;" valign="top" width="55">#F600F6</td><td class="atehaschool" style="background-color: #f6f6f6;" valign="top" width="55">#F6F6F6</td> </tr> <tr><td class="atehaschool" style="background-color: #fa0000; color: white;" valign="top" width="55">#FA0000</td> <td class="atehaschool" style="background-color: #00fa00; color: white;" valign="top" width="55">#00FA00</td> <td class="atehaschool" style="background-color: #0000fa; color: white;" valign="top" width="55">#0000FA</td> <td class="atehaschool" style="background-color: #fafa00;" valign="top" width="55">#FAFA00</td> <td class="atehaschool" style="background-color: #00fafa; color: white;" valign="top" width="55">#00FAFA</td> <td class="atehaschool" style="background-color: #fa00fa; color: white;" valign="top" width="55">#FA00FA</td><td class="atehaschool" style="background-color: #fafafa;" valign="top" width="55">#FAFAFA</td> </tr> <tr><td class="atehaschool" style="background-color: #fb0000; color: white;" valign="top" width="55">#FB0000</td> <td class="atehaschool" style="background-color: #00fb00; color: white;" valign="top" width="55">#00FB00</td> <td class="atehaschool" style="background-color: #0000fb; color: white;" valign="top" width="55">#0000FB</td> <td class="atehaschool" style="background-color: #fbfb00;" valign="top" width="55">#FBFB00</td> <td class="atehaschool" style="background-color: #00fbfb; color: white;" valign="top" width="55">#00FBFB</td> <td class="atehaschool" style="background-color: #fb00fb; color: white;" valign="top" width="55">#FB00FB</td><td class="atehaschool" style="background-color: #fbfbfb;" valign="top" width="55">#FBFBFB</td> </tr> <tr><td class="atehaschool" style="background-color: #fc0000; color: white;" valign="top" width="55">#FC0000</td> <td class="atehaschool" style="background-color: #00fc00; color: white;" valign="top" width="55">#00FC00</td> <td class="atehaschool" style="background-color: #0000fc; color: white;" valign="top" width="55">#0000FC</td> <td class="atehaschool" style="background-color: #fcfc00;" valign="top" width="55">#FCFC00</td> <td class="atehaschool" style="background-color: #00fcfc; color: white;" valign="top" width="55">#00FCFC</td> <td class="atehaschool" style="background-color: #fc00fc; color: white;" valign="top" width="55">#FC00FC</td><td class="atehaschool" style="background-color: #fcfcfc;" valign="top" width="55">#FCFCFC</td> </tr> <tr><td class="atehaschool" style="background-color: #fd0000; color: white;" valign="top" width="55">#FD0000</td> <td class="atehaschool" style="background-color: #00fd00; color: white;" valign="top" width="55">#00FD00</td> <td class="atehaschool" style="background-color: #0000fd; color: white;" valign="top" width="55">#0000FD</td> <td class="atehaschool" style="background-color: #fdfd00;" valign="top" width="55">#FDFD00</td> <td class="atehaschool" style="background-color: #00fdfd; color: white;" valign="top" width="55">#00FDFD</td> <td class="atehaschool" style="background-color: #fd00fd; color: white;" valign="top" width="55">#FD00FD</td><td class="atehaschool" style="background-color: #fdfdfd;" valign="top" width="55">#FDFDFD</td> </tr> <tr><td class="atehaschool" style="background-color: #fe0000; color: white;" valign="top" width="55">#FE0000</td> <td class="atehaschool" style="background-color: #00fe00; color: white;" valign="top" width="55">#00FE00</td> <td class="atehaschool" style="background-color: #0000fe; color: white;" valign="top" width="55">#0000FE</td> <td class="atehaschool" style="background-color: #fefe00;" valign="top" width="55">#FEFE00</td> <td class="atehaschool" style="background-color: #00fefe; color: white;" valign="top" width="55">#00FEFE</td> <td class="atehaschool" style="background-color: #fe00fe; color: white;" valign="top" width="55">#FE00FE</td><td class="atehaschool" style="background-color: #fefefe;" valign="top" width="55">#FEFEFE</td> </tr> <tr><td class="atehaschool" style="background-color: red; color: white;" valign="top" width="55">#FF0000</td> <td class="atehaschool" style="background-color: lime; color: white;" valign="top" width="55">#00FF00</td> <td class="atehaschool" style="background-color: blue; color: white;" valign="top" width="55">#0000FF</td> <td class="atehaschool" style="background-color: yellow;" valign="top" width="55">#FFFF00</td> <td class="atehaschool" style="background-color: cyan; color: white;" valign="top" width="55">#00FFFF</td> <td class="atehaschool" style="background-color: magenta; color: white;" valign="top" width="55">#FF00FF</td><td class="atehaschool" style="background-color: white;" valign="top" width="55">#FFFFFF</td> </tr> </tbody></table> </div> </center> <br /> Mungkin sobat AtehaSchool masih ada sebagian yang belum hafal dari bermacam-macam kode warna tersebut. sobat bisa menyimpan artikel kumpulan macam-macam&nbsp; kode warna ini kedalam BOOKMARK <b>(tekan tombol pada keyboard CTRL+D kemudian klik DONE)</b> agar lebih mudah saat membutuhkan kode warna.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3240382313456177553.post-42724395059367692072015-11-06T23:20:00.001+07:002015-11-06T23:20:09.720+07:00Cara Mudah Mengembalikan File Postingan Yang Kehapus Dengan SempurnaTutorial Blog - Mengembalikan file postingan blog yang kehapus, sebenarnya banyak cara yang kita lakukan dengan praktis dan sempurna . &nbsp;Hanya dengan hitungan detik file postingan yang hilang dapat ditarik kembali seutuhnya. Kita tidak akan repot-repot menginstal aplikasi khusus untuk menarik / mengembalikan file postingan yang hilang tersebut.<br /> <br /> Bagaimana cara mengembalikan file postingan yang terhapus secara disengaja maupun tidak disengaja?<br /> <br /> Sudah pasti pertanyaan tersebut muncul dalam benak sobat yang sedang mencari sebuah informasi. Atehaschool akan memberikan solusi tepat mengatasi hal semacam ini.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcW1CCfXM4l5KZru0zAva9zXsv3Jf5voMSE5itjFLQOgDrdaFgKmAMoBtni-5hfRYDQki2TjklVYgK86NnYfqukrvSn8fytcG71REZu9RvhAoWlvzQ46ogiCNg2xJbHHKzgmMRCsh4mdzC/s1600/kehapus.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcW1CCfXM4l5KZru0zAva9zXsv3Jf5voMSE5itjFLQOgDrdaFgKmAMoBtni-5hfRYDQki2TjklVYgK86NnYfqukrvSn8fytcG71REZu9RvhAoWlvzQ46ogiCNg2xJbHHKzgmMRCsh4mdzC/s1600/kehapus.png" /></a></div> <br /> Walaupun sudah banyak blog yang membahas cara mudah mengembalikan file postingan yang terhapus. Tetapi tidak ada salahnya AtehaSchool juga ingin membagikan pengalaman penulis bagi sahabat-sahabat AtehaSchool.<br /> <br /> Kehilangan file postingan yang telah kita tulis sendiri tanpa mengcopy dengan jerih payah tiba-tiba kehapus. Hal seperti ini memang membuat kita terasa cemas, bingung dan sedih menjadi satu.<br /> <br /> <br /> Mungkin masih ada sekian banyak sobat yang kesulitan mengembalikan file postingan yang terhapus. Mari kita perhatikan dengan seksama langkah-langkahnya. Mengembalikan file postingan yang hilang, dapat memanfaatkan menu CACHE dari produk google melalui browser yang ada pada laptop atau PC (personal computer) milik sobat.<br /> <br /> Google saat ini memang memanjakan para developer blog dengan melengkapi pelayanannya lebih mudah. Dengan pelayanan yang lengkap sudah tentu pengunjung merasa sangat nyaman.<br /> <br /> <div style="border-bottom: 1px solid red; border-left: 10px solid red; border-right: 10px solid red; border-top: 1px solid red; padding: 6px; text-align: center;"> <b>Cara Mengbalikan File Postingan Yang Terhapus</b></div> <br /> <ol> <li>Masukkan keyword postingan blog sobat yang diikuti dengan judul blog sobat pada mesin pencarian google.&nbsp; <br /> <br /> Misalnya judul postingan sobat " <a href="http://atehaschool.blogspot.com/2015/11/cara-membuat-efek-bayangan-atau-shadow_5.html">Cara Membuat Efek Bayangan Atau Shadow Effect Dengan Mudah</a>&nbsp;" dan judul blog "AtehaSchool". Maka kita tulis "<span style="color: red;">Cara Membuat Efek Bayangan Atau Shadow Effect Dengan Mudah </span><span style="color: blue;">Atehaschool</span>" (tanpa tanda kutip ").<br /> <br /> <br /> </li> <li>Klik tanda mata panah disebelah kanan url posting yang sobat cari, kemudian pilih/klik CACHE. Agar lebih jelas lihat pada gambar dibawah ini. <br /> <br /><div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH4W2tMLAtufBOMyLroDuLuW5TVkS4fqkXggn38dkstAx9MG45W2uOlcklnuqiBhlEaM6qhZikkcWAINDGtpO_L_WttFbZ5jdGp1MGpiiZPJ5Ax3SWKNYxBblew7QD5VMm_2t5CVH12vhZ/s1600/cache.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH4W2tMLAtufBOMyLroDuLuW5TVkS4fqkXggn38dkstAx9MG45W2uOlcklnuqiBhlEaM6qhZikkcWAINDGtpO_L_WttFbZ5jdGp1MGpiiZPJ5Ax3SWKNYxBblew7QD5VMm_2t5CVH12vhZ/s320/cache.png" width="400" /></a></div> <br /> <br /> <br /> </li> <li>Selajutnya akan diberikan informasi &nbsp;mengenai waktu tanggal posting saat dipublikasikan serta tampilan laman cache postingan. <br /> <br /><br /><div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij-bmpXZVE8eb96QyxaFaL5tHqtBNV_TMHzn6J9IAwPcYi8ckNOIheXtdejdJD93MhyF1EzVZjL_nOIQVEKSvI3GA2Mh267BXSfQkn39XdgF-1occRya8LFOmFeqKhldKZLYwfjc3Gr1SZ/s1600/cache2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij-bmpXZVE8eb96QyxaFaL5tHqtBNV_TMHzn6J9IAwPcYi8ckNOIheXtdejdJD93MhyF1EzVZjL_nOIQVEKSvI3GA2Mh267BXSfQkn39XdgF-1occRya8LFOmFeqKhldKZLYwfjc3Gr1SZ/s400/cache2.png" width="400" /></a></div> <br /> <br /> </li> <li>Block artikel postingan kemudian copy paste-kan ke entri baru, atur ulang tampilan yang sesuai selera sobat dan publikasikan ulang artikel tersebut. <br /> <br /> <br /> </li> <li>Tambahan!!! Apabila ingin tampilan konten artikel posting sama persis seperti semula tidak harus mengatur ulang. Dapat dilakukan dengan mengcopy artikel post melalui mode HTML source kode (CTRL + U).&nbsp; <br /> <br /> Caranya dengan menekan tombol pada keyboard CTRL + U kemudian CTRL + F .<br /> Cari kata <span style="color: red;">articlebody.&nbsp;</span><br /> <br /> Setelah ketemu copy isi konten artikel mulai dari bawah kata&nbsp;<span style="color: red;">articlebody</span>&nbsp;sampai akhir artikel.<br /> Paste atau tempelkan pada entri baru pilih mode HTML bukan COMPOSE.<br /> </li> </ol> <div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisoLFDhZ9cU4NC6UnGA2Nk9sdh86T-N9qFNs7XgGglRRxDl2MTYmCpW7iSdxckdXAgmspYWK0mzTB_l0YKgVVIn_KeKXakOES5bAxs5pUauo6McwqbHlRXQ-VKiY0keOxcjYy41wf7l-6s/s1600/source.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisoLFDhZ9cU4NC6UnGA2Nk9sdh86T-N9qFNs7XgGglRRxDl2MTYmCpW7iSdxckdXAgmspYWK0mzTB_l0YKgVVIn_KeKXakOES5bAxs5pUauo6McwqbHlRXQ-VKiY0keOxcjYy41wf7l-6s/s320/source.png" width="320" /></a></div> <br /></div> <div> Demikian tips tutorial mengembalikan file postingan yang terhapus dengan sempurna semoga bermanfaat.</div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3240382313456177553.post-72396216365395940502015-11-06T09:17:00.002+07:002016-12-10T16:17:34.735+07:00Cara Membuat Efek Bayangan Atau Shadow Effect Dengan Mudah Tutorial Blogger - &nbsp;Membuat efek bayangan terkadang juga sangat diperlukan untuk memodifikasi tampilan web / blog. Shadow effect sama halnya dengan efek bayangan atau bisa juga dikatakan dengan efek bayang-bayang. Cara membuat efek bayangan terdiri ada dua macam yaitu text-shadow dan box-shadow.<br /> <br /> Antara Text shadow dengan box shadow memiliki fungsi yang berbeda. Dimana text shadow digunakan untuk membuat efek&nbsp;bayangan pada teks. Sedangkan box shadow digunakan untuk membuat efek bayangan pada kotak / widget header, posting, dan sidebar dalam sebuah web atau blogger.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMDyamu9FyiArjmSDqfoFAWAi_6u2w-IWb_lSsAHSRXTINW_wUGjNf7ZW4bY0CmxZzXkhQE3Xdi263MQoM-YMew1HnaoeL5M8WTLohg2ZY-edSFgYhGKMZgOGGSD-fizOOvVeWUrQw95i6/s1600/border-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMDyamu9FyiArjmSDqfoFAWAi_6u2w-IWb_lSsAHSRXTINW_wUGjNf7ZW4bY0CmxZzXkhQE3Xdi263MQoM-YMew1HnaoeL5M8WTLohg2ZY-edSFgYhGKMZgOGGSD-fizOOvVeWUrQw95i6/s1600/border-1.png" /></a></div> <br /> <br /> Dalam dunia pemprograman tidak lepas kaitannya dengan text-shadow maupun box-shadow. Dua macam css tersebut sangat dibutuhkan sekali, terutama bagi sahabat yang memiliki hobby mengotak-atik tampilan web / blog.<br /> <br /> Tetapi bagaimana cara mudah membuat efek bayangan agar web/blog memiliki tampilan menarik?<br /> <br /> Nah.... mungkin pertanyaan semacam itu yang muncul dalam benak sahabat blogger pemula. Blogger pemula pasti mengalami sebuah kesulitan saat ingin membuat tampilan blog terlihat menarik. Tidak perlu khawatir dalam artikel ini akan membantu cara membuat efek bayangan serta cara penggunaannya.<br /> <br /> <div class="sj"> <b>Cara Membuat Text-Shadow Dan Box-Shadow</b> </div> <br /> Contoh Tex-shadow untuk membuat bayangan teks. Dengan menggunakan style css pada elemen &lt;div&gt;.<br /> <br /> <b>CSS TEXT-SHADOW / BAYANGAN TEKS.</b><br /> <br /> <div style="text-shadow: 3px 3px 3px;"> 1. CONTOH TEKS DENGAN EFEK BAYANGAN<br /> <br /></div> Penulisan kode CSS nya seperti dibawah ini :<br /> <br /> <blockquote class="tr_bq"> &lt;div style=" text-shadow:3px 3px 3px;"&gt;CONTOH TEKS DENGAN EFEK BAYANGAN&lt;/div&gt;</blockquote> <br /> <div style="text-shadow: 3px 3px 3px blue;"> 2. CONTOH TEKS DENGAN EFEK BAYANGAN WARNA BIRU</div> <br /> Penulisan kode CSS nya seperti dibawah ini :<br /> <br /> <blockquote class="tr_bq"> <div class="code"> &lt;div style=" text-shadow: 3px 3px 3px blue;"&gt;CONTOH TEKS DENGAN EFEK BAYANGAN WARNA BIRU&lt;/div&gt;</div> </blockquote> <div style="text-shadow: 3px 3px 6px blue;"> <br /> 3. CONTOH TEKS DENGAN EFEK BAYANGAN WARNA BIRU BLUR</div> <br /> Penulisan kode CSS nya seperti dibawah ini :<br /> <br /> <blockquote class="tr_bq"> &lt;div style=" text-shadow: 3px 3px 6px blue;"&gt;CONTOH TEKS DENGAN EFEK BAYANGAN WARNA BIRU BLUR&lt;/div&gt;</blockquote> <div style="color: red; text-shadow: 3px 3px 5px blue;"> <br /> 4. CONTOH TEKS WARNA MERAH DENGAN EFEK BAYANGAN WARNA BIRU BLUR</div> <br /> Penulisan kode CSS nya seperti dibawah ini :<br /> <br /> <blockquote class="tr_bq"> &lt;div style=" text-shadow: 3px 3px 5px blue; color:red;"&gt;CONTOH TEKS WARNA MERAH DENGAN EFEK BAYANGAN WARNA BIRU BLUR&lt;/div&gt;</blockquote> <br /> <br /> <div style="text-shadow: 0 0 6px green;"> 5. CONTOH TEKS DENGAN EFEK BAYANGAN WARNA HIJAU NEON</div> <br /> Penulisan kode CSS nya seperti dibawah ini :<br /> <br /> <blockquote class="tr_bq"> &lt;div style=" text-shadow: 0 0 6px green;"&gt;CONTOH TEKS DENGAN EFEK BAYANGAN WARNA HIJAU NEON&lt;/div&gt;</blockquote> <br /> <div style="text-shadow: 0 0 4px red, 0 0 6px blue;"> 6. CONTOH TEKS DENGAN EFEK BAYANGAN WARNA MERAH DAN BIRU NEON GLOW</div> <br /> Penulisan kode CSS nya seperti dibawah ini :<br /> <br /> <blockquote class="tr_bq"> &lt;div style=" text-shadow: 0 0 4px red, 0 0 6px blue;"&gt;CONTOH TEKS DENGAN EFEK BAYANGAN WARNA MERAH DAN BIRU NEON GLOW&lt;/div&gt;</blockquote> <br /> <br /> <div style="color: blue; text-shadow: 2px 2px 3px red, 0 0 10px blue, 0 0 4px yellow;"> 7. CONTOH TEKS WARNA BIRU DENGAN EFEK BAYANGAN WARNA MERAH, BIRU DAN KUNING</div> <br /> Penulisan kode CSS nya seperti dibawah ini :<br /> <br /> <blockquote class="tr_bq"> &lt;div style=" text-shadow: 2px 2px 3px red, 0 0 10px blue, 0 0 4px yellow; color:blue;"&gt;CONTOH TEKS DENGAN EFEK BAYANGAN WARNA MERAH, BIRU DAN KUNING&lt;/div&gt;</blockquote> <br /> INGAT!! : Untuk menulis kode css agar lebih praktis dan cepat dapat menggunakan <a href="http://atehaschool.blogspot.com/2015/11/tips-jitu-membuat-css-selector-id-dan.html">Selector CLASS ATAU ID</a>.<br /> <br /> BACA [ <a href="http://atehaschool.blogspot.com/2015/11/tips-jitu-membuat-css-selector-id-dan.html">CARA MEMBUAT SELECTOR ID DAN CLASS BESERTA CARA PENGGUNAANNYA. </a>]<br /> <br /> <br /> <b>CSS BOX-SHADOW / BAYANGAN KOTAK.</b><br /> <br /> <br /> <ol> <li>Kode CSS untuk membuat kotak dengan efek bayangan warna biru.</li> <br /> <br /> &lt;div style="box-shadow: 0 4px 8px grey; border: 1px solid brown;"&gt;Contoh Kotak Dengan Efek Bayangan Warna Biru&lt;/div&gt;<br /> <br /> Hasil tampilannya seperti dibawah ini.<br /> <br /> <div style="border: 1px solid brown; box-shadow: 0 4px 8px blue; padding: 15px;"> Contoh Kotak Dengan Efek Bayangan Warna Biru.</div> <br /> <br /> <li>Kode CSS untuk membuat kotak dengan efek bayangan sebelah kanan dan bawah warna biru.</li> <br /> &lt;div style="box-shadow: 2px 4px 8px blue; border: 1px solid brown;"&gt;Contoh Kotak Dengan Efek Bayangan Warna Biru&lt;/div&gt;<br /> <div> <br /></div> Hasil tampilannya seperti dibawah ini.<br /> <br /> <div style="border: 1px solid brown; box-shadow: 2px 4px 8px blue; padding: 15px;"> Contoh Kotak Dengan Efek Bayangan Bagian Bawah dan Kanan Warna Biru</div> <br /> <br /> <li>Kode CSS untuk membuat kotak dengan efek bayangan sebelah kanan, kiri dan bawah warna kuning.</li> <br /> &lt;div style="box-shadow: 8px 4px 1px blue; border: 1px solid brown;"&gt;Contoh Kotak Dengan Efek Bayangan Warna Kuning.&lt;/div&gt;</ol> <ol><br /> Hasil tampilannya seperti dibawah ini.<br /> <br /> <div style="border: 1px solid brown; box-shadow: 2px 8px 4px 8px yellow; padding: 15px;"> Contoh Kotak Dengan Efek Bayangan Warna Kuning.</div> </ol> <br /> <br /> Jika menginginkan membuat efek shadow dalam postingan blogger harus menggunakan format html. Cara membuatnya cukup mudah yaitu masuk terlebih dahulu ke dashboard <b><a href="http://www.blogger.com/" target="_blank">BLOGGER </a>&gt; ENTRI BARU &gt; HTML.</b><br /> <b><br /></b> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhGqDMBAX2ICufbPSwJZdQ_Zbot-xkRyT4iP0nWNgaPf0v21if1W9b0z6sLcWvbBWMsFZSI8ApY3dUmp_hW4DssEgix-tI85L-eqQJi-mdBFO2kfEdmi2hPy78hwsizv_2rWRFG8Bu1VSS/s1600/2015-10-31+23.44.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhGqDMBAX2ICufbPSwJZdQ_Zbot-xkRyT4iP0nWNgaPf0v21if1W9b0z6sLcWvbBWMsFZSI8ApY3dUmp_hW4DssEgix-tI85L-eqQJi-mdBFO2kfEdmi2hPy78hwsizv_2rWRFG8Bu1VSS/s320/2015-10-31+23.44.09.png" width="320" /></a></div> <br /> Untuk melihat tampilan sementara hasil dari kode html yang telah dibuat klik COMPOSE yang terletak disebelah kiri menu HTML. Selamat mencoba semoga berhasil. Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3240382313456177553.post-9541664395119676562015-11-03T10:15:00.000+07:002015-11-06T04:48:33.720+07:00Tips Jitu Membuat CSS Selector ID Dan Class Dengan MudahTutorial blogger - Dalam dunia blogging tidak lepas kaitannya dengan membuat style css ID maupun CLASS dalam html. Mungkin masih ada sebagian para blogger pemula yang kesulitan membuat selector class maupun id apalagi cara penggunaannya.<br /> Namun yang belum mengetahui tentang selector id dan class tidak perlu khawatir.<br /> <br /> Dalam artikel ini akan bersedia membantu mengupas pengertian id dan class. Serta cara membuat selector CLASS dan ID dalam css untuk blogger pemula dengan mudah. Dan juga disertai cara penggunaannya.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhSo1B8pgS-FnBKBurlEHE5FCWW_E09IKZD8NUNqYt0wYqLyx3OshX2BlrB6noe-b765_d49iVJBijbUw8sxuIcohy21z4msdL3e-qFZFnvFhhpCW2x5YI_Luhp_ZQJUIG6R8To1CB5DA/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhSo1B8pgS-FnBKBurlEHE5FCWW_E09IKZD8NUNqYt0wYqLyx3OshX2BlrB6noe-b765_d49iVJBijbUw8sxuIcohy21z4msdL3e-qFZFnvFhhpCW2x5YI_Luhp_ZQJUIG6R8To1CB5DA/s1600/Untitled.png" /></a></div> <br /> <br /> Selector class dan id memiliki peran cara penggunaan yang berbeda. Para blogger pemula harus lebih cermat dan tahu persis dalam membedakan selector class dan id.<br /> <br /> Sebelum memulai membuat css selector class dan id, kita harus mengetahui pengertian dan fungsinya masing-masing selector.<br /> <br /> <div style="border-bottom: 1px solid red; border-left: 10px solid red; border-right: 10px solid red; border-top: 1px solid red; padding: 6px; text-align: center;"> <b>Pengertian Serta Fungsi Selector ID Dan CLASS</b></div> <br /> <b>~ Selector ID</b> <br /> <br /> ID merupakan jenis selector yang dapat digunakan hanya untuk satu elemen / dipanggil satu kali dalam setiap tag html. <br /> <br /> Sebagai gambaran kita ambil contoh dalam dunia sekolahan lingkup kabupaten. Misalnya dalam Kabupaten ngawi terdapat beberapa nama sekolah SMAN 1 NGRAMBE, SMAN 45 NGAWI dan lain sebagainya. Nah nama &nbsp;SMAN 1 NGRAMBE tidak dapat digunakan untuk nama sekolah lain di kabupaten Ngawi karena itu merupakan sebuah ID.<br /> <br /> Perlu diingat dalam penulisan kode css id diawali dengan tanda "#" (tanpa tanda kutip).<br /> <br /> Berikut ini sobat perhatikan contoh-contoh id dan class.<br /> <br /> ~ Cara penulisan css untuk selector id.<br /> <br /> #posting {<br /> &nbsp; &nbsp;border : solid 1px red;<br /> &nbsp; &nbsp;color : blue;<br /> &nbsp; &nbsp;padding: &nbsp;10px;<br /> &nbsp; &nbsp;height: 60px;}<br /> <br /> #footer {<br /> &nbsp; &nbsp;border : solid 2px grey;<br /> &nbsp; &nbsp;color : brown;<br /> &nbsp; &nbsp;height : 50px;<br /> &nbsp; &nbsp;padding : 10px; }<br /> <br /> ~ Cara penggunaan selector id pada html.<br /> <br /> &lt;div id="posting"&gt; Tempat konten anda dalam id posting &lt;/div&gt;<br /> <br /> &lt;div id="footer"&gt; Tempat konten anda dalam id footer &lt;/div&gt;<br /> <br /> ~ Hasilnya selector ID seperti dibawah ini.<br /> <br /> <div style="border: solid 1px red; color: blue; height: 60px; padding: 20px;"> Tempat konten anda dalam id posting.<br /> Tampilannya seperti ini dengan format warna biru.</div> <br /> <div style="border: solid 2px grey; color: brown; height: 50px; padding: 10px;"> <br /> Tempat konten anda dalam id footer </div> <br /> <br /> <b>&nbsp;~ Selector CLASS</b> <br /> <b><br /></b> Class merupakan jenis selector yang dapat digunakan lebih dari satu elemen dalam setiap tag html / &nbsp;dapat digunakan secara grup. Selector class ditulis dengan awalan tanda titik (.).<br /> <br /> Misalnya "<b>class tebal</b>" dapat ditulis <b>.tebal</b>. Penamaan class dapat ditulis sesuai kesukaan sobat. Selector class &nbsp;<b>.tebal&nbsp;</b>dalam satu laman web/blog dapat digunakan untuk banyak widget header, posting, footer.<br /> <br /> ~ Penulisan CSS Selector Class<br /> <br /> .tebal { font-weight : bold; border: 2px solid green;}<br /> <br /> .brown { color:brown; border: 1px solid yellow;}<br /> <br /> <br /> ~ Cara Menggunakan Selector Class Dalam HTML.<br /> <br /> &lt;p class="tebal"&gt; Disini tempat kontennya sobat dengan format tebal dan border 2 piksel warna hijau. &lt;/p&gt;<br /> <br /> <br /> &lt;p class="brown"&gt;&nbsp;Disini tempat kontennya sobat dengan format paragrap warna coklat dan border 1 piksel warna kuning &lt;/p&gt;<br /> <br /> Hasil preview yang dari selector class seperti dibawah ini.<br /> <br /> <div style="border: 2px solid green; font-weight: bold; padding: 10px;"> Disini tempat kontennya sobat dengan format tebal dan border 2 piksel warna hijau. </div> <br /> <div style="border: 1px solid yellow; color: brown; padding: 10px;"> Disini tempat kontennya sobat dengan format paragrap warna coklat dan border 1 piksel warna kuning . </div> <br /> Demikian artikel " Tips Jitu Membuat CSS Selector ID Dan Class Dengan Mudah " semoga dapat membantu. Serta temukan artikel lainnya yang berkaitan.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3240382313456177553.post-88162123867722962452015-11-02T12:07:00.000+07:002015-11-26T19:05:52.957+07:00Cara Membuat Border Atau Garis Tepi Dalam Postingan BlogTutorial blogger - Cara membuat garis atau border di postingan blog dengan mudah, cepat dan bermacam-macam bentuk border atau garis. Border atau garis tepi memiliki bermacam-macam bentuknya. Terkadang membuat border dalam postingan blog juga membingungkan bagi pemula.<br /> <br /> Sebenarnya membuat border dalam postingan blog &nbsp;merupakan hal yang gampang untuk dilakukan. Sobat sendiri setelah membaca artikel cara membuat border di postingan blog ini akan mengalami kemudahan membuat border atau garis. Karena kode html untuk membentuk border tidaklah rumit.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-tEppBo4fb8lIfzn7juwgMV5scIl_4zyb0nf7c_VvdKFsdzjvCWYWxV__G2_O5ljqc7Qty3ASYEHTdjN5klIFsQzwlfJXyW2TAF4BFIpOMtOfFu3hXLss7lMXIaiO4febGEM4SPcuB-M/s1600/border.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-tEppBo4fb8lIfzn7juwgMV5scIl_4zyb0nf7c_VvdKFsdzjvCWYWxV__G2_O5ljqc7Qty3ASYEHTdjN5klIFsQzwlfJXyW2TAF4BFIpOMtOfFu3hXLss7lMXIaiO4febGEM4SPcuB-M/s400/border.png" width="400" /></a></div> <br /> <br /> Dalam artikel ini akan membahas cara membuat border / garis tepi dalam postingan blog dengan singkat dan mudah. Agar para pemula tidak bingung dalam mempelajari harus disertai dengan cara mempraktekkannya. Tanpa mencoba untuk mempraktekkan cara membuat border ini mungkin tidak akan cepat bisa. Maka dari itu agar cepat bisa membuat border dengan mudah harus berani mencoba, mencoba dan mencoba dengan sungguh-sungguh.<br /> <br /> Karena border memiliki bermacam-macam bentuk dan jenisnya. Maka dalam artikel ini akan menjelaskan macam-macam border atau garis tepi.<br /> <br /> Berikut ini macam-macam style kode html yang harus diperhatikan dalam membuat border dalam postingan blog.<br /> <br /> <div class="sj"> <b>Macam-macam Bentuk Border</b></div> <br /> <ol> <li>Border Dashed : type border ini berbentuk garis putus-putus.</li> <li>Border Dotted : type border dotted ini berbentuk garis titik-titik.</li> <li>Border Double : bentuk dari type border double ini berupa garis ganda yang sejajar.</li> <li>Border Groove : bentuk dari type border groove ini berupa garis tiga dimensi berlekuk.</li> <li>Border Inset : bentuk dari type border inset ini berupa garis tiga dimensi bagian dalam.</li> <li>Border Outset : bentuk dari type border outset ini berupa garis tiga dimensi bagian luar.</li> <li>Border Ridge : type dari jenis border ini berbentuk garis bergerigi tiga dimensi.</li> <li>Border Solid : bentuk dari type border solid ini berupa garis penuh. Border solid ini sering sekali dipakai oleh setiap blogger.</li> <li>Border none : Bentuk border ini berupa garis pembatas yang tidak didefinisikan.</li> </ol> <div> <br /></div> <div> Contoh penulisan kode HTML dan tampilan bentuk dari border diatas.</div> <div> <br /></div> <div> <ol> <li><blockquote class="tr_bq"> <b>&lt;div style="border : 5px dashed #ff0000; padding: 6px;"&gt; </b>isi karakter disini. Ini contoh border dashed<b>&lt;/div&gt;</b>&nbsp; </blockquote> <br /><div style="border: dashed 5px #ff0000; padding: 6px;"> Tampilan bentuk border dashed . Keterangan : Border ini dengan tebal garis 5 pixel, warna garis merah (kode warna #ff0000) dan jarak antara karakter dengan garis (padding) 6 pixel.</div> <br /><br /> </li> <li><blockquote class="tr_bq"> <b>&lt;div style="border : 5px dotted #ff0000; padding: 6px;"&gt;</b> isi karakter disini. Ini contoh border dotted<b>&lt;/div&gt;</b></blockquote> <br /> <div style="border: 5px dotted #ff0000; padding: 6px;"> isi karakter disini. Ini contoh tampilan border dotted</div> <br /><br /> </li> <li><blockquote class="tr_bq"> <b>&lt;div style="border : 5px double #ff0000; padding: 6px;"&gt;</b> isi karakter disini. Ini contoh border double<b>&lt;/div&gt; </b></blockquote> <br /><div style="border: 5px double #ff0000; padding: 6px;"> isi karakter disini. Ini contoh tampilan border double</div> <br /><br /> </li> <li><blockquote class="tr_bq"> <b>&lt;div style="border : 5px groove #ff0000; padding: 6px;"&gt; </b>isi karakter disini. Ini contoh border groove<b>&lt;/div&gt;</b></blockquote> <br /><div style="border: 5px groove #ff0000; padding: 6px;"> isi karakter disini. Ini contoh tampilan border groove</div> <br /><br /> </li> <li><blockquote class="tr_bq"> <b>&lt;div style="border : 5px inset #ff0000; padding: 6px;"&gt;</b> isi karakter disini. Ini contoh border inset<b>&lt;/div&gt;</b></blockquote> <br /><div style="border: 5px inset #ff0000; padding: 6px;"> isi karakter disini. Ini contoh border inset</div> <br /><br /> </li> <li><blockquote class="tr_bq"> <b>&lt;div style="border : 5px outset #ff0000; padding: 6px;"&gt;</b> isi karakter disini. Ini contoh border outset<b>&lt;/div&gt;</b></blockquote> <div style="border: 5px outset #ff0000; padding: 6px;"> isi karakter disini. Ini contoh border outset</div> <br /><br /> </li> <li><blockquote class="tr_bq"> <b>&lt;div style="border : 5px ridge #ff0000; padding: 6px;"&gt;</b> isi karakter disini. Ini contoh border ridge<b>&lt;/div&gt;</b></blockquote> <br /><div style="border: 5px ridge #ff0000; padding: 6px;"> isi karakter disini. Ini contoh border ridge</div> <br /><br /> </li> <li><blockquote class="tr_bq"> <b>&lt;div style="border : 5px solid #ff0000; padding: 6px;"&gt;</b> isi karakter disini. Ini contoh border solid<b>&lt;/div&gt;</b></blockquote> <br /><div style="border: 5px solid #ff0000; padding: 6px;"> isi karakter disini. Ini contoh border solid</div> <br /><br /> </li> <li><blockquote class="tr_bq"> <b>&lt;div style="border : 5px none #ff0000; padding: 6px;"&gt;</b> isi karakter disini. Ini contoh border none<b>&lt;/div&gt;</b></blockquote> <div style="border: 5px none #ff0000; padding: 6px;"> isi karakter disini. Ini contoh border none, karena border dengan format none maka border atau garis tepi tidak kelihatan.</div> </li> </ol> <div> Cara membuat border dalam postingan blog harus melalui HTML caranya seperti yang telah dijelaskan pada artikel-artikel sebelumnya.&nbsp;</div> <div> <br /></div> <div> Masuk Dashboard Blogger &gt; Entri Baru &gt; HTML (yang terletak disebelah pojok kiri atas sejajar dengan Compose).</div> </div> <div> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjp1KUQsTis7_bxsoiQoMeRgVoMWWXgxTt6pZup3byHSDtg9TgtMCkhEpgEuWkrGJE-wLfHtz8yIw49lDvuudLuCSwQFzwGyalXfQT9Or2NM1o-iXIpzrkA9x1_A_ARUF4Bf4c534CMLU/s1600/2015-10-31+23.44.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjp1KUQsTis7_bxsoiQoMeRgVoMWWXgxTt6pZup3byHSDtg9TgtMCkhEpgEuWkrGJE-wLfHtz8yIw49lDvuudLuCSwQFzwGyalXfQT9Or2NM1o-iXIpzrkA9x1_A_ARUF4Bf4c534CMLU/s320/2015-10-31+23.44.09.png" width="320" /></a></div> <div> <br /></div> <div> Demikian semoga artikel ini dapat bermanfaat bagi sobat blogger.</div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3240382313456177553.post-12340956619201788052015-10-31T23:55:00.002+07:002015-11-26T19:01:12.428+07:00Cara Mudah Membuat Tabel Di Posting BlogTutorial Blog - Membuat tabel di postingan blog sebenarnya juga mudah. Namun juga dapat dibilang susah terutama bagi para pemula blogger. Saya sendiri juga pernah mengalami hal yang sama karena memang belum tahu dan belum pernah mencobanya.<br /> <br /> Setelah mengetahui cara termudah membuat tabel di postingan blog. Akhirnya sampai sekarang tidak pernah mengalami kesulitan dalam membuatnya. Disini saya akan berbagi pengalaman untuk teman-teman blogger pemula.<br /> <br /> Sebenarnya sudah banyak artikel yang membahas cara termudah dalam membuat tabel dipostingan blog. Tetapi tidak ada salahnya saya juga ikut andil dalam berbagi pengalaman. Membagikan ilmu yang bermanfaat adalah kewajiban penulis blog. Ilmu yang bermanfaat adalah ilmu yang dibagikan terhadap sesama.<br /> <br /> Berikut ini kode HTML yang harus ditulis dalam membuat tabel. Perhatikan setiap kode dengan cermat dan teliti karena kode html sangat sensitif. Penulisan kode html jika tidak lengkap dan kurang dari satu karakter pun tidak akan berjalan dengan sempurna.<br /> <br /> <div class="sj"> <b>Kode HTML Untuk Membuat Tabel</b></div> <br /> Kode HTML ditulis dengan cara berpasangan misalnya kode <b>&lt;table&gt;</b> bepasangan dengan<b> &lt;/table&gt;</b> yang diberi tanda penutup dengan garis miring. <br /> <br /> Contoh :<br /> <br /> <blockquote class="tr_bq"> &lt;table&gt;<br /> &nbsp; &lt;tbody&gt;<br /> &nbsp; &nbsp;&lt;tr&gt;<br /> &nbsp; &nbsp; &lt;th&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<span style="text-align: center;">Kolom satu dibaris satu</span>&nbsp; &nbsp; &lt;/th&gt;<br /> &nbsp; &nbsp; &lt;th&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<span style="text-align: center;">Kolom dua dibaris satu</span>&nbsp; &nbsp; &lt;/th&gt;<br /> &nbsp; &nbsp; &nbsp;&lt;th&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<span style="text-align: center;">Kolom tiga dibaris satu</span>&nbsp; &nbsp; &lt;/th&gt;<br /> &nbsp; &nbsp; &lt;td&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp;<span style="text-align: center;">Kolom satu dibaris dua</span>&nbsp; &nbsp; &lt;/td&gt;<br /> &nbsp; &nbsp; &lt;td&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp;<span style="text-align: center;">Kolom dua dibaris dua</span>&nbsp; &nbsp; &lt;/td&gt;<br /> &nbsp; &nbsp; &lt;td&gt;<br /> &nbsp; &nbsp; &nbsp; &nbsp;<span style="text-align: center;">Kolom tiga dibaris dua</span>&nbsp; &nbsp; &lt;/td&gt;<br /> &nbsp; &nbsp;&lt;/tr&gt;<br /> &nbsp; &lt;/tbody&gt;<br /> &lt;/table&gt; </blockquote> <br /> Hasilnya dari kode diatas seperti dibawah ini<br /> <br /> <table> <tbody> <tr><th style="border: 1px solid red; padding: 5px;">Kolom satu dibaris satu&nbsp;</th> <th style="border: 1px solid red; padding: 5px;">Kolom dua dibaris satu &nbsp;</th> <th style="border: 1px solid red; padding: 5px;">Kolom tiga dibaris satu &nbsp;</th> </tr> <tr> <td style="border: 1px solid red; padding: 5px;">&nbsp;Kolom satu dibaris dua &nbsp; &nbsp;&nbsp;</td> <td style="border: 1px solid red; padding: 5px;">&nbsp;Kolom dua dibaris dua &nbsp; &nbsp;</td> <td style="border: 1px solid red; padding: 5px;">Kolom tiga dibaris satu &nbsp; &nbsp;&nbsp;</td></tr> </tbody></table> <br /> <div class="sj"> <div style="text-align: center;"> <b>Keterangan Kode HTML Untuk Membuat Tabel Beserta Fungsinya</b></div> </div> <br /> &lt;table&gt; = Wadah tabel itu sendiri / pembatas tabel.<br /> &lt;tbody&gt; = Tabel keseluruhan atau tubuh tabel / table body.<br /> &lt;tr&gt; = table row / baris tabel berfungsi untuk membuat baris baru dalam tabel.<br /> &lt;th&gt; = Table head / tabel kepala berfungsi &nbsp;untuk membuat kolom tabel dengan huruf tebal.<br /> &lt;td&gt; = Table data / kolom tabel data yang berfungsi untuk membuat kolom baru pada tabel dengan font normal tidak menggunakan format font tebal.<br /> <br /> Jika menginginkan mengatur format tabel dengan garis pembatas berwarna pada setiap kolom maka tambahkan STYLE border pada setiap kode &lt;th&gt; atau &lt;td&gt;. Dengan contoh penulisan style-nya adalah sebagai berikut ini .<br /> <br /> &lt;th style="border: 1px solid red; padding: 5px;"&gt;<br /> <br /> Keterangan :<br /> border &nbsp;= berfungsi untuk membuat garis.<br /> 1px = berfungsi untuk mengatur ketebalan garis. Sobat dapat mengubah sesuai keinginan ketebalan garis pembatas.<br /> Solid = berfungsi untuk mengatur bentuk garis pada tabel.<br /> red = berfungsi untuk mengatur warna garis. Untuk warna dapat diubah sesuai keinginan sobat misalnya yellow, blue , brown atau red dan lain sebagainya.<br /> padding = berfungsi untuk mengatur jarak garis dengan karakter yang ada didalam tabel.<br /> <br /> Jika sobat hanya menginginkan memberi garis disetiap barisnya maka yang ditambahkan style-nya pada kode &lt;tr&gt; cara penulisannya style juga sama persis yang telah dijelaskan diatas. Yang terpenting penulisan style dengan kode diberi spasi misalnya &lt;tr spasi STYLE="bla bla bla;"&gt; (antara kode tr dengan kata style harus diberi SPASI).<br /> <br /> <br /> <div class="sj"> <div style="text-align: center;"> <b>Cara menuliskan kode HTML dalam postingan blog</b></div> </div> <br /> Cara menuliskan kode dalam postingan blog agar dapat berjalan dengan benar. Masuk laman <a href="http://www.blogger.com/">BLOGGER</a> &gt; ENTRY BARU &gt; HTML<br /> <br /> Agar tidak merasa dibingungkan oleh artikel ini, lebih jelasnya lihat contoh gambar dibawah ini.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTwJOHIK19so2px6qAnWgPEoZgjC6hiqzuTDFn8n8P48OOITv2almNu8l-5Ii0ctMolU62rAXPKevcYRzhiYXt4t4d3Xy1DUnn70c9nfZOW65dBcy2kfd1Yzs1vMsN7MnpXhj-bKFixzb_/s1600/2015-10-31+23.44.09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTwJOHIK19so2px6qAnWgPEoZgjC6hiqzuTDFn8n8P48OOITv2almNu8l-5Ii0ctMolU62rAXPKevcYRzhiYXt4t4d3Xy1DUnn70c9nfZOW65dBcy2kfd1Yzs1vMsN7MnpXhj-bKFixzb_/s320/2015-10-31+23.44.09.png" width="320" /></a></div> <br /> Demikian cukup sampai disini semoga penjelasan dari artikel ini dapat membantu sobat.<br /> <br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3240382313456177553.post-6567037316731234382015-10-30T16:15:00.000+07:002015-10-30T16:42:37.169+07:00Cara Cepat Mengubah Label Postingan Blog Secara Bersamaan<b>Cara Cepat Mengubah Label Postingan Blog Secara Bersamaan</b><br /> <br /> Tutorial Blogger - Tips cepat, tepat dan mudah dalam mengganti label pada artikel blog yang telah diposting.<br /> Terkadang &nbsp;semua artikel blog yang telah diberi label juga ingin dirubah atau dihapus untuk diganti nama label yang baru.<br /> <br /> Tapi bagaimana cara merubah atau menghapus label pada artikel postingan blog yang sudah terlanjur banyak?<br /> <br /> Mungkin itu pertanyaan yang muncul dibenak pikiran kita. Namanya juga belum tahu pasti muncul sebuah pertanyaan seperti itu.<br /> <br /> Mungkin rasa malas muncul secara tiba-tiba jika harus menghapus label satu persatu dalam setiap postingan artikel blog. Penyakit rasa malas memang sulit untuk dihilangkan karena tidak ada yang menjual obatnya kecuali kita sendiri yang merubahnya.<br /> <br /> Bagi yang belum tahu secara pasti jangan berkecil hati atau merasa panik. Dalam artikel ini akan memberikan solusi untuk mempermudah cara menghapus atau mengganti label yang sudah terlanjur banyak dalam artikel postingan blog yang telah dibuat.<br /> <br /> Disini penulis ingin berbagi sebuah pengalaman untuk para pembaca atau bagi blogger pemula. Berbagi informasi merupakan suatu kewajiban bagi para penulis blog.<br /> <br /> Sebenarnya masalah ini adalah hal yang mudah untuk kita kerjakan. Terutama yang sudah pernah utak-atik blog atau bagi para master blog.<br /> Kita juga tidak boleh menggampangkan suatu masalah sepele jika belum bertindak. Hal yang dikatakan mudah karena dari sebuah pengalaman atau dapat dikatakan bisa karena terbiasa.<br /> <br /> Ok kita kembali langsung keintinya saja.<br /> <br /> <div style="border-bottom: 1px solid red; border-left: 10px solid red; border-right: 10px solid red; border-top: 1px solid red; padding: 3px;"> <b>Cara Mengubah Label Postingan Blog Secara Bersamaan Dengan Mudah.</b></div> <br /> Langkah-langkah yang harus diperhatikan dalam mengubah label postingan artikel blog adalah sebagai berikut :<br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <ol> <li><span style="text-align: center;">ke Dashboard&nbsp;</span><a href="http://www.blogger.com/" style="text-align: center;">www.blogger.com</a></li> <br /> <li>Setelah masuk dalam halaman blogger pilih Navigasi POS seperti pada gambar dibawah ini<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrSEHVFgtdWva931BIIA6sZqPxxZoMfcNHaaN4ZsozaEJt0vz1RjGIvIm7TaWbrYBC7TFjmulz203W5InJ2vnSUMQf2-1Wda-fom5IWHT_PZKwdEUezZFDICE5PDNFswO_ZdXHycu7-O4/s1600/2015-10-28+22.40.30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrSEHVFgtdWva931BIIA6sZqPxxZoMfcNHaaN4ZsozaEJt0vz1RjGIvIm7TaWbrYBC7TFjmulz203W5InJ2vnSUMQf2-1Wda-fom5IWHT_PZKwdEUezZFDICE5PDNFswO_ZdXHycu7-O4/s320/2015-10-28+22.40.30.png" width="320" /></a></div> <br /> </li> <li>Beri tanda centang &nbsp;artikel blog yang akan dirubah atau dihapus labelnya.</li> <br /> <li>Setelah artikel post diberi tanda centang, kemudian klik navigasi tanda label diatas post. Lihat contoh gambar dibawah ini<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ik76jZkaBIYBddcaaEQWtMUj5dYL28QgRMWgDaC5eSV401pCtHia_lSPy76znUFAUG9qAMkZcX7-UL72CAHn1opqR_9FJVpM9UNF1gd1eRpqaRKvYyhasWb2xxt-na1L8mVSNw2kXL4/s1600/2015-10-28+22.39.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ik76jZkaBIYBddcaaEQWtMUj5dYL28QgRMWgDaC5eSV401pCtHia_lSPy76znUFAUG9qAMkZcX7-UL72CAHn1opqR_9FJVpM9UNF1gd1eRpqaRKvYyhasWb2xxt-na1L8mVSNw2kXL4/s320/2015-10-28+22.39.34.png" width="271" /></a></div> <br /> </li> <li>Pilih label yang sama seperti pada label artikel sebelumnya. Misalnya artikel postingan yang lama berlabel "LABEL LAMA" maka dalam pilihan label klik "LABEL LAMA" (lihat gambar pada langka ke 4) kemudian ganti yang baru seperti yang anda inginkan. </li> &nbsp; &nbsp; </ol> <div> Selamat mencoba, semoga artikel Cara Cepat Mengubah Label Postingan Blog Secara Bersamaan ini dapat membantu.</div> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-3240382313456177553.post-62916721079292359302015-10-30T15:41:00.000+07:002015-10-30T15:41:08.492+07:00Cara Mudah Mengatur Jumlah Posting Blog Di Halaman UtamaCara Mudah Mengatur Jumlah Posting Blog Di Halaman Utama<br /> <br /> Tutorial blog - Mengubah jumlah tampilan posting blog dihalaman utama dengan mudah perlu kita ketahui tanpa harus mengotak-atik html. Tidak harus melalui HTML tampilan postingan dihalaman utama dapat diatasi dengan cepat.<br /> <br /> Terkadang mengubah jumlah posting blog yang ditampilkan dihalaman utama juga membingungkan terutama bagi para blogger pemula. Saya sendiri juga pernah mengalami hal yang sama seperti yang anda pikirkan.<br /> <br /> Seiring berjalannya waktu setelah mencari informasi tambahan melalui mesin pencari google akhirnya menemukan solusinya. Sebenarnya juga tidak seribet yang dipikirkan.<br /> <br /> Hanya dengan hitungan detik jumlah posting atau konten artikel yang ditampilkan dihalaman utama sudah berubah. Tampilan pun menjadi baru seperti yang diinginkan dan tidak seperti tampilan yang sebelumnya lagi.<br /> <br /> <div style="border-bottom: 1px solid red; border-left: 10px solid red; border-right: 10px solid red; border-top: 1px solid red; padding: 6px;"> Cara Mudah Mengubah Jumlah Posting Blog Di Halaman Utama</div> <br /> Berikut ini tips mudah mengubah jumlah posting &nbsp;yang ditampilkan dihalaman utama blog yang harus diperhatikan.<br /> <br /> <br /> <ol> <li>Masuk laman dashboard <a href="http://www.blogger.com/">www.blogger.com</a></li> <br /> <li>&nbsp;Setelah masuk pada laman blogger pilih navigasi TATA LETAK / LAYOUT.</li> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc36w53Bbnvow_Lx7KOFfJQLCF6CR8pQv4FaEtzE444LAvHfLC8KUZq3UJYGIKKNtOxERxA7PWAw7aXAeFzFHpdqeFUQd8zn7RbaYqbUT3UgiF7v2WIMwvlhvZRLznElaewBxzs6MGznI/s1600/2015-10-29+20.30.38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc36w53Bbnvow_Lx7KOFfJQLCF6CR8pQv4FaEtzE444LAvHfLC8KUZq3UJYGIKKNtOxERxA7PWAw7aXAeFzFHpdqeFUQd8zn7RbaYqbUT3UgiF7v2WIMwvlhvZRLznElaewBxzs6MGznI/s320/2015-10-29+20.30.38.png" width="320" /></a></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <br /> <li>Selanjutnya edit widget pada Main Blog Post seperti gambar dibawah ini.</li> <br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSKHn65qUhQ_FxLrCU-iEhZcjiT3Xr_OVloKDzNm_YqDmJFd96LTsljYEYoc-9oU1n37xWxNI5baIQA53oPhCGq0RYYI_8YWe-Y7YXw9L6vxrEgD2jVBGc0hY4gZd80q_GnFIdVky8jKU/s1600/2015-10-29+14.49.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSKHn65qUhQ_FxLrCU-iEhZcjiT3Xr_OVloKDzNm_YqDmJFd96LTsljYEYoc-9oU1n37xWxNI5baIQA53oPhCGq0RYYI_8YWe-Y7YXw9L6vxrEgD2jVBGc0hY4gZd80q_GnFIdVky8jKU/s320/2015-10-29+14.49.14.png" width="320" /></a></div> <br /> <br /> <li>Kemudian pada OPSI LAMAN UTAMA ubah jumlah postingan yang akan ditampilkan dihalaman utama pada form yang telah disediakan. Lihat contoh gambar dibawah ini.</li> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6Slkrn5cf8ZBwMyWVegQgtTBdxXN1Lno84VdCgsMUSyzOAXXi09Dbz59mACEZ1nGnyDeveZWs0DLLzZXQxTHfBjnB550X8m9iUe5Ypc8A917YAfo8K6T8VTeEPmZ6ESuGMfZfrsnv_M/s1600/2015-10-29+14.51.41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI6Slkrn5cf8ZBwMyWVegQgtTBdxXN1Lno84VdCgsMUSyzOAXXi09Dbz59mACEZ1nGnyDeveZWs0DLLzZXQxTHfBjnB550X8m9iUe5Ypc8A917YAfo8K6T8VTeEPmZ6ESuGMfZfrsnv_M/s320/2015-10-29+14.51.41.png" width="223" /></a></div> <br /> <br /> <li>Yang terakhir klik SIMPAN atau SAVE kemudian lakukan preview diperhatikan apakah sudah benar-benar berhasil. Jika belum berhasil ulangi lagi langkah-langkah tersebut dari awal. Selesai sudah tahap-tahapnya dan lihat tampilan blog pada laman utama.</li> </ol> <br /> Tampilan blog juga dapat mempengaruhi pengunjung. Jika tampilan rapi dan enak dipandang maka pengunjung akan merasa betah untuk berkunjung.<br /> <br /> Apalagi template blog memiliki kecepatan loading yang luar biasa. Ini juga sangat dibutuhkan oleh pengunjung. Pengunjung juga merasa sangat terbantu terutama para pembaca yang memiliki kecepatan internet pas-pasan atau sangat lambat.<br /> <br /> Untuk artikel selanjutnya akan membahas tips mempercepat loading blog dengan cepat dan sempurna.Unknownnoreply@blogger.com0