Menambahkan Opsi Balas/Replay Di Komentar Blogger

Tutorial ini akan menunjukkan cara untuk menambahkan opsi membalas komentar blogger anda seperti wordpress. Blogger tidak ada pilihan untuk menjawab comments. tapi setelah anda menambahkan trik ini untuk template blogger anda, anda dapat melihat opsi jawaban di komentar blogger.
Sebelum menambahkan fitur ini ke blog blogger anda, anda harus mencari tahu ID Blog anda.

Untuk mengetahui ID Blog anda ikuti langkah-langkah berikut:

Login ke dashboard anda lalu klik Setting

Sekarang lihat address bar di browser. Anda dapat melihat ID blog anda di alamat bar browser itu. Nomor seperti 2183677992760077155 adalah nomor ID Blog anda.

Ikuti petunjuk dibawah ini:

1. Login Dashboard -> Layout -> Edit HTML
2. Klik dan centang kotak "Expand Widget Templates"
3. Cari kode seperti dibawah ini dengan menggunakan CTRL+F agar lebih cepat dalam pencarian.

<data:commentPostedByMsg/>

4. Salin kode dibawah ini dan paste-kan dibawah kode diatas.

<span><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); return false;'>[Reply]</a></span>

CATATAN:

Ganti YOUR-BLOG-ID yang bertulisakan tebal dengan ID Blog yang anda temukan di address bar tadi.

Hasilnya akan seperti dibawah ini nantinya:

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=2183677992760077155&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'>[Reply]</a></span>

5. Sekarang anda bisa menyimpannya dengan menge-klik tombol Save Template.

Read Me . . .

Menampilkan Recent Twitter Tweets dengan JQuery

Apakah Anda ingin menunjukkan tweets terakhir Anda di dalam website atau blog. Ini akan berguna bagi anda untuk menambahkan tweets baru-baru ini ke dalam situs web Anda menggunakan tweets Jquery.

Twitter adalah layanan jaringan dan microblogging sosial, dimiliki dan dioperasikan oleh Twitter Inc, yang memungkinkan penggunanya untuk mengirim dan membaca pesan pengguna lain yang disebut tweets. Tweets adalah posting berbasis teks hingga 140 karakter ditampilkan pada halaman profil penulis.

Ikuti petunjuk dibawah ini:

1. Login ke dashboard Design -> Edit HTML
2. Cari tag </head>. Gunakan CTRL+F dibrowser anda untuk pencarian lebih cepat.
3. Copy kode dibawah ini dan anda taruh sebelum tag </head>.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8">

function showTweets(elem, username, number)
{
var html = '<ul>';


var tweetFeed = 'http://twitter.com/status/user_timeline/' + username + '.json?count=' + number + '&callback=?'
$.getJSON(tweetFeed, function(d)
{

$.each(d, function(i,item)
{
html+='<li>'+item.text+'</li>';
})
html+="</ul>";

elem.children().fadeOut('fast',function() {
elem.append(html);
})
})
}

$(function() {
$('#error').remove();
$('#preload').show();
showTweets($('#tweets'), 'FillahGrunge', 5)
});

</script>

<style type="text/css">
#preload {display: none;}

#tweets ul li{
list-style-type:square;
list-style-position:inside;
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijRr5ETvVKJJ_JjV0EB7E0iQ-LL7QmVHhNl-HC9rM-OozWAXQwKTY1wE_7oJMP7G6xRauzi9kClhHyTk1s2Tmy8AB1YUyxCD6Iti9EgPHWyczrrpcDVvaCuvQZ6sWLRzrSBGxiF55WQpU/s1600/twitter.png');
margin:0 0 0;
padding:0 0 0;
}
</style>

CATATAN:

Tulisan FillahGrunge yang bercetak tebal silahkan anda ganti dengan ID twitter anda.

5 : Tentukan jumlah tweets yang akan ditampilkan nantinya.

4. Lalu silahkan anda simpan dulu (Save Template)
5. Buka Layout -> Page Elements
6. Pilih Add a Gadget.
7. Pilih HTML/Javascript untuk meng-copy kode dibawah ini.

<div style="font-size:12px;font-family:Arial;">
<div id="tweets">
<h3 id="error">There was a problem fetching tweets</h3>
<h3 id="preload">Currently loading your tweets...</h3>
</div>
<ul><li style="list-style-type:none;"><a href="http://www.twitter.com/FillahGrunge">Follow me on twitter</a></li></ul>
</div>

CATATAN:

Tulisan FillahGrunge yang bercetak tebal silahkan anda ganti dengan ID twitter anda seperti petunjuk diatas.

Read Me . . .

Menambah Footer 3 Kolom

Menambah footer entah itu 2 kolom, 3 kolom atau 4 kolom di bawah postingan sudah menjadi hal yang umum, jika berbicara tutorial sudah banyak juga yang buat, tetapi terkadang beberapa kode yang disebutkan tidak dapat ditemukan (karena templates tidak support) atau bisa jadi ada perbedaan kode, sehingga mengurungkan niat untuk membuat footernya.

Nah, anggap saja ini adalah Alternatifnya (apabila teman-teman ingin membuat footer tapi harus mengganti kode tapi kode yang dimaksud tidak ada) karena kita tidak perlu menghapus tetapi hanya menambahkan saja.

Fungsi:

Footer (3 kolom) digunakan untuk membuat space di dalam blog agak luas di bagian bawah sehingga tidak membuat sisi sidebar penuh (karena tambahan widget ini dan itu).

Kebetulan templates blog saya yang sekarang ini sebelumnya tidak memiliki footer sehingga saya harus menambahnya secara manual, dan caranya seperti di bawah ini.

Ok, buat teman-teman yang ingin Menambah Footer 3 Kolom di Blog nya, silahkan ikuti langkah-langkah di bawah ini:

1. Login akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Klik Expand Templates Widget,
3. Lalu cari kode berikut: ]]></b:skin>
4. Tambahkan kode dibawah ini persis berada di atas kode ]]></b:skin>

/* bottom
---------------------------- */ #bottom {
width: 900px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background: transparan;
padding: 15px 0 15px 0;
}
#bottom h2 {
text-align:center;
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#AEB404;
font-size: 24px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}

#bottom ul {
padding: 0;
margin: 0;
}
#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #AEB404;
}
#bottom ul li a {
display: block;
padding: 0 10px;
color:#0701FD;
text-decoration: none;
}
#bottom ul li a:hover {
background: transparan;
}

#left-bottom { /* kode kolom footer kiri */
width: 32%;
float: left;
padding-left:10px;
}
#center-bottom { /* kode kolom footer tengah */
width: 32%;
float: left;
padding-left:10px;
}
#right-bottom { /* kode kolom footer kanan */
width: 32%;
float: left;
padding: 0 5px 0 10px;
}

5. Terus dengan mencari kode berikut:

<div id='footer-wrapper'>

atau

<div id='footer'>

( biasanya ada di atas kode </body> )

6. Dan tambahkan kode di bawah ini persis berada di atas kode tadi:

<div id='bottom'> <b:section class='bottom' id='left-bottom'/>
<b:section class='bottom' id='center-bottom'/>
<b:section class='bottom' id='right-bottom'/>
</div>

7. Jika sudah klik Save Templates (lihat perubahan sementara pada bagian Page Element).

Note:

Harap diperhatikan kode-kode yang saya beri warna di atas:

a. Untuk kode width: 900px; harap disesuaikan dengan lebar header blog masing-masing ( kode: #header { ), jika lebar header 660px, maka diganti width nya 660 px,

b. Untuk merubah warna judul Footer harap ganti pada kode #bottom h2 { ..... color:#AEB404; .

c. Lalu perhatikan kode di bawah ini:

#left-bottom { /* kode kolom footer kiri */
width: 32%;
float: left;
padding-left:10px;
}
#center-bottom { /* kode kolom footer tengah */
width: 32%;
float: left;
padding-left:10px;
}
#right-bottom { /* kode kolom footer kanan */
width: 32%;
float: left;
padding: 0 5px 0 10px;
}

Harap disesuaikan width-nya untuk memberi jarak pada masing-masing element, misal total width-nya 100%, maka kita beri jarak masing-masing dengan total 4%, maka sisanya adalah 96%, lalu kita bagi sehingga masing-masing element mendapat luas 32%.

Selamat mencoba.

Read Me . . .

Memunculkan Navbar Blogger yang Hilang

Apabila kita memakai fasilitas yang gratisan pastinya ada ketentuan-ketentuan yang berlaku untuk menggunakannya, seperti halnya NgeBlog, apabila kita pengguna wordpress yang gratisan kita tidak boleh memasang iklan ataupun adsense pada blog tersebut kecuali kita sudah memiliki hosting sendiri.

Tidak jauh berbeda apabila kita NgeBlog di Blogger.com kita harus mengikuti peraturan yang ditentukan oleh Blogger yaitu Term Of Services (TOS). Salah satunya adalah harus menggunakan Navbar Blogger pada tampilan blognya. bedanya dengan wordpress pada blogger diperbolehkan untuk memasang iklan ataupun adsense.

Banyak sekali template yang kita download saat ini yang telah menghapus navbar blogger tersebut, karena mungkin mengganggu tampilan pada blog kita sebenarnya itu tidaklah dihilangkan melainkan disembunyikan, tetapi Trik Tips Tutorial menyarankan untuk memunculkan kembali navbar blogger tersebut dengan cara menghapus kode yang membuat navbar blogger tersebut tersembunyi dan agar tidak di banned oleh google nantinya, karena telah melanggar TOS (aturan-aturan) blogger.

Caranya sangatlah mudah:

1. Login ke Blogger.
2. Kemudian Tata Letak -> Edit HTML
3. Setelah itu cari kode seperti (atau kode yang mirip) dibawah ini tepatnya dibawah kode

<b:skin><![CDATA[

#navbar-iframe{display:none;height:0;visibility:hidden;}

4. Hapus kode yang kedua.

selanjutnya adalah menuju Tata Letak -> Elemen Halaman kemudian klik edit pada kolom Navbar dan pilih navbar yang akan tampil pada halaman blog sesuai keinginan atau sesuai warna pada blog anda seperti contoh beberapa gambar navbar di bawah ini:

Read Me . . .

Cara Menghilangkan Navbar Blogger

Jika anda mengganti template anda dengan template terbaru saat ini banyak navbar blogger yang telah dihilangkan pada templatenya tetapi ada beberapa yang masih menggunakannya.

Bagi anda yang mengutamakan penampilan blog anda navbar blogger mungkin dapat mengganggu pada tampilan blog anda dan jika anda ingin menghilangkan navbar blogger tersebut sangatlah mudah anda hanya akan menambahkan beberapa kode.

Langkah-langkah dalam menghilangkan Navbar Blogger :

Cari kode

<b:skin><![CDATA[

Tepatnya pada bagian atas edit HTML.

kemudian masukkan kode berikut ini tepat dibawahnya :

#navbar-iframe{display:none;height:0;visibility:hidden;}

Coba anda Preview / Pratinjau untuk melihat hasilnya.

Read Me . . .

Membuat Efek Salju Pada Mouse

Terkadang anda melihat beberapa blog-blog yang mempunyai efek salju pada mousenya, anda akan melihat efek salju ketika anda menggerakkan mouse anda, saya akan berbagi tentang bagaimana cara membuat efek salju tersebut pada sebuah blog.. Dengan script yang simpel anda bisa ikuti langkah dibawah ini :

1. Silahkan Masuk ke account Blogger Anda
2. Pilih Layout / Rancangan
3. Pilih Edit Html lalu tekan ctrl+ dan cari </body>
4. Tepat diatas code </body> silahkan paste Code dibawah ini :

<script src='http://yay.fileave.com/js/Sparkle.js' type='text/javascript'></script>

5.Setelah itu coba anda PREVIEW dulu lalu Save Template / Simpan...

Read Me . . .

Membuat Navigasi Halaman / Page

Page Navigation atau navigasi halaman berfungsi untuk mempermudah pengunjung menjelajahi blog kita dan melihat halaman perhalaman.

Bagi pengguna Wordpress tentunya sudah tidak asing dengan page navigation. Bagi pengguna Blogger / Blogspot harus menyisipkan kode javascript didalamnya.

Berikut langkah-langkahnya :

1. Login ke Blogger

2. Masuk ke Dasbor > Rancangan/Design > Edit HTML

3. Cari kode ]]></b:skin>


     untuk memudahkan gunakan (Ctrl + F)

4. Paste kode di bawah ini diatas ]]></b:skin>

/* Page Navigation styles */

.showpageNum a {

  padding: 3px 8px;

  margin:0 4px;


  text-decoration: none;

  border:1px solid #999;

  -webkit-border-radius:3px;-moz-border-radius:3px;

  background: #ddd;

  }



.showpageOf {


margin:0 8px 0 0;

}

.showpageNum a:hover {

  border:1px solid #888;

  background: #ccc;

  }



.showpagePoint {


  color:#fff;

  text-shadow:0 1px 2px #333;

  padding: 3px 8px;

  margin: 2px;

  font-weight: 700;

  -webkit-border-radius:3px;-moz-border-radius:3px;


  border:1px solid #999;

  background: #666;

  text-decoration: none;

  }

5. Selanjutnya paste kode dibawah ini di atas kode </body>

 <!--Page Navigation Starts-->

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=4;

var numshowpage=6;

var upPageWord =&#39;Previous&#39;;


var downPageWord =&#39;Next&#39;;

</script>

<script src='http://kangismet.googlecode.com/files/kangismet-pagenav.js' type='text/javascript'/>

<!--Page Navigation Ends -->

6. Simpan dan lihat hasilnya.




Selamat Mencoba. . .

Read Me . . .

Trik Meningkatkan Page Rank Blog

Kita tahu bahwa cara meningkatkan Page Rank blog adalah dengan memperbanyak ekternal link dan internal link. Tapi ada satu hal yang perlu juga diperhatikan bagi pemilik blog untuk dapat meningkatkan Page Rank blog yaitu dengan memperbanyak postingan blog. Betulkah demikian?

Menurut Daniel Scocco sebagai pemilik situs Daily Blog Tips dari news letter yang saya terima pada email saya bahwa jumlah postingan juga dapat meningkatkan Page Rank blog. Lebih jelasnya anda dapat lihat cuplikan news letter yang saya terima dari beliau:

message is: every time Google indexes a new page from your website, the total PageRank within your website will also increase.

Getting external links is obviously essential to having a high PageRank, but increasing the number of pages that Google indexes from your site can also help, and most people neglect this

Untuk mengetahui berapa banyak halaman yang sudah diindeks oleh Google, anda dapat melihatnya dengan mengetik pada mesin pencari Google

site: yourdomain.com (Contohnya : site : blogpopuler.com)

Bagaimana tanggapan anda mengenai hal ini?

Read Me . . .

3 Cara Meningkatkan Page View Blog

Satu hal yang banyak dibicarakan oleh para blogger adalah bagaimana cara meningkatkan page view blog. Saya rasa semua pemilik blog menginginkan blognya mendapat jumlah visitor dan page view yang banyak pada blognya. Page view yang banyak berarti artikel pada blog tersebut menarik dan disukai oleh para pengunjung.Walaupun jumlah visitor banyak tapi kalau jumlah page view sedikit berarti artikel blog mungkin kurang diminati oleh pembaca. Mereka hanya numpang lewat hanya karena kebetulan menemukan blog anda melalui search engine atau link blog anda pada blog orang lain.Ada baiknya kalau pengunjung betah berlama-lama pada blog anda karena ini juga akan mempengaruhi nilai Alexa blog.

Ada banyak cara untuk meningkatkan page view blog. Beberapa cara yang sudah saya lakukan diantaranya:

1.Memperbanyak jumlah artikel blog

2.Memasang artikel terkait pada setiap postingan. Dengan demikian pengunjung akan terus tergoda untuk membaca artikel lainnya.

3.Membuat judul artikel yang semenarik mungkin. Hal ini akan membuat pengunjung penasaran untuk membuka isi artikel tersebut. Tanpa judul yang menggoda dan memancing perhatian, pengunjung kemungkinan besar akan melewatkan isi tulisan berikutnya. Makin menarik judul semakin besar pengunjung akan membaca isinya. Blog rekan saya yaitu blogotainmen mempunyai jumlah page view hingga 4000 perhari padahal jumlah postingannya jauh lebih sedikit dibandingkan blog ini. Bagaimana bisa? Itu karena sang pemilik membuat judul artikel yang menarik dan memancing pengunjung untuk membaca isi artikelnya.

Satu hal yang perlu anda ketahui dengan jumlah page view yang banyak berarti blog anda sudah dapat diikutkan sebagai publisher untuk mendapatkan uang. Karena beberapa advertiser mensyaratkan jumlah page view untuk dipasangi iklan.

Bagaimana dengan anda apakah punya cara lain untuk meningkatkan page view blog?

Read Me . . .

Cara Mengedit Teks dan Gambar

Dalam dunia Blogging tak lepas dari yang namanya teks dan gambar. Pada setiap teks dan gambar tersebut biasanya tersimpan link dan title atau judul dari gambar atau teks tersebut.

Khusus pada gambar biasanya tersimpan alt (Alternative Text) atau Associated Text. yang berguna sebagai teks alternatif gambar tersebut.

Berikut ini adalah cara cara mengedit teks dan gambar :

Cara Memasukkan Gambar

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" border="0" height="18" width="60">

Keterangan
- Tulisan yang berwarna putih adalah gambar yang sudah anda simpan.
- height="18" width="30" adalah ukuran tinggi (height) dan lebar (width) gambar anda.

Hasilnya:


Cara Membuat Link

Kode:

<a href="http://trik-tips-tutorial.blogspot.com" >Trik Tips Tutorial </a>

Keterangan:
- Teks berwarna putih adalah alamat link yang dimaksud. Tulisan "Trik Tips Tutorial" adalah tulisan yang akan ditampilkan.
- Jika anda ingin link yang tampil adalah sebuah gambar maka kita hanya perlu menggabungkannya, sehingga kodenya akan seperti ini :

<a href="http://trik-tips-tutorial.blogspot.com" target="_blank"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" border="0" height="18" width="30"> </a>

Keterangan:
- Tambahan kode target="_blank" adalah digunakan apabila anda ingin link atau gambar yang di klik akan membuka tab baru.
- Jika ingin menambahkan title pada link teks dan gambar anda tinggal menambahkan kode title="keterangan link" ganti tulisan keterangan link dengan keterangan link yang anda inginkan seperti :

<a href="http://trik-tips-tutorial.blogspot.com/" target="_blank" title="Ke Beranda">Trik Tips Tutorial</a>

Hasilnya:
Trik Tips Tutorial





Cara Membuat Teks/Gambar Berada Di Tengah

Kode:

<center> teks/gambar atau link gambar/link teks </center>

Keterangan:
- Ganti tulisan "teks/gambar atau link gambar/link teks" dengan teks atau gambar yang dimaksud.


Cara Membuat Baris Baru

Kode:

<br> atau kode <br/>

Keterangan:
- Tambahkan kode berwarna merah tersebut sebelum atau sesudah objek (teks/gambar) yang dimaksud.


Membuat Huruf Tebal, Miring, Bergaris Bawah, Tercoret, Kecil Bawah (Subscript) Dan Kecil Atas (Superscript)

Kode:

<b> teks </b>
hasilnya: teks menjadi tebal.

<i> teks </i>
hasilnya: teks menjadi miring.

<u> teks </u>
hasilnya: teks menjadi bergaris bawah.

<strike> teks </strike> hasilnya: teks menjadi bergaris tengah atau tercoret.

_teks hasilnya: _teks menjadi kecil bawah atau Subscript.

^teks hasil : ^teks menjadi kecil atas atau Superscript.

Memberi Warna Teks

<font color="#FF0000"> Merah </font>
<font color="red"> Merah </font>

Keterangan:
- Ganti text yang berwarna merah dengan warna atau kode warna kesukaanmu.

Hasilnya:

Merah

Untuk kode kode warna yang lainnya bisa di lihat di Kode Kode Warna


Merubah Ukuran Teks

Kode:

<font size="1">ini font size 1</font>

Ganti angka 1 dengan ukuran 1, 2, 3, 4, 5, dan seterusnya Hasilnya seperti:

Ini font size 1
Ini font size 2
Ini font size 3
Ini font size 4
Ini font size 5
dan seterusnya...

Read Me . . .

Kode Kode Warna

Di dalam dunia design grafis, warna itu sangat penting dan sangat berpengaruh terhadap penampilan. Warna-warna biasanya digunakan untuk background, text, links, table dll. Apabila kombinasi warna tidak sesuai, maka tampilan akan terlihat kurang bagus atau kurang enak dipandang mata.

Kode - kode warna sangatlah penting karena warna adalah kostum yang akan dilihat orang lain. seperti halnya program photoshop, corel draw dan masih banyak lagi yang lainnya memerlukan kode kode warna ini.

Seperti halnya program tersebut di atas penampilan web/blog kita juga memerlukan perpaduan warna yang pas yang anda bisa ganti warna tersebut dengan warna yang anda inginkan agar terlihat elegan dan menarik.

Dibawah ini adalah beberapa kode-kode warna yang paling sering digunakan dan anda bisa memilihnya dengan kesukaan warna anda untuk web/blog nantinya:

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000
#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000
#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000
#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000
#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000
#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000
#465584	#EEF2F7	#3A4F6C	#00D	#434951	#555
#777	#DFE6EF	#345487	#F5F9FD	#3860BB	#BCD0ED
#C2CFDF	#F0F5FA	#D1DCEB	#003	#900	#CCE9FD
#E4EAF2	#4C77B6	#DFE6EF	#EEF2F7	#F

Read Me . . .