Cara Membuat Gambar Melayang di Blog

Cara Membuat Gambar Melayang di Blog

Software for kita akan menjelaskan sedikit tutorial dan cara supaya blog Anda bisa kelihatan cantik dan menarik. Ini juga cara mempercantik blog karena blog yang menawan akan lebih banyak pengunjung yang suka nongkrong di blog Anda. Gambarnya bisa disesuaikan dengan kesukaan Anda. Anda juga bisa memasangnya dengan banner Anda atau yang lainnya. Gambar yang akan Anda pasang ini bentuk tampilnya permanen, maksudnya walaupun blog Anda scrool ke atas ke bawah maka posisi gambar tetap pada posisinya. Ini langkah tutorial cara memasang gambar melayang pada blogger blogspot berikut:

1. Login ke blogger, Dasbor pergi ke Rancangan lalu Edit HTML.

2. Centang Expand Template Widget.

3. Anda juga perlu untuk membackup template asli anda terlebih dahulu dengan Download Template Lengkap dan memilih simpan/save dan menyimpannya pada hard disk. Cadangan ini akan bermanfaat jika ada yang tidak beres dengan langkah-langkah yang Anda kerjakan.

4. Cari kode : ]]></b:skin>
Kalau sulit bisa dengan cara cepat saat pencarian yaitu dengan tekan CTRL F/F3.

5. Letakkan kode dibawah ini diatas kode ]]></b:skin>.

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expressionundefineddocument.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expressionundefineddocument.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

3. Text yang berwarna biru adalah posisinya, kalau pengen ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right" atau juga tengan dengan "center". Begitu juga tulisan "bottom", jika pengen di posisi atas bisa diganti dengan "top". Dan yang berwarna merah adalah jarang dengan posisi blog Anda. Itu semua sesuai keinginan Anda dan selera Anda yang sesuai dengan blog Anda.

4. Langkah selanjutnya yaitu letekkan script dibawah ini sebelum kode </body>

<div id="trik_pojok">
<a href="http://budi-mariberkreasi.blogspot.com/">
<img src="http://i1212.photobucket.com/albums/cc459/engcellpulsa/20070717193729_burung_469cb8091c4f5.gif" border="0" /></a>
</div>

Kode yang berwarna biru diganti dengan url blog Anda dan yang berwarna merah diganti dengan photo atau gambar/banner yang Anda akan ditaruh di pojok blog Anda.

6. Jangan lupa Simpan Template.

Read more »

cara membuat ling berjalan ke atas

Coba arahkan mouse ke sini.

1. membuka kode hp
2. membuat tekxs jadi gambar
3. kumpulan kode warna
4. panduan html

Mau punya link yang berjalan ke atas seperti diatas, caranya sangat mudah. Efek ini sangat bermanfaat untuk para pengunjung agar tidak terlalu sulit untuk mencari artikel yang dicari. Ini juga tidak akan merubah blog Anda menjadi berat karena efek ini tidak memakan jumlah kilo byte terlalu banyak lain halnya dengan Anda memasang jam atau aksesoris lainnya. Cara ini merupakan cara dari efek marque yang bisa membuat tulisan atau link berjalan ke atas maupun ke bawah. Jika berminat tinggal Anda ikuti tutorial cara membuat efek marque atau link berjalan di pada blog blogger blogspot berikut ini dengan seksama: 1. Klik menu Rancangan. 2. Klik Elemen Laman. 3. Klik Tambah Gedget. 4. Pilih HTML/JavaScript. 5. Masukkan kode berikut ke dalam content HTML.

<marquee onmouseover="this.stopundefined)" onmouseout="this.startundefined)" direction="up" scrollamount="2" align="center" height="200" width="100%"> <ol><li><a href="http://budi-mariberkreasi.blogspot.com/2012/03/cara-membuka-kode-hp.html" target="_blank">membuka kode hp </a></li><li><a href="lhttp://budi-mariberkreasi.blogspot.com/2012/03/kreasi-buat-texs-jadi-gambar.html" target="_blank">membuat tekxs jadi gambar</a></li><li><a href="http://budi-mariberkreasi.blogspot.com/2012/01/tes-kode-html-dan-kumpula-kumpulan-kode.html" target="_blank">kumpulan kode warna</a></li><li><a href="http://budi-mariberkreasi.blogspot.com/2012/01/panduan-html.html" target="_blank">panduan html</a></li></ol></marquee>

6. Kode yang berwana biru anda bisa ganti dengan link Anda dan yang berwarna merah bisa Anda ganti dengan nama dari link Anda. Terus kode yang berwarna hijau bisa Anda ganti dengan down jika Anda ingin link berjalannya kebawah dan kode yang berwarna merupakan tinggi dari kotak link Anda agar sesuai dengan keinginan Anda. 7. Anda juga bisa pasangkan ke dalam postingan arikel Anda. 8. Selesai.

Read more »

posting artikel html

Sebenarnya artikel yang saya tulis ini sangat jarang sekali digunakan oleh para blogger, tapi ada baiknya akan saya tulis untuk lebih memperjelas cara membuat postingan berupa kode HTML ini. Untuk memposting kode HTML pada artikel, anda harus menggunakan tool untuk mengkonversi atau mengubah kode HTML menjadi kode yang dapat dibaca pada artikel. Jika tidak, setiap kali kita memposting. Kode HTML-nya tidak akan muncul pada artikel. Misalnya kode < harus diganti dengan < dan kode < harus diganti dengan &lt;

Berikut adalah cara untuk mengubah kode HTML menjadi kode yang dapat dibaca pada artikel:

1. Buka http://centricle.com/tools/html-entities

2. Masukkan kode HTML yang mau ditampilkan pada artikel dalam kotak Centricle. Misalnya kode

.



3. Klik Encode. Kemudian akan muncul kode baru seperti pada gambar dibawah ini.


4. Gunakan kode baru tersebut untuk diposting pada artikel

Semoga bermanfaat..!!

Read more »

mari blajar buat blog

Membuat Blog Lebih Baik

Membuat Blog Lebih Baik - Sebelumnya, Saya menulis artikel tentang Tutorial Blogging yang berjudul Membuat Blog Lebih Menarik. Membuat blog kini semakin mudah saja rasanya. Bahkan saking mudahnya, bagai membalikkan telapak tangan. Fakta menunjukkan, kemudahan tersebut telah melahirkan begitu banyak blogger baru.  Tapi, menarik belum tentu baik. Tapi tetap saja kemudahan itu tak berarti semua Blogger mengerti benar bagaimana membuat Blog yang baik, sehingga sering dikunjungi orang. Bagi sebagian besar, ternyata mengelola blog masih dianggap sebagai hal yang sulit. Akibatnya banyak orang membuat blog tapi kemudian mengabaikannya begitu saja. Padahal dengan pengelolahan yang baik, blog memiliki potensi untuk jadi populer dan menguntungkan secara finasial.

Pada kali ini saya akan coba mensarikan kembali panduan bagaimana menjaga dan mengelola blog agar senantiasa baik, menarik dan informatif.

• Fokus pada Satu Topik Bahasan

Hampir semua pakar internet marketing menyarankan hal ini. Membuat Konten sebuah blog sebaiknya fokus pada satu tema bahasan yang menarik dan bermanfaat. Sebab, pembaca akan tertarik jika Blog berisi topik bahasan yang jelas dan khusus. Informasi Blog yang fokus akan membuat pengunjung setia untuk berkunjung terus. Tentu saja dengan seperti ini akan tercipta jaringan pembaca yang loyal.

• Buat Lebih Informatif

Membuat blog lebih informatif, artinya konten yang ditampilkan berisi informasi terkini. Ini bisa dilakukan dengan cara menampilkan fakta-fakta yang terpercaya atau menyajikan artikel dan opini tentang hal-hal yang sedang berkembang. Intinya usahakan sebisa mungkin isi konten benar-benar bermanfaat bagi pembaca.

• Update Secara Rutin dan Berkala

Blog yang diupdate secara rutin sangat disukai oleh search engine (mesin pencari). Ini secara otomatis akan membuat Blog kita akan selalu direkomendasikan oleh mesin pencari untuk dikunjungi, karena berada di dereten atas. Luangkan waktu 1-2 hari saja untuk memposting tulisan. Tidak usah terlalu banyak cukup 300 sampai 500 kata saja untuk satu topik bahasan. Karena kalau terlalu banyak pembaca juga akan bete dan bosan.

• Buat Konten yang Jelas dan Mudah Dimengerti

Membuat postingan yang jelas dan mudah dimengerti oleh pembaca, membutuhkan latihan. Tapi biasanya para Blogger adalah orang-orang yang cenderung suka menulis, maka dengan sendirinya kemampuan untuk menulis akan meningkat dari waktu ke waktu. Tidak perlu menjelaskan sesuatu dengan dalam kalimat-kalimat panjang karena malah bisa membingungkan. Biasanya, penjelasan yang singkat dan sederhana justru bisa mengena.

• Pakai Judul yang Menarik

Judul yang menarik pasti akan membuat siapapun penasaran untuk membaca isinya. Maka memilih judul postingan yang atraktif menjadi hal penting untuk menarik perhatian pembaca. Namun membuat judul yang terlalu berlebihan sehingga keluar konteks, justru tidak akan efektif. Hal ini justru bisa membuat pembaca menganggap blog hanya mengandalkan sensasi saja.

• Pentingnya Kuantitas

Pastikan untuk arsip semua postingan blog Anda untuk menciptakan sebuah portal internet yang kaya konten. Selain memantapkan keberadaan blog, hal ini akan berpengaruh terhadap tampilnya blog Anda di mesin pencari Internet.

• Cermati Tulisan Anda Sebelum Dipublish

Seperti yang kita tahu, apapun yang dipublikasi di internet bisa dibaca banyak orang. Untuk itu, agar terhindar dari masalah, sebaiknya cermati dengan benar apa yang telah ditulis sebelum dipublish di blog. Teliti pula agar tidak ada salah kata ataupun kalimat salah ketik yang mengganggu.

Oke, sekian dulu tulisan dari Saya ini. Apabila ada kritikan atau apapun, silahkan tulis di kolom komentar dibawah ini. Semoga bermanfaat. Sampai jumpa di postingan yang akan datang. Terimakasih.
pre counter

Read more »

buat tulisan berkedip

21 July 2009

Membuat Efek Tulisan Berkedip ( Blink ) 

Untuk menambah koleksi Efek blog saya, kali ini aku akan posting bagaimana cara membuat efek tulisan berkedip ... Untuk membuatnya sangatlah mudah kok, kita tinggal meletakkan kode <blink> sebelum isi postingan / linkmu yang kamu inginkan untuk berkedip dan menutupnya dengan kode </blink>... Untuk lebih mudahnya seperti berikut :

1. Pastekan kode berikut ini untuk membuat postingan berkedip ... pastekan dimanapun kamu mau :

<blink>ISI POSTINGANMU atau ISI LINK MU</blink> ...Bisa waktu Posting (dalam mode Edit Html)
Contoh :

<blink>kali ini aku akan posting bagaimana cara membuat efek tulisan berkedip ...</blink>

setelah di tambahi kode <blink>ISI POSTINGANMU</blink>

HASILNYA akan terlihat serti ini :

kali ini aku akan posting bagaimana cara membuat efek tulisan berkedip ..

2. Untuk membuat link berkedip, Klik pada "Page Element" trus pilih"Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu):

<blink>DESKRIPSI LINK MU</blink>

setelah di tambahi kode <blink>DESKRIPSI LINK MU</blink>

HASILNYA akan terlihat serti ini :

DESKRIPSI LINK MU

Read more »

Cara Mengukur Berat Blog

Cara Mengukur Berat Blog

Disini mungkin Anda tidak menyadari seberapa berat loading blog atau kapasitas blog Anda. Jangan sampe Anda lupa karena ke asyikkan ngeblog, coba Anda koreksi blog Anda sendiri jangan sampe banyak memasang pernak-pernik yang tidak terlalu berguna walaupun itu berguna buat Anda. Contohnya accessories seperti jam, kalender, banner, link dan terlalu banyak widget sehingga script yang digunakan menjadi banyak. Pastinya Anda tidak mau kan orang-orang yang tadinya ingin mengunjungi blog blogger blogspot wordprees maupun web Anda lalu orang-orang itu malah tidak jadi berkunjung karena blog Anda loadingnya lambat dan lama untuk membukanya. Untuk menghindari kejadian itu Anda perlu mengoreksinya seperti yang sudah dijelaskan tadi. Coba Anda bisa mengecek web blog software for kita itu kapasitas blog tidak lebih dari 80 KB dan memang yang penting ukuran normalnya blog jangan sampe lebih dari 100 KB.

Untuk mengurangi rasa penasaran Anda coba Anda bisa cek blog Anda dengan tools dibawah ini:

Masukkan URL: maksimal 10 url dipisahkan dengan baris baru / enter.

Read more »

Menampilkan kode HTML pada posting

Menampilkan kode HTML pada posting
banyak cara agar tulisan kita yang berbentuk kode HTML dapat ditampilkan pada posting. tapi bagi yang belum mengerti dengan HTML ini lumayan sulit. tapi namanya juga dunia internet yang semakin maju hal ini bukanlah sebuah masalah, sipapun bis melakukannya, situs ini mempermudah sobat dalam merubah kode HTML yang akan ditampil pada postingan, dengan tidak diribetkan dengan memasukan kode-kode tertentu. maka kunjungilah situs yang menyediakan jasa untuk itu.

oke kita mulai saja caranya yaitu :

Kunjungi link ini : http://centricle.com/tools/html-entities/
Setelah berada pada situs tersebut masukan kode Html yang ingin anda tampilkan pada postingan.
Klik Encode. Tunggu beberapa saat.
Jika proses selesai, copy hasilnya kemudian paste pada postingan anda.
Selesai

Selain situs yang tadi, kita juga bisa memanfaatkan dua situs lainnya yang fungsinya sama yaitu mengubah kode HTML agar dapat tampil pada postingan. Situs tersebut adalah :

1. http://www.eblogtemplates.com/blogger-ad-code-converter
2. http://www.accessify.com
3. http://www.blogcrowds.com

Read more »

Chat facebook kaskus smiley

Cara Membuatnya

1. Pertama tama buka blogger.com
2. Buka Layout → Add a Gadget → Pilih Javascript/HTML
3. Copas code berikut dan letakan di kotak kosong tadi :

<style type="text/css"> .form {background:white; border-radius:5px; border:2px solid #de0101; box-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25); width:320px; padding:10px} .input {padding:10px 10px; box-shadow:inset 1px 1px 0 #777; border-radius:5px; border:1px solid #fff} .input:focus {background:#ffffe0} .type {width:200px} .output {width:295px} .button {color:#fff; padding:9px 18px; background:-moz-linear-gradient(top,#76c1e3 0%,#1e97e8 25%,#2b84f0); background:-webkit-gradient(linear,left top,left bottom,from(#76c1e3),color-stop(0.25,#1e97e8),to(#2b84f0)); border-radius:5px; border:1px solid #b85f00; box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7); text-shadow:0px -1px 1px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3)} </style> <form class="form" name="code"> <input class="input type" name="type" size="63" type="text" value="pujangga hina" /><input class="button" onclick="change();" type="button" value="Change!" /> <input class="input output" name="output" onclick="select();" size="63" type="text" /></form>

4. Tambahkan lagi kode Javascript berikut ini di bawahnya kode sebelumnya, PILIH SALAH SATU dan sesuaikan.

• <script src="https://sites.google.com/site/farixsantips/scripts/color-rainbow.js" language="javascript"></script>
• <script src="https://sites.google.com/site/farixsantips/scripts/color-green.js" language="javascript"></script>
• <script src="https://sites.google.com/site/farixsantips/scripts/color-block.js" language="javascript"></script>

5. Kemudian Save! jangan lupa tulisan yg berwarna kuning diganti semau anda
6. itu aja slamat berkreasi

Read more »

tips membuat lebel berputar

tips membuat lebel berputar (LABEL CLOUDS)

Update 25 Januari 2011. Setelah Mengalamai gangguan pada hosting tempat penyimpanan script dari pencipta Label Cloud ini, akhirnya kini Label Cloud kini bisa di pungsikan kembali.
Langsung saja praktikan di yuk..!!download terlebih dahulu template sobat, sebagai antisipasi jika nanti gagal. caranya biasa masuk tata letak -> edit HTML -> centang "Expand Template Widget". trus klik "Download Template Lengkap" untuk mendownload templet sobat.

oke sekarang kita membuat LABEL CLOUDS
caranya :

1. Masuk ke Blogger dengan ID sobat!
2. Pilih Rancangan
3. Edit HTML
4. Kasih tanda ceklis pada Expand Template Widget
5. aku ingatkan lagi nieh!! "back up dulu template kalau sobat takut gagal"
6. Cari kode ini : <b:section class='sidebar' id='sidebar' preferred='yes'>
   cara mencarinya tekan "ctrl+f (menggunakan keyboar)" paste kode di atas "klik find next". ketemu kan??.. kalau tidak ktmu cari yang ini saja <b:section class='sidebar' id='sidebar1' preferred='yes'>
   jika tidak ketemu juga cari saja kode yang mirip seperti itu.. masalahnya template blogger berbeda2
7. Copy seluruh kode dibawah ini, terus paste tepat dibawah kode di atas (yang tadi di cari).

<b:widget id='Label100' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy
Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='18'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

8 Gantilah tulisan yang berwarna merah dengan tulisan yang ingin sobat tampilkan
Angka 240 dan 300 merupakan width dan height dari label clouds, ganti oleh sobat sesuai dengan ukuran lebar dan panjang sidebar blog anda
Kode warna #ffffff merupakan kode dari warna hitam yaitu warna dari lay out label clouds, gantilah dengan warna pilihan sobat
Kode 333333 merupakan kode warna putih dari tulisan yang akan muncul, ganti kode warna tersebut dengan warna pilihan sobat.
Angka 100 merupakan kecepatan perputarantulisan dalam label clouds, semakin besar angkanya semakin cepat berputarnya tulisan dalam label clouds, begitu juga sebaliknya,
Angka 18 merupakan ukuran tulisan yang akan muncul di dalam label clouds.

9. klik tombol (save) Simpan template.
10. jadi deh lebelnya .coba lihat blog sobat sekarang...!!!

Read more »

Cara Membuat Judul Blog Bergerak

Cara Membuat Judul Blog Bergerak

Setelah Sebelumnya Klinik-it membahas soal SEO .kali ini klinik-it kembali akan membahas tentang tips-tips menarik mengenai Blog.Dalam postingan kali ini klinik-it akan membahas tentang Cara Membuat Judul Blog Bergerak.Knapa judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar browser.Sebagai contoh lihat disini
Buat kamu yang ingin membuat Judul Blog Bergerak silakan ikuti tutorial Cara Membuat Judul Blog Bergerak Berikut ini.

1.LOGIN ke blogger.

2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.

3.Selanjutnya cari kode berikut ini.

<title><data:blog.pageTitle/></title>

4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5.Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.

5.Kalo udah selesai silakan klik SAVE TEMPLATE

Read more »

Membuat textbox untuk tukar link

Membuat textbox untuk tukar link

Diposkan oleh Diat Buat para blogger pasti sudah tidak asing dengan kata tukar link. Kali ini saya akan share bagaimana cara mebuat textbox walaupun cara ini banyak para blogger yang sudah posting.

contoh textbox:

<br /> <a href="http://budi-mariberkreasi.blogspot.com/">mari berkreasi</a><br />

Cara membuatnya :
Menggunakan tag HTML <textarea> seperti :

<textarea name="txt" style="height: 38px; padding: 3px; width: 171px;">

Tulis Text (Link + Banner) Disini

</textarea>

Jadinya :

Tulis Text (Link + Banner) Disini

Kemudian tambahkan tombol COPY agar bisa langsung di copy semua

<form name="copy"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/>

  ----- Masukan textarea disini ------

</form>

Jadinya :

<form name="copy"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/>

<textarea name="txt" style="height: 38px; padding: 3px; width: 171px;">

Tulis Text (Link + Banner) Disini

</textarea></form>

Tampilan :

Tulis Text (Link + Banner) Disini

Coba klik tombolnya

Read more »

Membuat drop down menu

Membuat drop down menu

Dropdown menu adalah menu yang berisi sekumpulan teks atau link yang disingkat menjadi sebuah menu tunggal.

Isinya hanya akan tampil jika anda mengklik pada menu tersebut sehingga bisa hemat ruangan blog. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya.

Nah untuk membuatnya, caranya sangat mudah:

1. Login ke Blogger. Klik menu Design-> Page Elements
2. Klik Add a Gadget -> HTML/ Javascript
3. Masukkan kode dibawah ini kedalam kotak

<select onChange="document.location.href=this.options[this.selectedIndex].
value;">
<option value="http://alamatblog.com/#" selected>Blogroll</option>
<option value="http://alamatLink.com/">Nama Link</option>
<option value="http://alamatLink.com/">Nama Link</option>
<option value="http://alamatLink.com/">Nama Link</option>
</select>

Jika anda ingin menambah link baru lagi tambahkan kode

<option value="http://alamatLink.com/">Nama Link</option> diatas </select>

Ganti alamatblog dengan dengan alamat blog anda.
Ganti teks berwarna merah dengan alamat link yang ingin dipasang.
Ganti teks berwarna biru dengan nama link yang ingin ditampilkan.


4. Jika sudah klik Save. Selesai


Catatan:
kode diatas untuk membuka link dalam halaman yang sama. Jika anda ingin membuka link pada halaman baru. Ganti kode

<select onChange="document.location.href=this.options[this.selectedIndex].
value;">

Menjadi

<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">

contoh

Blogroll Nama Link Nama Link Nama Link

Read more »

buat tulisan berjan di cbok

Sedikit berbagi pengalaman pribadi lagi nih sob,, heheheheee,,,

pada saat melihat teman-teman blogger menulis di biku tamu CBOX saya kok bisa bergerak-gerak,, sedikit rasa penasaran dan mencoba dengan kode HTML,, tapi ternyata salah,, hehehe,, jadi malu nih sob,, maklumlah masih pemula,, dan akhirnya saya cari di mbah google dan akhinya ketemu juga nih,, setelah saya coba ternyata berhasil juga,, belajar dari kesalahan memang sangat bermanfaat walaupun agak malu juga ya sob,,

Nah bagi sobat yang belum tahu bagaimana caranya biar tidak salah kayak saya disini saya berbagi sedikit ilmu. Diantaranya membuat tulisan berjalan, Berwarna, bergaris bawah, tebal dan lain sebagainya.

Nah langsung saja kita bahas, untuk membuat tulisan pada CBOX lebih terlihat menarik silahkan ikuti langkah langkah berikut :

1. Membuat Teks Berjalan di CBOX
   Apit kata-kata yang ingin dibuat berjalan dengan [scroll] dan [/scroll]
   Contoh: [scroll] Salam bloger [/scroll] hasilnya

salam bloger

2. Membuat Teks Berukuran Besar
   Apit kata-kata yang ingin dicetak besar dengan [big] dan [/big]
   Contoh: [big] Salam kenal [/big] hasilnya adalah Salam kenal

3. Membuat Teks Miring
   Apit kata-kata yang ingin dicetak miring dengan [i] dan [/i]
   Contoh: [i] Salam kenal [/i] hasilnya Salam kenal

4. Membuat Teks Tebal
   Apit kata-kata yang ingin dicetak tebal dengan [b] dan [/b]
   Contoh: [b] Salam kenal [/b] hasilnya adalah Salam kenal

5. Membuat Teks Bergaris Bawah
   Apit kata-kata yang ingin digaris bawah dengan [u] dan [/u]
   Contoh: [u ]Salam kenal [/u] hasilnya adalah Salam kenal

6. Membuat Teks Bergaris Tengah
   Apit kata-kata yang ingin di garis tengah atau dicoret dengan [s] dan [/s]
   Contoh: [s] Salam kenal [/s] hasilnya adalah Salam kenal

7. Membuat Tulisan Berukuran Kecil
   Apit kata-kata yang ingin dicetak kecil dengan [small] dan [/small]
   Contoh: [small] Salam kenal [/small] dan hasilnya adalah Salam kenal

8. Cara Membuat Tulisan Rata Tengah (Center)
   Apit kata-kata yang ingin dibuat rata tengah dengan [center] dan [/center]
   Contoh: [center] Salam kenal [/center]

9. Membuat Tulisan Berwarna
   Apit kata-kata yang ingin diberi warna dengan [color=warna] dan [/color]
   Contoh: [color=red] Salam kenal [/color]  maka hasilnya adalah Salam kenal

10. Cara Membuat Teks yang Ber Link
   Apit kata-kata yang ingin diberi link dengan [url=alamaURL] dan [/url]
   Contoh: [url=http://zuazz.blogspot.com/] Zuaz'Z [/url] maka hasilnya adalah Zuaz'Z

Selamat mencoba ya sob,,

Read more »

Cara Membuat Related Post

Cara Membuat Related Post LinkWithin (Thumbnails) dan Trik Lengkapnya

(Tutorial Lengkap Cara Membuat dan Trik Kostumisasi Widget LinkWithin Related Post with Thumbnails')

Sudah beberapa lama ini saya menggunakan widget LinkWithin dan hasilnya cukup lumayan sebagai salah satu upaya untuk membuat pengunjung bisa melihat-lihat lagi halaman yang lainnya, sehingga meningkatkan jumlah pageview & cukup lumayan untuk menyumbangkan sejumlah traffic. Bisa dibilang LinkWithin adalah tool navigasi eksternal yang cukup keren. Halaman-halaman lama yang jarang tersentuh pun bisa dioptimalkan lagi dengan penggunaan fitur ini. Selain itu, widget ini juga menggunakan thumbnail yang bisa meningkatkan daya tarik. Tampilannya pun lumayan. Linkwithin melakukan generating gambar dari page yang dimuat, atau jika tidak ada gambar dalam halaman tersebut, LinkWithin akan menampilkan gambar dasar berwarna abu-abu dan sedikit bertekstur. Sistem yang digunakan adalah randoming content, jadi semi random, namun tetap melakukan upaya persamaan konteks melalui judul, tag, atau label. Sehingga ketika page di load, dibutuhkan waktu untuk tool ini merayap dan menampilkan hasilnya. Tapi tidak cukup lama kok. Lagi pula tidak ada apa-apanya dibanding hasilnya. So, what are the ways to use it?

Cara Mendapatkan Widget

1. Go to LinkWithin.

2. Setelah masuk halamannya, lihat ke bagian kanan bawah dimana disitu terdapat kolom isian untuk mendapatkan widgetnya.

3. Masukkan valid email.

4. Isikan url blog/website.

5. Pilih Platform blog anda (ini digunakan untuk memasukkan secara otomatis melalui dashboard/admin page blog).

6. Pilih jumlah link/stories yang ingin anda tampilkan, sesuaikan dengan lebar post body di blog.(pilih melalui dropdown menu di kolom Width)

7. Centang "My blog has light text on a dark background" jika latar tampilan blog anda berwarna gelap.

8. Klik 'GetWidget!'.

9. Anda akan masuk ke halaman selanjutnya dan dibimbing untuk melakukan langkah-langkah sesuai dengan platform blog.

10. Setelah masuk ke halaman widget editor/page element di dashboard, tarik widget ke bawah post body jika ingin ditampilkan di bawah post body, save dan check hasilnya.

Contoh tampilannya seperti ini:

 Kostumisasi Widget

a. Kata-kata "you might also like:" mungkin kurang keren menurut anda, so anda bisa menggantinya dengan cara:

1. Masuk ke Edit HTML di dahboard anda

2. Cari tag <head> (Ctrl+F)

3. Kemudian masukkan script berikut di bawahnya:

<script>linkwithin_text='TEKS DISINI:'</script>

4. Ganti TEKS DISINI dengan teks yang anda inginkan dan save template.

b. Jika ingin menempatkan widget LinkWithin di posisi tertentu di bawah post body, karena mungkin disana ada banyak widget lain seperti Adsense, letakkan kode berikut di atas atau dibawah widget yang lain di bagian post body (cari widget-widget di bagian post body).

<div class="linkwithin_div"></div>

Lalu save.

c. Ketika berada di halaman utama (frontpage) atau halaman-halaman yang memuat query posts, widget ini akan muncul di bawah setiap post. Hal ini tentu saja tampak tidak elegan dan membutuhkan waktu loading yang lebih lama. So, jika anda ingin widget ini hanya muncul di bagian posting saja (menyembunyikannya dari halaman muka), lakukan langkah berikut:

1. Jika anda sudah terlajur memiliki widget LinkWithin yang terpasang, silakan di remove/delete terlebih dahulu.

2. Lakukan kembali langkah untuk mendapatkan widget LinkWithin diatas. Khusus pada menu Platform pilih 'Other'. Klik 'Get Widget!'

3. Anda akan menuju ke halaman selanjutnya, lalu copy script yang telah terbuat dan simpan script tersebut.

4. Kemudian masuk ke edit HTML template anda, dan ikuti langkah sederhana cara menampilkan widget hanya di post body.

5. Save dan lihat hasilnya.

Read more »

panduan html

Panduan HTML

Kode Dasar HTML

Cheat Sheet HTML

Special Characters HTML

Test Kode HTML

Intip HTML

Photo Album Generator
Html Comment Box

Read more »

Cara Membuat Kotak Like Facebook Melayang

 mumpung masih nganggur fosting apajalah

 

Jika kamu menggunakan Cara ini kan cukup lumayan bisa menghemat tempat, ok langsung aja cara membuat nya.

• Login Ke Blog Kamu.
• Pilih Rancangan lalu Pilih Add Gadget.
• Pilih HTML Java Script.
• Lalu Copy Kode di Bawah ini.

<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodlrMpjJVZ_UM1B3y_aXpePxAJNzr4ABoUGvyqzyms9IcOOqDLvadCpNFV1uYhNdhjIp8pnWrFA3P8WzDymju4rVD6HlbolioIEHDL7qLgHtADvogfXYhcJ6SJ9ffeXwGaDG-do0q8eym/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
letakan disini
</div>
</center>
</div>

Read more »

cara membuat baner

banner untuk bertukar link. Selain itu banner juga berfungsi untuk promosi iklan. Banyak sekali situs yang menyediakan layanan secara instant dan online untuk membuat banner. , Situs-situs tersebut sudah memberikan banyak fasilitas yang cepat dan instant seperti :
Banner
1. http://www.semuabisnis.com/banner/
2. http://mybannermaker.com/
3. http://www.addesigner.com

Logo
1. http://cooltext.com
2. http://supalogo.com/
3. http://tools.blogflux.com/buttonmaker/

Sekarang yang saya jelaskan cara membuat banner memalui mybannermaker.com caranya sangat mudah yaitu:
1. Masuk ke mybannermaker.com
2. Pilih ukuran size yang anda inginkan
3. Kemudian lanjutkan kemenu background,
4. Selanjutnya kemenu text dan lanjutkan sampai menu save setelah itu anda bisa centang pada Show code box below the banner kemudian save the banner.
5. Untuk mengetahui HTMLnya anda cukup mengklik continue on free dan copy lalu paste pada gadget HTML/javaScript.
slamat berkreasi....

Read more »

Kumpulan Widget Jam Unik & Menarik 1

Kumpulan dari beberapa widget jam yang menurut saya unik & menarik. Buat sobat blogger yang sedang berburu widget jam, monggo di lihat dahulu barangkali ada yang cocok untuk dipasang di blog sobat... Postingan artikel ini akan saya buat dalam beberapa seri karena untuk mempercepat waktu loading tampilan blog pada artikel ini... So Stay Tune terus ya buat update-nya :-).

---

Model 1

<script src="http://localtimes.info/clock.php?continent=Asia&amp;country=Indonesia&amp;city=Jakarta&amp;widget_number=121&amp;fwdt=150&amp;ham=1&amp;hfg=1" type="text/javascript"></script>

Model 2

<embed allowscriptaccess="sameDomain" flashvars="&amp;col1=d89b09&amp;col2=7cc034&amp;dayAdd=0&amp;cal=true&amp;gig_lt=1248336103578&amp;gig_pt=1248336182359&amp;gig_g=1&amp;gig_n=blogger" height="120" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="120" wmode="transparent"></embed>

Model 3

<embed height="66" src="http://www.clocklink.com/clocks/5010-red.swf?TimeZone=JOG&amp;" type="application/x-shockwave-flash" width="222" wmode="transparent"></embed>

Model 4

<embed allowscriptaccess="sameDomain" flashvars="col1=e18f32&amp;col2=59ba1f&amp;col3=005500&amp;dur=3000&amp;gig_lt=1291620994625&amp;gig_pt=1291621000984&amp;gig_g=1" height="170" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="autohigh" src="http://www.widgipedia.com/widgets/alhabib/Asmaul-Husna-99-Beautiful-Names-of-Allah-3616-8192_134217728.widget?__install_id=1291620746812&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed>

Model 5

<embed allowscriptaccess="sameDomain" flashvars="&amp;dayAdd=0&amp;cal=true&amp;rb=1&amp;ak=1&amp;jb=&amp;gig_lt=1261135267406&amp;gig_pt=1261135338171&amp;gig_g=1" height="160" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Cute-Little-Muslim---Hijri-Calendar-2833-8192_134217728.widget?__install_id=1261135080421&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="140" wmode="transparent"></embed>

Model 6

<embed height="175" src="http://www.clocklink.com/clocks/0020-black.swf?TimeZone=JOG&amp;" type="application/x-shockwave-flash" width="175" wmode="transparent"></embed>

Model 7

<embed height="175" src="http://www.clocklink.com/clocks/bloguru003-black.swf?TimeZone=JOG&amp;" type="application/x-shockwave-flash" width="175" wmode="transparent"></embed>

Model 8

<embed allowscriptaccess="sameDomain" flashvars="col1=ff9900&amp;col2=0066FF&amp;col3=990099&amp;col4=FF0099&amp;gig_lt=1278851251515&amp;gig_pt=1278851275906&amp;gig_g=1" height="139" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="autohigh" src="http://www.widgipedia.com/widgets/alhabib/Islamic-Calendar-with-Floral-Ornament-3613-8192_134217728.widget?__install_id=1278849927035&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="130" wmode="transparent"></embed>

Model 9

<embed allowscriptaccess="sameDomain" flashvars="&amp;col1=b7c628&amp;col2=000000&amp;col3=eeffcc&amp;tzoffset=false&amp;gig_lt=1297562109521&amp;gig_pt=1297562127614&amp;gig_g=1" height="100" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1297561840488&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="175" wmode="transparent"></embed>

Model 10

<embed height="177" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://fc01.deviantart.com/fs45/f/2009/139/2/6/Spongebob_Clock_by_blogclocks.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed>

Read more »

Widget Kereta Api Berjalan Di Blog

Naik kereta api...tut...tut...tut, hehehe :):) kreasi unik, orisinil dan dinamis dari MonozCore kali ini mengenai widget kereta api (train). Pasti sobat bertanya-tanya widget yang gimana ya... koq bisa.... bisa sob, coba lihat contohnya di postingan artikel ini... Gimana unik-kan... Oke dech...Widget ini menggunakan trik dasar kode HTML dan sedikit olahan animasi gambar. So.. buat moz's blogger yang pengen menghias blognya dengan widget kereta api ini monggo disimak cara pemasangannya.

Catatan :
Gambar kereta api dan gambar pendukung rencananya akan disediakan dalam beberapa model set kereta api, so... buat yang hobby sama kereta api stay tuned terus di postingan artikel ini untuk melihat pilihan gambar set kereta api lainnya. Jika sobat blogger ingin request set kereta api tertentu atau set kereta api tanpa ada watermark monozcore ataupun dengan watermark yang sobat inginkan, monggo hubungi saya lewat email.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.
  
  
  


• Cari kode </Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Body> tersebut.
  
  
  <div style="bottom: 1px; position: fixed; text-decoration: none; width: 100%;">
  <marquee behavior="scroll" direction="left" onmouseout="start()" onmouseover="stop()">
  <a href="http://budi-mariberkreasi.blogspot.com/" target="blank"><img alt="MonozCore train-set" src="https://lh4.googleusercontent.com/-XGVa4obnGBs/T2Bj-S26H4I/AAAAAAAABa0/yvgGhKN-M1I/s800/train-set1.gif" title="Follow me at twitter" /></a>
  </marquee>
  </div>
  <div style="bottom: 1px; left: 100px; position: fixed; text-decoration: none;">
  <img alt="MonozCore train-set" src="https://lh4.googleusercontent.com/-mxFDN0t_jFc/T2BT2L8fENI/AAAAAAAABaY/_pmxIlcP7BU/s800/train-set3.png" />
  </div>
  <div style="bottom: 1px; left: 270px; position: fixed; text-decoration: none;">
  <img alt="MonozCore train-set" src="http://i1254.photobucket.com/albums/hh606/MonozCore/th_train-set4.gif" style="height: 35px;" />
  </div>
  <div style="bottom: 1px; left: 600px; position: fixed; text-decoration: none;">
  <img alt="MonozCore train-set" src="https://lh3.googleusercontent.com/-YnWPATFN4ig/T2CICLEectI/AAAAAAAABbI/y1-Wsr50aiQ/s800/train-set2.png" />
  </div>

  
  

  
  
  - Keterangan :
  • not available.


• Klik "Save" dan lihat hasilnya...

Pilihan Set Kereta Api :

• Set Kereta Api 1
  
  • Kereta Api
    
  
  
  • Set 1
    
  • Set 2
    
  • Set 3
    


• Set Kereta Api 2
  
  • Kereta Api
    
  
  
  • Set 1
    -
  • Set 2
    -
  • Set 3
    -

Read more »

tes kode html dan kumpula kumpulan kode warna

klik  disini


usage examples below.

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

Secondary/Mixed/Pastel Colors
FF4848	FF68DD	FF62B0	FE67EB	E469FE	D568FD	9669FE
FF7575	FF79E1	FF73B9	FE67EB	E77AFE	D97BFD	A27AFE
FF8A8A	FF86E3	FF86C2	FE8BF0	EA8DFE	DD88FD	AD8BFE
FF9797	FF97E8	FF97CB	FE98F1	ED9EFE	E29BFD	B89AFE
FFA8A8	FFACEC	FFA8D3	FEA9F3	EFA9FE	E7A9FE	C4ABFE
FFBBBB	FFACEC	FFBBDD	FFBBF7	F2BCFE	EDBEFE	D0BCFE
FFCECE	FFC8F2	FFC8E3	FFCAF9	F5CAFF	F0CBFE	DDCEFF
FFDFDF	FFDFF8	FFDFEF	FFDBFB	F9D9FF	F4DCFE	E6DBFF
FFECEC	FFEEFB	FFECF5	FFEEFD	FDF2FF	FAECFF	F1ECFF
FFF2F2	FFFEFB	FFF9FC	FFF9FE	FFFDFF	FDF9FF	FBF9FF
800080	872187	9A03FE	892EE4	3923D6	2966B8	23819C
BF00BF	BC2EBC	A827FE	9B4EE9	6755E3	2F74D0	2897B7
DB00DB	D54FD5	B445FE	A55FEB	8678E9	4985D6	2FAACE
F900F9	DD75DD	BD5CFE	AE70ED	9588EC	6094DB	44B4D5
FF4AFF	DD75DD	C269FE	AE70ED	A095EE	7BA7E1	57BCD9
FF86FF	E697E6	CD85FE	C79BF2	B0A7F1	8EB4E6	7BCAE1
FFA4FF	EAA6EA	D698FE	CEA8F4	BCB4F3	A9C5EB	8CD1E6
FFBBFF	EEBBEE	DFB0FF	DBBFF7	CBC5F5	BAD0EF	A5DBEB
FFCEFF	F0C4F0	E8C6FF	E1CAF9	D7D1F8	CEDEF4	B8E2EF
FFDFFF	F4D2F4	EFD7FF	EDDFFB	E3E0FA	E0EAF8	C9EAF3
FFECFF	F4D2F4	F9EEFF	F5EEFD	EFEDFC	EAF1FB	DBF0F7
FFF9FF	FDF9FD	FEFDFF	FEFDFF	F7F5FE	F8FBFE	EAF7FB
5757FF	62A9FF	62D0FF	06DCFB	01FCEF	03EBA6	01F33E
6A6AFF	75B4FF	75D6FF	24E0FB	1FFEF3	03F3AB	0AFE47
7979FF	86BCFF	8ADCFF	3DE4FC	5FFEF7	33FDC0	4BFE78
8C8CFF	99C7FF	99E0FF	63E9FC	74FEF8	62FDCE	72FE95
9999FF	99C7FF	A8E4FF	75ECFD	92FEF9	7DFDD7	8BFEA8
AAAAFF	A8CFFF	BBEBFF	8CEFFD	A5FEFA	8FFEDD	A3FEBA
BBBBFF	BBDAFF	CEF0FF	ACF3FD	B5FFFC	A5FEE3	B5FFC8
CACAFF	D0E6FF	D9F3FF	C0F7FE	CEFFFD	BEFEEB	CAFFD8
E1E1FF	DBEBFF	ECFAFF	C0F7FE	E1FFFE	BDFFEA	EAFFEF
EEEEFF	ECF4FF	F9FDFF	E6FCFF	F2FFFE	CFFEF0	EAFFEF
F9F9FF	F9FCFF	FDFEFF	F9FEFF	FDFFFF	F7FFFD	F9FFFB
1FCB4A	59955C	48FB0D	2DC800	59DF00	9D9D00	B6BA18
27DE55	6CA870	79FC4E	32DF00	61F200	C8C800	CDD11B
4AE371	80B584	89FC63	36F200	66FF00	DFDF00	DFE32D
7CEB98	93BF96	99FD77	52FF20	95FF4F	FFFFAA	EDEF85
93EEAA	A6CAA9	AAFD8E	6FFF44	ABFF73	FFFF84	EEF093
A4F0B7	B4D1B6	BAFEA3	8FFF6F	C0FF97	FFFF99	F2F4B3
BDF4CB	C9DECB	CAFEB8	A5FF8A	D1FFB3	FFFFB5	F5F7C4
D6F8DE	DBEADC	DDFED1	B3FF99	DFFFCA	FFFFC8	F7F9D0
E3FBE9	E9F1EA	EAFEE2	D2FFC4	E8FFD9	FFFFD7	FAFBDF
E3FBE9	F3F8F4	F1FEED	E7FFDF	F2FFEA	FFFFE3	FCFCE9
FAFEFB	FBFDFB	FDFFFD	F5FFF2	FAFFF7	FFFFFD	FDFDF0
BABA21	C8B400	DFA800	DB9900	FFB428	FF9331	FF800D
E0E04E	D9C400	F9BB00	EAA400	FFBF48	FFA04A	FF9C42
E6E671	E6CE00	FFCB2F	FFB60B	FFC65B	FFAB60	FFAC62
EAEA8A	F7DE00	FFD34F	FFBE28	FFCE73	FFBB7D	FFBD82
EEEEA2	FFE920	FFDD75	FFC848	FFD586	FFC48E	FFC895
F1F1B1	FFF06A	FFE699	FFD062	FFDEA2	FFCFA4	FFCEA2
F4F4BF	FFF284	FFECB0	FFE099	FFE6B5	FFD9B7	FFD7B3
F7F7CE	FFF7B7	FFF1C6	FFEAB7	FFEAC4	FFE1C6	FFE2C8
F9F9DD	FFF9CE	FFF5D7	FFF2D2	FFF2D9	FFEBD9	FFE6D0
FBFBE8	FFFBDF	FFFAEA	FFF9EA	FFF7E6	FFF4EA	FFF1E6
FEFEFA	FFFEF7	FFFDF7	FFFDF9	FFFDF9	FFFEFD	FFF9F4
D1D17A	C0A545	C27E3A	C47557	B05F3C	C17753	B96F6F
D7D78A	CEB86C	C98A4B	CB876D	C06A45	C98767	C48484
DBDB97	D6C485	D19C67	D29680	C87C5B	D0977B	C88E8E
E1E1A8	DECF9C	DAAF85	DAA794	CF8D72	DAAC96	D1A0A0
E9E9BE	E3D6AA	DDB791	DFB4A4	D69E87	E0BBA9	D7ACAC
EEEECE	EADFBF	E4C6A7	E6C5B9	DEB19E	E8CCBF	DDB9B9
E9E9C0	EDE4C9	E9D0B6	EBD0C7	E4C0B1	ECD5CA	E6CCCC
EEEECE	EFE7CF	EEDCC8	F0DCD5	EACDC1	F0DDD5	ECD9D9
F1F1D6	F5EFE0	F2E4D5	F5E7E2	F0DDD5	F5E8E2	F3E7E7
F5F5E2	F9F5EC	F9F3EC	F9EFEC	F5E8E2	FAF2EF	F8F1F1
FDFDF9	FDFCF9	FCF9F5	FDFAF9	FDFAF9	FCF7F5	FDFBFB
F70000	B9264F	990099	74138C	0000CE	1F88A7	4A9586
FF2626	D73E68	B300B3	8D18AB	5B5BFF"	25A0C5	5EAE9E
FF5353	DD597D	CA00CA	A41CC6	7373FF	29AFD6	74BAAC
FF7373	E37795	D900D9	BA21E0	8282FF	4FBDDD	8DC7BB
FF8E8E	E994AB	FF2DFF	CB59E8	9191FF	67C7E2	A5D3CA
FFA4A4	EDA9BC	F206FF	CB59E8	A8A8FF	8ED6EA	C0E0DA
FFB5B5	F0B9C8	FF7DFF	D881ED	B7B7FF	A6DEEE	CFE7E2
FFC8C8	F4CAD6	FFA8FF	EFCDF8	C6C6FF	C0E7F3	DCEDEA
FFEAEA	F8DAE2	FFC4FF	EFCDF8	DBDBFF	D8F0F8	E7F3F1
FFEAEA	FAE7EC	FFE3FF	F8E9FC	EEEEFF	EFF9FC	F2F9F8
FFFDFD	FEFAFB	FFFDFF	FFFFFF	FDFDFF	FAFDFE	F7FBFA

Read more »