tips membuat blog: Maret 2011

Jumat, 11 Maret 2011

Bermacam-Macam Jam Animasi Untuk Blog

Langsung yaaaa..!!!

Caranya :

1. Masuk ke Dasbor
2. Pilih Tata Letak
3. Tambah Gadget / Add as Target
4. Pilih HTML/Java Script

Ni kode beserta contoh jamnya

Jam Analog

<embed src=http://fc02.deviantart.com/fs48/f/2009/196/1/3/appleanalogclock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=120 height=140 wmode=transparent></embed>

Jam Digital

<embed src=http://fc08.deviantart.com/fs49/f/2009/196/a/7/appledigitalclock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=120 height=140 wmode=transparent></embed>

Jam Spongebob

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

Jam Orange Orange

Mmmm… kalo ini untuk yang suka dengan jam animasi dengan karakter ce pake jilbab :D
CopyPaste aja kodenya di bawah ini. Jangan lupa sebelum di-paste di blog Anda, ganti teks yang berwarna Merah dengan nama blog Anda (untuk penulisan nama blog yang ada spasinya, harus diganti dengan tanda +, misal nama blog : Ichal Blog, maka harus ditulis Ichal+Blog
Yuhu… met coba yak…

<embed src="http://www.geocities.com/unazzanu/aksesorisblog/jamanimasi/zawabloganimasi_1.swf?ygpunya=Ichal+Blog" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed>

Jam Animasi / Kucing Balon

No Image

<embed src="http://fwt.txdnl.com/5-10/z/a/zawa/aksesorisblog/zawabloglucu_2.swf" width="120" height="120" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed>

Jam Animasi / Kucing Cinta

No Image

<embed src="http://fwt.txdnl.com/5-10/z/a/zawa/aksesorisblog/zawabloglucu_1.swf" width="120" height="120" menu="false" quality="high" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer/"></embed>

Baru!!!
Jam Animasi Lambang "GARUDA"

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

Baru!!!
Jam Animasi Squidward

<embed src="http://fc03.deviantart.com/fs48/f/2009/189/1/e/clockwidget_by_blogclocks.swf?c=0x99e2ff&p=http%3A%2F%2Fi41%2Etinypic%2Ecom%2F11rydfq%2Ejpg&a=20&s=1&r=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" wmode="transparent"></embed>

***Selamat Mencoba***

Membuat Widget Komentar Paling Banyak ( Top Comments )

Lanjut untuk membuat Widget Komentar Paling Banyak ( Top Comments ), Langkah-langkahnya adalah sebagai berikut :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" ( Tempatnya terserah kamu ).
3.Copy Paste Script Berikut :

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=33e2eb4dc25c7c21b9c586e11d2bc904&filter=Nama Anda&url=http%3A%2F%2FYOURBLOGNAME.blogspot.com&num=10" type="text/javascript"></script>
<span style=">Widget edited by <a href="http://themahyonk.blogspot.com/2009/10/membuat-widget-komentar-paling-banyak.html" target="_blank">Ichal Blogspot</a></span>

4. Ganti YOURBLOGNAME dengan nama blog kamu.
5. Angka "10" menunjukkan jumlah "Top Comment" yang ditampilkan, kamu bisa menggantinya
6. Nama Anda ,nama yang Anda gunakan saat komentar ( akan dihapus / tidak ditampilkan dari daftar top komentator )
7. Terus Simpan.

Menampilkan / Pasang Emoticon di Kotak Komentar

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :

Emoticon Kucing :

Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

Untuk Emoticon Kucing :
Lanjut Bacanya??

4. Kemudian cari kode berikut ini :

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

Kalo mo yang emoticon kucing pake yang ini :

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Membuat Gambar Melayang (Float Image)

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.

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

3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

"http://iwandah.blogspot.com" adalah link. ganti dengan link kamu.
"http://kendhin.890m.com/soniclari.gif" adalh lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

Cara Membuat Daftar Isi dengan Scroll bar

Apakah ini yang anda Cari-Cari???

Contoh :

Cara Menghilangkan Icon Obeng & Tang di Blog
Cara Membuat Link Berkelip-Kelip
Cara Membuat Tulisan Berjalan "MARQUEE"
Cara Hitung Mundur Pesta Blogger 2009
Menampilkan Kode HTML/JavaScript Pada Blog
Cara Menghilangkan noFollow Pada Komentar
Menulis Kode Script Pada Blogger
Cara Memasang ShoutMix Pada Blog
Cara Menghilangkan Tanggal Postingan Pada Blog
New Post Editor Dari Blogger Untuk Blogspot
Cara Membuat Label 3D Ala Blogumus
Bermacam-Macam Jam Animasi Untuk Blog
Memasang Emoticon Pada Form Komentar

Anda Tertarik..!!!

Ikuti ajJah langkah-langkahnya di bawah ini :

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

Daftar isi menggunakan icon kecil di sampingnya

Cara Menghilangkan Icon Obeng & Tang di Blog

Cara Membuat Link Berkelip-Kelip

Cara Membuat Tulisan Berjalan "MARQUEE"

> Daftar isi menggunakan angka disampingnya

1. Cara Mnghilangkan Navbar

2. Panduan membuat blog di blogger

Keterangan:
380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.
Ingat:
Ganti tulisan yang berwarna Merah dengan alamat postingan anda dan ganti tulisan berwarna Biru yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.
5. Kalau sudah klik Save Template.
Selesai.
Selamat Mencoba

Bermacam-Macam Symbol Buat Tulisan Blog

=> © = ©
=> ® = ®
=> ™ = ™
=> € = €
=> " = "
=> & = &
=> < = <
=> > = >
=> =  
=> ¡ = ¡

=> ¢ = ¢
=> £ = £
=> ¤ = ¤
=> ¥ = ¥
=> ¦ = ¦
=> § = §
=> ¨ = ¨
=> ª = ª
=> « = «
=> ¬ = ¬
=> = 
=> ¯ = ¯
=> ° = °
=> ± = ±
=> ² = ²
=> ³ = ³
=> ´ = ´
=> µ = µ
=> ¶ = ¶
=> · = ·
=> ¸ = ¸
=> ¹ =¹
=> º = º
=> » = »
=> ¼ = ¼
=> ½ = ½
=> ¾ = ¾
=> ¿ = ¿
=> À = À
=> Á = Á
=> Â = Â
=> Ã = Ã
=> Ä = Ä
=> Å = Å
=> Æ = Æ
=> Ç = Ç
=> È = È
=> É = É
=> Ê = Ê
=> Ë = Ë
=> Ì = Ì
=> Í = Í
=> Î = Î
=> Ï = Ï
=> Ð = Ð
=> Ñ = Ñ
=> Ò = Ò
=> Ó = Ó
=> Ô = Ô
=> Õ = Õ
=> Ö = Ö
=> × = ×
=> Ø = Ø
=> Ù = Ù
=> Ú = Ú
=> Û = Û
=> Ü = Ü
=> Ý = Ý
=> Þ = Þ
=> ß = ß
=> à = à
=> á = &aacutel;
=> â = â
=> ã = ã
=> ä = ä
=> å = å
=> æ = æ
=> ç = ç
=> è = è
=> é = é
=> ê = ê
=> ë = ë
=> ì = ì
=> í = í
=> î = î
=> ï = ï
=> ð = ð
=> ñ = ñ
=> ò = ò
=> ó = ó
=> ô = ô
=> õ = õ
=> ö = ö
=> ÷ = ÷
=> ø = ø
=> ù = ù
=> ú = ú
=> û = û
=> ü = ü
=> ý = ý
=> þ = þ
=> ÿ = ÿ
=> † = &dagger;
=> ‡ = &Dagger;
=> … = …
=> ‰ = &permil;

Cara Hitung Mundur Pesta Blogger

Langsung yaaa..!!!

Caranya :
1. Masuk ke Dasbor
2. Pilih Tata Letak
3. Tambah Gadget / Add as Target
4. Pilih HTML/Java Script

Ni kode beserta contoh Widgetnya :

Model A

<embed src=http://fc04.deviantart.com/fs47/f/2009/198/d/6/pestablogger2009_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=90 height=130 wmode=transparent></embed>

Model B

<embed src=http://fc03.deviantart.com/fs48/f/2009/198/8/7/pestablogger_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=90 height=130 wmode=transparent></embed>

***Selamat Mencoba***

Cara Membuat Arah Panah Mouse di Kelilingi Dengan Pernak-Pernik

Tutor ini saya beri nama = "Mouse Comet" karena tanda panah mouse kita di kelilingi seperti halnya butiran-butiran batu comet gitu,, hehe...

cara membuatnya mudah ko,, tinggal kamu Copy Paste aja script yang ada dibawah ini...

mau???

<script src="http://h1.ripway.com/ichal13/Mouse-comet.js" type="text/javascript"></script>

kalu sudah di Copy,, kamu Paste deh,, caranya :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Edit/HTML
4. Cari kode seperti ini : </head>
5. Kalau sudah ketemu, letakkan script di atas tadi tepat di bawah kode </head>

Simpan....

Selamat Mencoba

Cara Memasang ShoutMix di Blogspot

Caranya :

>> Buka situs ini http://www.shoutmix.com/
>> Lalu Klik CREATE YOUR SHOUTBOX NOW
>> Kemudian Isi Formulir (seperti gbr dibawah ini)

Shoutbox ID:

Isi Shoutbox ID yg merupakan Username untuk mengakses Shoutbox, misalkan: Ichal

Choose Password:

“Isi password anda yg diinginkan”

Retype password:

“Isi kembali password anda (harus sama ya !)

Name:

“Isi Nama Anda, contoh: kwangkxz”

Email:

“Masukan email Anda, contoh faisalhusaini13@yahoo.com"

Checklist label ” I have read and agree to the Terms of Service.”

Lalu, Klik continue

Pilihlah salah satu bentuk Shoutmix yang anda inginkan dengan meng-klik lingkaran di gambar, kemudian klik Continue

Lalu klik “Go to my control panel now”

Klik Get codes, jika ingin merubah warna atau style shoutmix anda bisa merubah di bagian Display.

Tentukan Width (Lebar) dan Height (Tinggi) yang diinginkan, atau ukurannya dibiarkan saja.

Blok Script (kode tulisan di bawah) dengan cara klik kanan mouse, lalu klik copy.

CARA MEMASANG DI BLOGSPOT

Login ke blogspot anda

klik “Tata Letak” atau “Layout”

Klik Tambah Gadget di kiri atau kanan Layout

Cari dan klik HTML/Java Script

Masukan Judul yang diinginkan, contoh: Tinggalkan Pesan

Pada bagian Konten, Paste Script yang tadi diambil di shoutmix.com

Kemudian klik Simpan

Kemudian pada Layout bagian atas klik SIMPAN (sebelah kanan BERSIHKAN EDIT)

Lihat hasilnya dengan klik “Lihat Blog” pada bagian atas Dashboard

Demikianlah artikel dalam Belajar Blog ini dibuat dan semoga bermanfaat bagi teman-teman.

Blogger yg ingin blognya di isi dengan ShoutMix.

Bila ada pertanyaan, jangan sungkan untuk bertanya di kolom
ShoutMix yg saya miliki atau dengan mengiriman email kepada saya.

***Terimakasih***

Cara Membuat Auto Hide pada Navbar Blogger

Langsung yaaaa!!!

Berikut Cara membuatnya :

1. Klik tab Tata Letak
2. Edit HTML
3. Cari kode body {
4. Copy Paste code dibawah ini diatas kode body {

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

5. Selesai...

Selamat Mencoba

Cara Membuat Agar Blog Kita Tidak Bisa di Block / Anti Jiplak CoPas

Cara seperti ini kalau memang semua isi blog anda tidak ingin karya anda di CoPas orang lain,.

mau??

mau??

mau??
Silahkan ikuti langkah-langkahnya yUa^_^ :

1. Masuk ke Dasbor
2. Klik tab Tata Letak
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode <head>
6. Kalau sudah ketemu, anda Copy Pastekan script yang ada dibawah ini "Persis setelah kode<head>".

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

7. Klik Simpan Template
8. Selesai

Selamat mencoba, semoga bermanfaat

Cara Membuat Animasi Status Loading

Cara membuatnya!!!

Login ke account blogger anda.
Klik Layout --> Edit HTML.
Cari kode <body> di dalam template anda dan ganti dengan kode di bawah ini :

<body onLoad='init()'&gt<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://URL Lokasi Simpan.Image'/></div><script src='http://h1.ripway.com/ichal13/preloader.js' type='text/javascript'/></script>

Keterangan :
+ Ganti huruf yang berwarna merah sesuai dengan Punya sobat.
+ Untuk peletakkanya anda bisa mengatur pada tulisan text:align center mau diletakkan ditengah atau disamping terserah.

4. Simpan Template dan selesai.

Selamat mencobanya sob ...

Cara Membuat Berlangganan Via Email

Ikuti Langkah-Langkahnya yUa!!!

1. Sobat harus daftar dulu di http://www.feedburner.com
2. Kemudian saat pertama kali masuk ke situs tersebut, Sobat akan dihadapkan pada Form/Kotak untuk membakar Feed Sobat
3. Dan untuk alamat Feed Blog sobat biasanya akan seperti inihttp://NAMABLOG.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOG dengan alamat blog sobat.
4. Isikan nama feed blogmu ke dalam kotak yang ada, jika blog sobat itu isinya hanya video maka beri tanda centang pada kotak "I am a podcaster". Kemudian klik "next"

5. Kemudian sobat hrus melakukan Pendaftaran isikan data-data yang perlu truzz klik "Activate Feed"
6. Coba lihat dibawah akan ada "Next" dan "Skip directly to feed management" truzz pilih "Skip directly to feed management".
7. Kemudian sobat akan lihat beberapa Tab Menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan ada beberapa menu lagi. PIlih menu "Email Subscriptions".
9. Truzz klik tombol "Activate"
10. Dah capek lom masih da langkah berikutnya lho.... Nah... kalosobat pingin yang berbentukform maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode tersebut truzzz save
12. Sekarang tinggal di paste blog sobat
13. Oya... satu lagi biar g' tanggung bila sobat ingin menampilkan jumlah pembaca pilh menu "Publicize --> FeedCount" disitu ada script yang harus sobat copy dan pasang di blog.

Cara Membuat Contact Me di blog

Contoh :

Ok,langsung saja kita mulai.
Pertama-tama sobat harus bekerja sama dengan situs http://www.emailmeform.com,kenapa ?Karena dengan ini sobat dapat membuat formnya....

1. Buka situs http://www.emailmeform.com.
2. Klik Sign up for free
3. Isilah form yang ada dengan data diri sobat :

First Name : isi dengan nama depan anda. Misal : ichal.

Last Name : isi dengan nama belakang anda. Misal : beud.

Username : isi dengan username yang di inginkan. Misal : ichal13.

Password : isi dengan kata kunci yang di inginkan. Misal : ichalcyutebeud.

Retype Password : isi dengan kata kunci yang tadi di isikan. Misal : ichalcyutebeud.

Your Email : isi dengan alamat email anda. Misal : faisalhusaini13@yahoo.com.

Klik tombol Sign up.

Setelah muncul tulisan terima kasih, silahkan cek email yang tadi di masukan oleh anda untuk memeriksa email verifikasi.

4. Buka email kiriman dari EmailMeForm yang bertajuk Your new account information.

5. klik link yang di berikan di email tersebut atau kalau tidak bisa, copy alamat URL tersebut lalu paste di address bar browser internet anda untuk melakukan verifikasi bahwa email yang tadi di masukan adalah benar-benar milik anda.

6. Setelah proses verifikasi selesai, silahkan klik tulisan click here untuk menuju halaman akun kontrol panel anda.

7. Alihkan perhatian anda ke sebelah kanan monitor. Klik tulisan Create new form.

Ada beberapa form yang perlu di sisi :

Web form Name : isi dengan nama yang anda inginkan, atau biarkan saja (di sana sudah tertera Contact Webmaster).

Recipients Emails :isi dengan alamat email yang akan menerima pesan.

Spam Email address :isi dengan alamat email yang di inginkan untuk menerima pesan spam (email sampah, email iseng doank, email iklan, dll) atau kosongkan saja bila tidak mau menerima pesan email spam.

Thank you page : isi dengan alamat URL yang memuat tulisan terima kasih, contoh postingan yang ini. Atau jika bingung, tulis saja alamat blog anda.

Number of fields : biarkan 5 atau 4 saja.

Klik tombol next yang ada di sebelah kanan.

Ada beberapa field name yang bisa di ganti sesuai keinginan, misal : Your Name jadi Nama, Your Email Address jadi alamat Email, dst. Atau biarkan saja seperti itu.

8. Klik tombol next yang ada di sebelah kanan.

9. Klik tombol next lagi.

Silahkan isi dengan keinginan anda ( hehehe… cape kalau nerangin yang ini) atau biarkan saja seperti itu.

10. Klik tombol next lagi.

11. Klik tombol next lagi.

12. Akan di perlihatkan contoh tampilan kontak form yang tadi di buat oleh anda.

13. Klik tombol Finish.

14. Klik tulisan Get the HTML codes.

Copy kode yang ada di text area, di bawah tulisan Copy and paste this HTML code into your page. Lalu paste pada notepad atau text editor lainnya.

Selamat Mencoba

Cara Membuat Fasilitas 'Print' di Blog

Contoh :

Print halaman ini

Apakah ini yang anda cari-cari????

Berikut cara membuatnya :

Dibawah ini script fasilitas print, silahkan ganti alamat icon(teks yang berwarna merah) dengan alamat milik temen - temen, sedangkan teks yang berwarna biru adalah teks yang akan muncul disamping icon print(bisa diganti).

<a href="javascript:window.print()"><img src="http://i396.photobucket.com/albums/pp48/putro16/iconprint.png" alt="print this page" border="0"/> Print halaman ini</a>

Copy script'a,, lalu km Paste.
Terserah,, Paste scriptnya dmn aja bisa ko^_^

Semoga Bermanfaat

Cara Membuat Gambar Hidup di Pojok Blog

Bagaimana caranya..?
Silahkan ikuti langkah-langkah berikut ini.

1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ gifs ]
2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya
3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Beri Centang pada kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copypastekan script berikut ini :

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

9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini :

<div id="trik_pojok">
<a href="http://BOONGAN.blogspot.com">
<img src="http://www.boongan_doang.gif" border="0" /></a>
</div>

13. Silahkan ganti http://BOONGAN.blogspot.com dengan alamat blog anda
14. Ganti juga http://www.boongan_doang.gif dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja anda
17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template
18. Selesai

Selamat mencoba, semoga bermanfaat

Cara Membuat Gambar Hidup di Pojok Blog

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

<div id="trik_pojok">
<a href="http://BOONGAN.blogspot.com">
<img src="http://www.boongan_doang.gif" border="0" /></a>
</div>

Cara Membuat Daftar Isi Secara Otomatis

Untuk membuat daftar isi secara otomatis, anda di wajibkan untuk mempersiapkan gunting,kertas, paku, pensil, pulpen, gergaji, pahat, dll. hehe canda...
langsung ja yach!!!

langkah-langkahnya :

1. masuk ke Edit HTML
2. Lalu beri tanda centang di "Expand Widget Template"
3. Kemudian Copy Paste script di bawah ini dan letakkan di atas kode ]]></b:skin>,

#daftar-isi-otomatis{ border:2px outset blue; padding:5px 0 5px; background:#EAE9E9 }

4. Langkah selanjutnya cari kode di bawah ini :

<b:include data='post' name='post'/>

Untuk di template minima kode diatas ada dua, carilah kode yang pertama "INGET!!! YANG PERTAMA BUKAN YANG KEDUA", bila sudah ketemu, ganti kode di atas dengan kode di bawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div id='daftar-isi-otomatis'>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5. lalu simpan, kemudian Masuk ke Page Element, dan klik Add Gadget, posisinya terserah mau di bagian menu atau di sidebar, contohnya bisa dilihat pada menu daftar isi blog ini.

<a href="http://Alamatbloganda.blogspot.com/search?max-results=100">Daftar isi</a>

6. pilih HTML/Script, dan masukkan kode diatas kedalamnya, tetapi sebelumnya ganti dulu alamat link-nya yang berwarna merah tebal sesuai dengan alamat blog anda.

Simpan... dan lihat hasilnya.

Cara Membuat Disable Klik Kanan

Cara membuat Disable Klik Kanan ini,, agar semua data yang kita punya ini aman dari sang pencuri yang bisanya cuma Copy Paste ajah,, hehe becanda ya,, itu cuma sekedar penjelasan doank ko^_^,, klo blog saya ini FREE Copy Paste,, jd jgn khwtr oke....

Langkahnya mudah ko,, Anda hanya perlu melakukan copy paste script yang ada di bawah ini kemudian Anda taruh di sidebar blog Anda,, selesai deh...

<script>
var message="Ganti Sesuka Kamu";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

Selamat Mencoba

Cara Membuat Kotak Iklan Banner Secara Otomatis

Oke langsung saja ketahap cara pembuatannya...

1. Login ke blog

2. Pilih Layout kemudian Edit HTML

3. Ceklist pada Expand Widget Templete

4. Cari Kode Seperti dibawah ini (untuk mempermudah tekan tombol pada kerboard Ctrl + F)

]]></b:skin>

5. Kopi kode berikut kemudian tempatkan persis diatas kode tersebut.

#Banner-ads {
margin:0px;
padding: 5px;
text-align: center;
width : 960px;
}

#Banner-ads img {
margin: 7px 4px 4px 0px;
padding: 3px;
width : 125px;
height : 125px;
text-align: center;
border: 1px solid #c0c0c0;
}

#Banner-ads img:hover {
margin: 7px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

6. Copy semua kode dibawah ini :

<div id='Banner-ads'>

<a hight='100' href='http://ichalcyutebeud.co.cc/' target='_blank' width='100'><img alt='ads' border='0' src='http://www.imgxc.com/fullimage/CcXB4g.gif'/></a>

</div>

Keterangan :
---> tulisan berwarna biru dengan "url web/blog" anda
---> tulisan berwarna merah ganti dengan "url gambar" anda
---> untuk memperbanyak jumlah kotak iklan link banner paste kan saja kode tersebut

7. Kemudian letakkan persis di atas kode berikut :

<div id='main-wrapper'>

NB: kode diatas adalah penempatan kotak banner tersebut, tempat sesuka anda, mau di header, di footer, dan lain-lain
8. Preview dulu ,setelah hasilnya bagus baru di save.

Ok!!!
saya rasa cukup sampai disini dulu,, semoga bermanfaat yach :)

***Selamat Mencoba***

Cara Membuat Kotak Scrollbar Pada Blogger

Untuk membuat kotak ini caranya sangat mudah:

1. Buka Blogger.
2. Klik menu Layout -> Page Elements
3. Klik Add a Gadget.
4. Lalu klik tombol + pada HTML/Javascript
5. Masukkan kode yang dibawah ini:

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Tambahkan teks atau kode script disini</div>

Jika Anda ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan teks yang ingin Anda tampilkan.

Sebagai contoh, saya memasukkan:

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog</div>

Maka hasilnya akan seperti ini:

Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog

Jika Anda ingin menambahan gambar kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan <img src="alamat url gambar Anda" />

Sebagai contoh saya memasukkan:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="http://www.Alamat url gambar Anda.com" /></div>

Maka hasilnya akan seperti ini:

6. Kalau sudah. Klik Save lalu klik View Blog untuk melihat hasil tampilannya

Selamat Mencoba..!!

Cara Membuat Kotak Tukeran Link di Blogger

Contoh :

Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali
Kolom blog tutorial

kodenya :

<center>Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali</center>
<center><img alt="Kolom blog tutorial " src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" /></center>
<center><textarea name="code" rows="6" cols="25"><a href="http://themahyonk.blogspot.com/2009/09/di-jual-murah-keyboard-roland-e-09.html" target="_blank"><br /><br /><img border="0" alt="Kolom blog tutorial " src="http://i415.photobucket.com/albums/pp237/jupmerput/honden5.gif" /></a></textarea></center>

keterangan :

.:: Yang berwarna merah bisa kamu ubah dengan kata-kata sesuai dengan selera kamu.
.:: Yang berwarna biru untuk menampilkan link yang akan di pasang di kotak tukaran link tsb.

Selamat Mendoba ^_^

Cara Membuat Label 3D Ala Blogumus

Seperti biasa....

Langsung ajjah oke, hehe....

Caranya :

Pertama anda harus mencari kode dibawah ini (atau kode yang mendekati) sebab tiap template kodenya berbeda beda.

<b:section class='sidebar' id='sidebar' preferred='yes'>

Setelah ketemu kode tersebut silakan Copy Paste kode yang ada di bawah ini, tepat berada di bawah kode di atas.

<b:widget id='Label99' 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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Sebelum di saving, silakan melakukan Pratinjau dulu, silakan tentukan sendiri ukuran panjang dan lebarnya, untuk default ukuran panjang dan lebar blogumus ini adalah width 300 px dan height 240 px, cari kode tersebut dan rubah sesuai dengan template anda.

Selamat mencoba

***Semoga Berhasil Ya***

Cara Membuat Menu Dropdown Pada Blogger

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

Contoh tampilannya seperti ini:

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

Nah untuk membuatnya, caranya sangat mudah:

1. Login ke Blogger. Klik menu Layout -> 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

Cara Membuat Tanggal Update Otomatis Berbentuk Kalender

Caranya gampang ko....

kamu Copy/Paste aja script yang ada di bawah ni....

jangan sampai ada yang tidak tercopy yach,, nanti g bisa....

<script language="JavaScript">

</script>

yang ini juga bisa

<script src="http://anasmcguire.googlepages.com/kalender.js"></script>

kalo dah di Copy,,, kamu Paste dech ^_^

Eitz!!! Pastenya di "HTML/Javascript" yach....
masuk ke dasbor lalu tambah target lalu pilih HTML/Javascript lalu lalu kamu Paste dech di dalam kotak kosong yang ada di HTML/Javascript tsb...

Semoga Berhasil yua!!!!
***Selamat Mencoba***

Cara Membuat Link/Tulisan Pelangi

Contoh :

www.iwandah.blogspot.com

Apakah kamu tertarik???
Baca terus yach^_^

Caranya gampang kok!!!

Tinggal ente Copas (Copy/Paste) ajjah kode yang ada di bawah ini :

<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/rainbowtext.js"></script>

Kalo udah kamu Copy, kamu Paste di sini yUa!!!

Caranya :

> Masuk ke Dasbor
> Pilih "Tata Letak"
> "Edit HTML"
> Lalu cari kode seperti ini : </head>

Kalo udah ketemu, ente Paste kode di atas tadi di Bawah kode </head>
> Klik 'Save'
> Kalau kamu ingin membuat tulisan berwarna-warni di post kamu, tambahkan kode di bawah ini saat kamu menulis post untuk blog kamu:

<span class="rainbow_text"> Tulisan yang ingin dibuat berwarna-warni</span>

Selamat ber-Eksperimen

Cara Membuat Tabel Kode Warna HTML

Langsung yaaaaa!!!

ni contohnya ada di bawah....

Contoh :

Warna	Contoh	Kode
Antique_white		#FAEBD7
azure		#F0FFFF
Bisque		#FFE4C4
blanched_almond		#FFEBCD
cornsilk		#FFF8DC
eggshell		#FCE6C9
floral_white		#FFFAF0
gainsboro		#DCDCDC
ghost_white		#F8F8FF
honeydew		#F0FFF0
ivory		#FFFFF0
lavender		#E6E6FA
lavender_blush		#FFF0F5
lemon_chiffon		#FFFACD
linen		#FAF0E6
mint_cream		#F5FFFA
misty_rose		#FFE4E1
moccasin		#FFE4B5
navajo_white		#FFDEAD
old_lace		#FDF5E6
papaya_whip		#FFEFD5
peach_puff		#FFDAB9
seashell		#FFF5EE
snow		#FFFAFA
thistle		#D8BFD8
titanium_white		#FCFFF0
wheat		#F5DEB3
white		#FFFFFF
white_smoke		#F5F5F5
zinc_white		#FDF8FF
Warna	Contoh	Kode
cold_grey		#808A87
dim_grey		#696969
grey		#C0C0C0
light_grey		#D3D3D3
slate_grey		#708090
slate_grey_dark		#2F4F4F
slate_grey_light		#778899
warm_grey		#808069
Warna	Contoh	Kode
black		#000000
ivory_black		#292421
lamp_black		#2E473B
Warna	Contoh	Kode
alizarin_crimson		#E32636
brick		#9C661F
cadmium_red_deep		#E3170D
coral		#FF7F50
coral_light		#F08080
deep_pink		#FF1493
english_red		#D43D1A
firebrick		#B22222
geranium_lake		#E31230
hot_pink		#FF69B4
indian_red		#B0171F
light_salmon		#FFA07A
madder_lake_deep		#E32E30
maroon		#B03060
pink		#FFC0CB
pink_light		#FFB6C1
raspberry		#872657
red		#FF0000
rose_madder		#E33638
salmon		#FA8072
tomato		#FF6347
venetian_red		#D41A1F
Warna	Contoh	Kode
beige		#A39480
brown		#802A2A
brown_madder		#DB2929
brown_ochre		#87421F
burlywood		#DEB887
burnt_sienna		#8A360F
burnt_umber		#8A3324
chocolate		#D2691E
deep_ochre		#733D1A
flesh		#FF7D40
flesh_ochre		#FF5721
gold_ochre		#C77826
greenish_umber		#FF3D0D
khaki		#F0E68C
khaki_dark		#BDB76B
light_beige		#F5F5DC
peru		#CD853F
rosy_brown		#BC8F8F
raw_sienna		#C76114
raw_umber		#734A12
sepia		#5E2612
sienna		#A0522D
saddle_brown		#8B4513
sandy_brown		#F4A460
tan		#D2B48C
van_dyke_brown		#5E2605
Warna	Contoh	Kode
cadmium_orange		#FF6103
cadmium_red_light		#FF030D
carrot		#ED9121
dark_orange		#FF8C00
mars_orange		#964514
mars_yellow		#E3701A
orange		#FF8000
orange_red		#FF4500
yellow_ochre		#E38217
Warna	Contoh	Kode
aureoline_yellow		#FFA824
banana		#E3CF57
cadmium_lemon		#FFE303
cadmium_yellow		#FF9912
cadmium_yellow_light		#FFB00F
gold		#FFD700
goldenrod		#DAA520
goldenrod_dark		#B8860B
goldenrod_light		#FAFAD2
goldenrod_pale		#EEE8AA
light_goldenrod		#EEDD82
melon		#E3A869
naples_yellow_deep		#FFA812
yellow		#FFFF00
yellow_light		#FFFFE0
Warna	Contoh	Kode
chartreuse		#7FFF00
chrome_oxide_green		#668014
cinnabar_green		#61B329
cobalt_green		#3D9140
emerald_green		#00C957
forest_green		#228B22
green		#00FF00
green_dark		#006400
green_pale		#98FB98
green_yellow		#ADFF2F
lawn_green		#7CFC00
lime_green		#32CD32
mint		#BDFCC9
olive		#3B5E2B
olive_drab		#6B8E23
olive_green_dark		#556B2F
permanent_green		#0AC92B
sap_green		#308014
sea_green		#2E8B57
sea_green_dark		#8FBC8F
sea_green_medium		#3CB371
sea_green_light		#20B2AA
spring_green		#00FF7F
spring_green_medium		#00FA9A
terre_verte		#385E0F
viridian_light		#6EFF70
yellow_green		#9ACD32
Warna	Contoh	Kode
aquamarine		#7FFFD4
aquamarine_medium		#66CDAA
cyan		#00FFFF
cyan_white		#E0FFFF
turquoise		#40E0D0
turquoise_dark		#00CED1
turquoise_medium		#48D1CC
turquoise_pale		#AFEEEE
Warna	Contoh	Kode
alice_blue		#F0F8FF
blue		#0000FF
blue_light		#ADD8E6
blue_medium		#0000CD
cadet		#5F9EA0
cobalt		#3D59AB
cornflower		#6495ED
cerulean		#05B8CC
dodger_blue		#1E90FF
indigo		#082E54
manganese_blue		#03A89E
midnight_blue		#191970
navy		#000080
peacock		#33A1C9
powder_blue		#B0E0E6
royal_blue		#4169E1
slate_blue		#6A5ACD
slate_blue_dark		#483D8B
slate_blue_light		#8470FF
slate_blue_medium		#7B68EE
sky_blue		#87CEEB
sky_blue_deep		#00BFFF
sky_blue_light		#87CEFA
steel_blue		#4682B4
steel_blue_light		#B0C4DE
turquoise_blue		#00C78C
ultramarine		#120A8F
Warna	Contoh	Kode
blue_violet		#8A2BE2
cobalt_violet_deep		#91219E
magenta		#FF00FF
orchid		#DA70D6
orchid_dark		#9932CC
orchid_medium		#BA55D3
permanent_red_violet		#DB2645
plum		#DDA0DD
purple		#A020F0
purple_medium		#9370DB
ultramarine_violet		#5C246E
violet		#8F5E99
violet_dark		#9400D3
violet_red		#D02090
violet_red_medium		#C71585
violet_red_pale		#DB7093

Gimana!!! ini yg kamu cari-cari bukan???

kalau ingin memilikinya silahkan kamu COPAS/Copy Paste aja script yang ada dibawah ini,, free Copy Paste kok....

<table border="1" style="font-family: Verdana; font-size: 10pt" width="100%"><tbody><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>Antique_white</td><td bgcolor="#faebd7"></td><td>#FAEBD7</td></tr><tr><td>azure</td><td bgcolor="#f0ffff"></td><td>#F0FFFF</td></tr><tr><td>Bisque</td><td bgcolor="#ffe4c4"></td><td>#FFE4C4</td></tr><tr><td>blanched_almond</td><td bgcolor="#ffebcd"></td><td>#FFEBCD</td></tr><tr><td>cornsilk</td><td bgcolor="#fff8dc"></td><td>#FFF8DC</td></tr><tr><td>eggshell</td><td bgcolor="#fce6c9"></td><td>#FCE6C9</td></tr><tr><td>floral_white</td><td bgcolor="#fffaf0"></td><td>#FFFAF0</td></tr><tr><td>gainsboro</td><td bgcolor="#dcdcdc"></td><td>#DCDCDC</td></tr><tr><td>ghost_white</td><td bgcolor="#f8f8ff"></td><td>#F8F8FF</td></tr><tr><td>honeydew</td><td bgcolor="#f0fff0"></td><td>#F0FFF0</td></tr><tr><td>ivory</td><td bgcolor="#fffff0"></td><td>#FFFFF0</td></tr><tr><td>lavender</td><td bgcolor="#e6e6fa"></td><td>#E6E6FA</td></tr><tr><td>lavender_blush</td><td bgcolor="#fff0f5"></td><td>#FFF0F5</td></tr><tr><td>lemon_chiffon</td><td bgcolor="#fffacd"></td><td>#FFFACD</td></tr><tr><td>linen</td><td bgcolor="#faf0e6"></td><td>#FAF0E6</td></tr><tr><td>mint_cream</td><td bgcolor="#f5fffa"></td><td>#F5FFFA</td></tr><tr><td>misty_rose</td><td bgcolor="#ffe4e1"></td><td>#FFE4E1</td></tr><tr><td>moccasin</td><td bgcolor="#ffe4b5"></td><td>#FFE4B5</td></tr><tr><td>navajo_white</td><td bgcolor="#ffdead"></td><td>#FFDEAD</td></tr><tr><td>old_lace</td><td bgcolor="#fdf5e6"></td><td>#FDF5E6</td></tr><tr><td>papaya_whip</td><td bgcolor="#ffefd5"></td><td>#FFEFD5</td></tr><tr><td>peach_puff</td><td bgcolor="#ffdab9"></td><td>#FFDAB9</td></tr><tr><td>seashell</td><td bgcolor="#fff5ee"></td><td>#FFF5EE</td></tr><tr><td>snow</td><td bgcolor="#fffafa"></td><td>#FFFAFA</td></tr><tr><td>thistle</td><td bgcolor="#d8bfd8"></td><td>#D8BFD8</td></tr><tr><td>titanium_white</td><td bgcolor="#fcfff0"></td><td>#FCFFF0</td></tr><tr><td>wheat</td><td bgcolor="#f5deb3"></td><td>#F5DEB3</td></tr><tr><td>white</td><td bgcolor="#ffffff"></td><td>#FFFFFF</td></tr><tr><td>white_smoke</td><td bgcolor="#f5f5f5"></td><td>#F5F5F5</td></tr><tr><td>zinc_white</td><td bgcolor="#fdf8ff"></td><td>#FDF8FF</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>cold_grey</td><td bgcolor="#808a87"></td><td>#808A87</td></tr><tr><td>dim_grey</td><td bgcolor="#696969"></td><td>#696969</td></tr><tr><td>grey</td><td bgcolor="#c0c0c0"></td><td>#C0C0C0</td></tr><tr><td>light_grey</td><td bgcolor="#d3d3d3"></td><td>#D3D3D3</td></tr><tr><td>slate_grey</td><td bgcolor="#708090"></td><td>#708090</td></tr><tr><td>slate_grey_dark</td><td bgcolor="#2f4f4f"></td><td>#2F4F4F</td></tr><tr><td>slate_grey_light</td><td bgcolor="#778899"></td><td>#778899</td></tr><tr><td>warm_grey</td><td bgcolor="#808069"></td><td>#808069</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>black</td><td bgcolor="#000000"></td><td>#000000</td></tr><tr><td>ivory_black</td><td bgcolor="#292421"></td><td>#292421</td></tr><tr><td>lamp_black</td><td bgcolor="#2e473b"></td><td>#2E473B</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>alizarin_crimson</td><td bgcolor="#e32636"></td><td>#E32636</td></tr><tr><td>brick</td><td bgcolor="#9c661f"></td><td>#9C661F</td></tr><tr><td>cadmium_red_deep</td><td bgcolor="#e3170d"></td><td>#E3170D</td></tr><tr><td>coral</td><td bgcolor="#ff7f50"></td><td>#FF7F50</td></tr><tr><td>coral_light</td><td bgcolor="#f08080"></td><td>#F08080</td></tr><tr><td>deep_pink</td><td bgcolor="#ff1493"></td><td>#FF1493</td></tr><tr><td>english_red</td><td bgcolor="#d43d1a"></td><td>#D43D1A</td></tr><tr><td>firebrick</td><td bgcolor="#b22222"></td><td>#B22222</td></tr><tr><td>geranium_lake</td><td bgcolor="#e31230"></td><td>#E31230</td></tr><tr><td>hot_pink</td><td bgcolor="#ff69b4"></td><td>#FF69B4</td></tr><tr><td>indian_red</td><td bgcolor="#b0171f"></td><td>#B0171F</td></tr><tr><td>light_salmon</td><td bgcolor="#ffa07a"></td><td>#FFA07A</td></tr><tr><td>madder_lake_deep</td><td bgcolor="#e32e30"></td><td>#E32E30</td></tr><tr><td>maroon</td><td bgcolor="#b03060"></td><td>#B03060</td></tr><tr><td>pink</td><td bgcolor="#ffc0cb"></td><td>#FFC0CB</td></tr><tr><td>pink_light</td><td bgcolor="#ffb6c1"></td><td>#FFB6C1</td></tr><tr><td>raspberry</td><td bgcolor="#872657"></td><td>#872657</td></tr><tr><td>red</td><td bgcolor="#ff0000"></td><td>#FF0000</td></tr><tr><td>rose_madder</td><td bgcolor="#e33638"></td><td>#E33638</td></tr><tr><td>salmon</td><td bgcolor="#fa8072"></td><td>#FA8072</td></tr><tr><td>tomato</td><td bgcolor="#ff6347"></td><td>#FF6347</td></tr><tr><td>venetian_red</td><td bgcolor="#d41a1f"></td><td>#D41A1F</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>beige</td><td bgcolor="#a39480"></td><td>#A39480</td></tr><tr><td>brown</td><td bgcolor="#802a2a"></td><td>#802A2A</td></tr><tr><td>brown_madder</td><td bgcolor="#db2929"></td><td>#DB2929</td></tr><tr><td>brown_ochre</td><td bgcolor="#87421f"></td><td>#87421F</td></tr><tr><td>burlywood</td><td bgcolor="#deb887"></td><td>#DEB887</td></tr><tr><td>burnt_sienna</td><td bgcolor="#8a360f"></td><td>#8A360F</td></tr><tr><td>burnt_umber</td><td bgcolor="#8a3324"></td><td>#8A3324</td></tr><tr><td>chocolate</td><td bgcolor="#d2691e"></td><td>#D2691E</td></tr><tr><td>deep_ochre</td><td bgcolor="#733d1a"></td><td>#733D1A</td></tr><tr><td>flesh</td><td bgcolor="#ff7d40"></td><td>#FF7D40</td></tr><tr><td>flesh_ochre</td><td bgcolor="#ff5721"></td><td>#FF5721</td></tr><tr><td>gold_ochre</td><td bgcolor="#c77826"></td><td>#C77826</td></tr><tr><td>greenish_umber</td><td bgcolor="#ff3d0d"></td><td>#FF3D0D</td></tr><tr><td>khaki</td><td bgcolor="#f0e68c"></td><td>#F0E68C</td></tr><tr><td>khaki_dark</td><td bgcolor="#bdb76b"></td><td>#BDB76B</td></tr><tr><td>light_beige</td><td bgcolor="#f5f5dc"></td><td>#F5F5DC</td></tr><tr><td>peru</td><td bgcolor="#cd853f"></td><td>#CD853F</td></tr><tr><td>rosy_brown</td><td bgcolor="#bc8f8f"></td><td>#BC8F8F</td></tr><tr><td>raw_sienna</td><td bgcolor="#c76114"></td><td>#C76114</td></tr><tr><td>raw_umber</td><td bgcolor="#734a12"></td><td>#734A12</td></tr><tr><td>sepia</td><td bgcolor="#5e2612"></td><td>#5E2612</td></tr><tr><td>sienna</td><td bgcolor="#a0522d"></td><td>#A0522D</td></tr><tr><td>saddle_brown</td><td bgcolor="#8b4513"></td><td>#8B4513</td></tr><tr><td>sandy_brown</td><td bgcolor="#f4a460"></td><td>#F4A460</td></tr><tr><td>tan</td><td bgcolor="#d2b48c"></td><td>#D2B48C</td></tr><tr><td>van_dyke_brown</td><td bgcolor="#5e2605"></td><td>#5E2605</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>cadmium_orange</td><td bgcolor="#ff6103"></td><td>#FF6103</td></tr><tr><td>cadmium_red_light</td><td bgcolor="#ff030d"></td><td>#FF030D</td></tr><tr><td>carrot</td><td bgcolor="#ed9121"></td><td>#ED9121</td></tr><tr><td>dark_orange</td><td bgcolor="#ff8c00"></td><td>#FF8C00</td></tr><tr><td>mars_orange</td><td bgcolor="#964514"></td><td>#964514</td></tr><tr><td>mars_yellow</td><td bgcolor="#e3701a"></td><td>#E3701A</td></tr><tr><td>orange</td><td bgcolor="#ff8000"></td><td>#FF8000</td></tr><tr><td>orange_red</td><td bgcolor="#ff4500"></td><td>#FF4500</td></tr><tr><td>yellow_ochre</td><td bgcolor="#e38217"></td><td>#E38217</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>aureoline_yellow</td><td bgcolor="#ffa824"></td><td>#FFA824</td></tr><tr><td>banana</td><td bgcolor="#e3cf57"></td><td>#E3CF57</td></tr><tr><td>cadmium_lemon</td><td bgcolor="#ffe303"></td><td>#FFE303</td></tr><tr><td>cadmium_yellow</td><td bgcolor="#ff9912"></td><td>#FF9912</td></tr><tr><td>cadmium_yellow_light</td><td bgcolor="#ffb00f"></td><td>#FFB00F</td></tr><tr><td>gold</td><td bgcolor="#ffd700"></td><td>#FFD700</td></tr><tr><td>goldenrod</td><td bgcolor="#daa520"></td><td>#DAA520</td></tr><tr><td>goldenrod_dark</td><td bgcolor="#b8860b"></td><td>#B8860B</td></tr><tr><td>goldenrod_light</td><td bgcolor="#fafad2"></td><td>#FAFAD2</td></tr><tr><td>goldenrod_pale</td><td bgcolor="#eee8aa"></td><td>#EEE8AA</td></tr><tr><td>light_goldenrod</td><td bgcolor="#eedd82"></td><td>#EEDD82</td></tr><tr><td>melon</td><td bgcolor="#e3a869"></td><td>#E3A869</td></tr><tr><td>naples_yellow_deep</td><td bgcolor="#ffa812"></td><td>#FFA812</td></tr><tr><td>yellow</td><td bgcolor="#ffff00"></td><td>#FFFF00</td></tr><tr><td>yellow_light</td><td bgcolor="#ffffe0"></td><td>#FFFFE0</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>chartreuse</td><td bgcolor="#7fff00"></td><td>#7FFF00</td></tr><tr><td>chrome_oxide_green</td><td bgcolor="#668014"></td><td>#668014</td></tr><tr><td>cinnabar_green</td><td bgcolor="#61b329"></td><td>#61B329</td></tr><tr><td>cobalt_green</td><td bgcolor="#3d9140"></td><td>#3D9140</td></tr><tr><td>emerald_green</td><td bgcolor="#00c957"></td><td>#00C957</td></tr><tr><td>forest_green</td><td bgcolor="#228b22"></td><td>#228B22</td></tr><tr><td>green</td><td bgcolor="#00ff00"></td><td>#00FF00</td></tr><tr><td>green_dark</td><td bgcolor="#006400"></td><td>#006400</td></tr><tr><td>green_pale</td><td bgcolor="#98fb98"></td><td>#98FB98</td></tr><tr><td>green_yellow</td><td bgcolor="#adff2f"></td><td>#ADFF2F</td></tr><tr><td>lawn_green</td><td bgcolor="#7cfc00"></td><td>#7CFC00</td></tr><tr><td>lime_green</td><td bgcolor="#32cd32"></td><td>#32CD32</td></tr><tr><td>mint</td><td bgcolor="#bdfcc9"></td><td>#BDFCC9</td></tr><tr><td>olive</td><td bgcolor="#3b5e2b"></td><td>#3B5E2B</td></tr><tr><td>olive_drab</td><td bgcolor="#6b8e23"></td><td>#6B8E23</td></tr><tr><td>olive_green_dark</td><td bgcolor="#556b2f"></td><td>#556B2F</td></tr><tr><td>permanent_green</td><td bgcolor="#0ac92b"></td><td>#0AC92B</td></tr><tr><td>sap_green</td><td bgcolor="#308014"></td><td>#308014</td></tr><tr><td>sea_green</td><td bgcolor="#2e8b57"></td><td>#2E8B57</td></tr><tr><td>sea_green_dark</td><td bgcolor="#8fbc8f"></td><td>#8FBC8F</td></tr><tr><td>sea_green_medium</td><td bgcolor="#3cb371"></td><td>#3CB371</td></tr><tr><td>sea_green_light</td><td bgcolor="#20b2aa"></td><td>#20B2AA</td></tr><tr><td>spring_green</td><td bgcolor="#00ff7f"></td><td>#00FF7F</td></tr><tr><td>spring_green_medium</td><td bgcolor="#00fa9a"></td><td>#00FA9A</td></tr><tr><td>terre_verte</td><td bgcolor="#385e0f"></td><td>#385E0F</td></tr><tr><td>viridian_light</td><td bgcolor="#6eff70"></td><td>#6EFF70</td></tr><tr><td>yellow_green</td><td bgcolor="#9acd32"></td><td>#9ACD32</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>aquamarine</td><td bgcolor="#7fffd4"></td><td>#7FFFD4</td></tr><tr><td>aquamarine_medium</td><td bgcolor="#66cdaa"></td><td>#66CDAA</td></tr><tr><td>cyan</td><td bgcolor="#00ffff"></td><td>#00FFFF</td></tr><tr><td>cyan_white</td><td bgcolor="#e0ffff"></td><td>#E0FFFF</td></tr><tr><td>turquoise</td><td bgcolor="#40e0d0"></td><td>#40E0D0</td></tr><tr><td>turquoise_dark</td><td bgcolor="#00ced1"></td><td>#00CED1</td></tr><tr><td>turquoise_medium</td><td bgcolor="#48d1cc"></td><td>#48D1CC</td></tr><tr><td>turquoise_pale</td><td bgcolor="#afeeee"></td><td>#AFEEEE</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>alice_blue</td><td bgcolor="#f0f8ff"></td><td>#F0F8FF</td></tr><tr><td>blue</td><td bgcolor="#0000ff"></td><td>#0000FF</td></tr><tr><td>blue_light</td><td bgcolor="#add8e6"></td><td>#ADD8E6</td></tr><tr><td>blue_medium</td><td bgcolor="#0000cd"></td><td>#0000CD</td></tr><tr><td>cadet</td><td bgcolor="#5f9ea0"></td><td>#5F9EA0</td></tr><tr><td>cobalt</td><td bgcolor="#3d59ab"></td><td>#3D59AB</td></tr><tr><td>cornflower</td><td bgcolor="#6495ed"></td><td>#6495ED</td></tr><tr><td>cerulean</td><td bgcolor="#05b8cc"></td><td>#05B8CC</td></tr><tr><td>dodger_blue</td><td bgcolor="#1e90ff"></td><td>#1E90FF</td></tr><tr><td>indigo</td><td bgcolor="#082e54"></td><td>#082E54</td></tr><tr><td>manganese_blue</td><td bgcolor="#03a89e"></td><td>#03A89E</td></tr><tr><td>midnight_blue</td><td bgcolor="#191970"></td><td>#191970</td></tr><tr><td>navy</td><td bgcolor="#000080"></td><td>#000080</td></tr><tr><td>peacock</td><td bgcolor="#33a1c9"></td><td>#33A1C9</td></tr><tr><td>powder_blue</td><td bgcolor="#b0e0e6"></td><td>#B0E0E6</td></tr><tr><td>royal_blue</td><td bgcolor="#4169e1"></td><td>#4169E1</td></tr><tr><td>slate_blue</td><td bgcolor="#6a5acd"></td><td>#6A5ACD</td></tr><tr><td>slate_blue_dark</td><td bgcolor="#483d8b"></td><td>#483D8B</td></tr><tr><td>slate_blue_light</td><td bgcolor="#8470ff"></td><td>#8470FF</td></tr><tr><td>slate_blue_medium</td><td bgcolor="#7b68ee"></td><td>#7B68EE</td></tr><tr><td>sky_blue</td><td bgcolor="#87ceeb"></td><td>#87CEEB</td></tr><tr><td>sky_blue_deep</td><td bgcolor="#00bfff"></td><td>#00BFFF</td></tr><tr><td>sky_blue_light</td><td bgcolor="#87cefa"><br /></td><td>#87CEFA</td></tr><tr><td>steel_blue</td><td bgcolor="#4682b4"></td><td>#4682B4</td></tr><tr><td>steel_blue_light</td><td bgcolor="#b0c4de"></td><td>#B0C4DE</td></tr><tr><td>turquoise_blue</td><td bgcolor="#00c78c"></td><td>#00C78C</td></tr><tr><td>ultramarine</td><td bgcolor="#120a8f"></td><td>#120A8F</td></tr><tr><th>Warna</th><th>Contoh</th><th><p>Kode</p></th></tr><tr><td>blue_violet</td><td bgcolor="#8a2be2"></td><td>#8A2BE2</td></tr><tr><td>cobalt_violet_deep</td><td bgcolor="#91219e"></td><td>#91219E</td></tr><tr><td>magenta</td><td bgcolor="#ff00ff"></td><td>#FF00FF</td></tr><tr><td>orchid</td><td bgcolor="#da70d6"></td><td>#DA70D6</td></tr><tr><td>orchid_dark</td><td bgcolor="#9932cc"></td><td>#9932CC</td></tr><tr><td>orchid_medium</td><td bgcolor="#ba55d3"></td><td>#BA55D3</td></tr><tr><td>permanent_red_violet</td><td bgcolor="#db2645"></td><td>#DB2645</td></tr><tr><td>plum</td><td bgcolor="#dda0dd"></td><td>#DDA0DD</td></tr><tr><td>purple</td><td bgcolor="#a020f0"></td><td>#A020F0</td></tr><tr><td>purple_medium</td><td bgcolor="#9370db"></td><td>#9370DB</td></tr><tr><td>ultramarine_violet</td><td bgcolor="#5c246e"></td><td>#5C246E</td></tr><tr><td>violet</td><td bgcolor="#8f5e99"></td><td>#8F5E99</td></tr><tr><td>violet_dark</td><td bgcolor="#9400d3"></td><td>#9400D3</td></tr><tr><td>violet_red</td><td bgcolor="#d02090"></td><td>#D02090</td></tr><tr><td>violet_red_medium</td><td bgcolor="#c71585"></td><td>#C71585</td></tr><tr><td>violet_red_pale</td><td bgcolor="#db7093"></td><td>#DB7093<br /></td></tr></tbody></table>

1. Login ke blogger.com
2. Kemudian pilih Tata Letak ---> Elemen Halaman ---> Tambah Gadget
3. Pilih HTML/Javascript
4. Simpan dech..
5. Selesaiii.......

Selamat Mencoba