11/27/13 ~ 8 Saudara

Tutorial Blog

Membuat dan Memasang Facebook Fan Page di Blog

Cara Memasang Facebook Fan Page di Facebook

Facebook adalah salah satu jejaring sosial media yang paling banyak di gunakan oleh orang banyak di dunia ini. Jadi tidak heran banyak para pelaku bisnis online yang menggunakan situs jejaring facebook untuk mempromosikan blog atau barang dagangannya agar lebih dikenal oleh banyak orang.

Jika anda mempunyai sebuah fan page facebook yang mempunyai jumlah like atau suka kurang dari yang diharapkan, anda bisa mencoba memasang plugin fan page facebook di blog kesayangan anda. Dengan ini orang lain akan lebih mudah untuk melakukan like atau suka terhadap fan page anda tanpa terlebih dahulu harus membuka halaman fan pagenya.

Sebaliknya, Jika anda mempunyai blog yang sepinya minta ampun. Anda bisa melakukan promosi dengan cara yang sama, yaitu dengan memasang plugin fans page facebook di blog saudara. Dengan melakukan ini di harapkan pengunjung blog meningkat dan makin banyak orang yang mengenal blog saudara sehingga membuat reputasi blog semakin baik.

Membuat Fans Page Facebook

Tapi sebelumnya, anda harus terlebih dahulu sudah memiliki sebuah fan page facebook. Jika belum punya dan belum tahu cara membuatnya, silahkan ikuti langkah-langkah di bawah ini:

Buka akun facebook anda
Kunjungi halaman berikut ini http://www.facebook.com/pages/create.php
Pilih Jenis Halaman yang anda inginkan, kemudian akan muncul pilihan kateori dati jenis halaman yang anda pilih, dan jangan lupa isikan nama fans page pada kolom sesudah kategori
Jangan lupa juga beri centang pada Saya Setuju Dengan Ketentuan Halaman Facebook
Klik Mulai atau Start
Setelah itu anda akan diminta untuk mengisi beberapa langkah mengenai fans page yang anda buat seperti deskripsi singkat, foto profil, dan link website.(anda juga bisa melewati langkah-langkah tersebut)
Untuk selanjutnya anda bisa memperbaharui fans page yang sudah anda buat, seperti menambahkan alamat, situs web, dan lain-lainnya.

Cara Membuat dan Memasang Facebook Like Box di Blog atau Website

Setelah fans page yang anda buat sudah jadi, kini saatnya untuk memasangnya di blog atau web milik anda. Ikuti panduan sederhana di bawah ini:

Masih dalam keadaan login dengan facebook
Pergi ke http://developers.facebook.com/docs/reference/plugins/like-box/
Kemudian akan muncul tampilan seperti gambar di bawah ini

Cara Mensetting Tampilan Fan Page Facebook

Cara Setting Facebook Like Box :

- Facebook Page url: url Facebook Page anda

- Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget.

- Color scheme: pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.

- Show Faces: Centang untuk menampilkan foto profil likers.

- Border color: Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan.

- Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.

- Show header: Centang jika ingin menampilkan tulisan header "Find Us on Facebook".

Lihat preview tampilan di sebelah kanan form tersebut.

Jika settingan sudah dirasa beres dan sesuai selera, silahkan klik Get Code
Kemudian akan muncul pop up window seperti gambar di bawah ini

Klik Gambar Untuk Memperbesar dan memperjelas

Di sana anda akan melihat 2 kode HTML yang terpisah, dan penempatan kedua kode tersebut berbeda.

Bagaimana Penempatan Kodenya?

Login dengan akun blog saudara
Pilih menu TEMPLATE => EDI HTML
Backup data terlebih dahulu jika memang diperlukan
Cari kode
Klik kursor pada kolom EDIT HTML, kemudian tekan F3 atau Ctrl+F untuk mempermudah pencarian kode.
Simpan kode pertama tepat di bawah kode <body>

Klik simpan template
Lalu masuk ke menu TATA LETAK=> Tambah Gadget => HTML/Javascript
Masukan kode kedua pada kotak HTML/Javascript
Simpan

Semoga tutorial singkat ini bisa bermanfaat...

8 Saudara

Tutorial Blog

Membuat Gambar Membesar saat disentuh Cursor

Unknown - 16.36

Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.

Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.

Cara Membuat Gambar Membesar Saat disentuh Cursor :

Masuk ke akun blogger sobat.
Pilih Template > Edit HTML.
Ceklis / Centang Expand Widget Template.
Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.

Semoga tutorial singkat ini bisa bermanfaat...

8 Saudara

Tutorial Blog

Membuat Tampilan Blog Lebih Baik dan Menarik

Unknown - 14.50

Berbagai upaya atau trik dilakukan para blogger agar Membuat Tampilan Blog Lebih Baik dan Menarik. Dari mulai membuat responsif design sampai belajar HTML dan CSS dilakukan untk mewujudkan Membuat Tampilan Blog Lebih Baik dan Menarik.

Upaya untuk Membuat Tampilan Blog Lebih Baik dan Menariktidaklah mudah, karena sudut pandang atau tingkat seni dan imaginasi seseorang dalam menilai sebuah tampilan blog yang mereka sukai adalah berbeda-beda. Untuk itu sang pembuat blog harus jeli dan terampil dalam memahami apa dan bagaimana suatu tampilan blog disukai semua pengunjung. Sehingga akan membuat pengunjung betah dan senang untuk berkunjung kembali ke blog kita.

Berikut ini adalah beberapa cara untuk Membuat Tampilan Blog Lebih Baik dan Menarik dengan memanfaatkan daftar widget membuat tampilan blog lebih menarik dan cantik yang sempat ane koleksi.

1. Softcircuits

Sebuah widget gratis persembahan dari google page rank.

2. Alexa

Sebuah widget yang akan menampilakn nominal dari nilai Alexa rank yang menandakan tingkat popularitas sebuah blog.

3. Rankwidget

Lebih komplit widget yang akan menampilkan trafic rank dari google page rank, alexa traffic rank, technorati blog rank serta yahoo.

4. Google gadgets

Google gadgets adalah sebuah layanan gratis dari google yang mana terdapat banyak pilihan hanya dengan mengetikan nama widget dan menyalin kode script untuk disimpan di sebuah blog.

5. Yahoo ! widgets

Yahoo ! widgets sama halnya dengan Google gadgets yang membedakan mereka adalah Yahoo ! widgets persembahan dari Yahoo sedangkan Google gadgets dari Google.

Widget gratis dari blogger.

6. Clocklink

Widget gratis untuk menampilkan jam pada sebuah blog.

7. Localtimes

Tidak ada bedanya dengan Clocklink kebunaannya untuk menampilkan jam.

8. Clockwidgets

Widget jam yang mempunyai tampilan lebih lengkap dari fitur diatas.

9. Mypagerank

Sama halnya dengan Alexa, tetapi Mypagerank adalah nominal dari page rank sebuah blog.

10. Flagcounter

Pengunjung yang ditandai oleh bendera negara masing-masing.

11. Shoutbox part 1 & Shoutbox part 2

Widget yang akan menampilkan kotak pesan terletak pada halaman blog.

12. Widget animasi

Beragam animasi berbasis flash swf yang bisa agan ambil kode-nya dan di dimpan di halaman blog agan.

13. Widget costum twitter generator

Widget twitter yang bisa di tampilkan di halaman blog sebagai sarana media sosial.

14. Widget zooshia

Widget yang lebih canggih sebagai sarana media sosial seperti halnya witter, facebook dan youtube.

15. Histats

Widget gratis untuk menampilkan jumlah pengunjung pada sebuah blog.

16. Feedjit

Sebuah widget yang akan menampilkan negara pengunjung.

17. Whos.amung. us

Sama dengan Histats untuk mengetahui jumlah pengunjung yang online pada blog kita.

Oke, Mungkin cukup itu saja postingan saya kali ini untuk Membuat Tampilan Blog Lebih Baik dan Menarik dengan widget, dan selebihnya silahkan agan browsing saja sendiri di Mbah Google sedikit saran dari ane agar blog tidak terasa lebih lemot alias lelet maka pemakaiannya harap diatur jangan berlebihan.

Semoga bermanfaat

8 Saudara

Tutorial Blog

Cara Membuat Tulisan Script HTML di Postingan Blog

Unknown - 14.42

Cara Membuat Tulisan Script HTML di Postingan Blog merupakan hal yang yang sering ditemui dan dialami oleh para blogger, pada kesempatan kali ini saya akan membagikan ilmu yang baru saja saya dapatkan yaitu cara menulis kode script pada postingan blog.

Ada beberapa cara untuk Menulis Kode Script atau kode HTML di Postingan Blog, berikut ini adalah cara-caranya:
Cara pertama :
- Tuliskan semua kode/script yang telah kamu tulis ke dalam notepad
- Kemudian ganti/replace kode tersebut dengan kode-kode berikut

kode < diganti dengan <
kode > diganti dengan >
kode " diganti dengan "

Klik edit --> replace
Masukkan kode yg akan direplace pada kolom "Find what" lalu masukkan kode pengantinya pada kolom "Replace with" terus tekan tombol Replace All
Copy semua kode tersebut dalam postingan kamu

Cara yang kedua untuk menulis kode script atau kode HTML di postingan blog yaitu dengan:

Pergi ke http://htmlentities.net/
Taruh Kode Html pada kotak yang tersedia
Klik decode
Lihat pada kotak Result, copy kode yang ada pada kotak result dan tempatkan pada postingan blog anda

Semoga bermanfaat

8 Saudara

Tutorial Blog

Membuat Tabel dengan HTML

Unknown - 14.35

Tabel adalah salah satu objek terpenting yang bisa kita gunakan untuk banyak keperluan. Tabel bisa digunakan untuk membuat laporan dengan HTML, bisa digunakan untuk menyusun objek lain seperti gambar atau tulisan, bahkan tabel juga bisa digunakan untuk menata layout tampilan web. Bagi anda yang sedang belajar bahasa pemrograman web seperti PHP atau yang lainya, tabel ini juga bagian terpenting yang harus anda ketahui karena bentuk laporan dari database tentunya akan disajikan dalam bentuk tabel. Bagaimana cara membuat tabel yang benar? dan bagaimana contohnya?

Pertama kita akan mengenal perintah-perintah yang berhubungan dengan membuat tabel :

Perintah Dasar Membuat Table HTML

Perintah dasar adalah perintah yang harus ada dalam sebuah susunan tabel, yaitu :

<table border="1">
  <tr>
    <th>Nama</th>
    <th>Alamat</th>
  </tr>
  <tr>
    <td>Johan</td>
    <td>Pulau Seribu</td>
  </tr>
</table>

Jika dilihat dari contoh kode membuat tabel html diatas maka sebuah tabel terdiri dari :
<table>..</table> : digunakan sebagai tanda awal tabel
<tr>..<tr> : digunakan sebagai tanda awal baris, tr kependekan dari table row
<th>..</th> : digunakan untuk membuat tampilan kolom header tabel, th kependekan dari table head
<td>..</td> : digunakan untuk menyusun kolom data, td kependekan dari table data
Dalam beberapa kasus, mungkin akan ditemui juga penggunaan perintah thead, tbody dan tfoot :

<table border="1" cellpadding=5 cellspacing="0">
  <thead>
    <tr>
      <th>Bulan</th>
      <th>Tanggal</th>
      <th>Jumlah</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Jan</td>
      <td>01/01/2012</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Peb</td>
      <td>02/02/2012</td>
      <td>111</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th colspan=2 align=left>Total</th>
      <th>211</th>
    </tr>
  </tfoot>
</table>

<thead>..</thead> : digunakan untuk mengelompokkan bagian header tabel
<tbody>..</tbody> : digunakan untuk mengelompokkan bagian data/isi tabel
<tfoot>..</tfoot> : digunakan untuk mengelompokkan bagian footer tabel
Secara tampilan, 3 perintah diatas tidak berpengaruh, hanya digunakan untuk pengembangan dengan css

Atribut Table HTML

Atribut adalah perintah tambahan yang ditempelkan pada perintah utama/dasar, atribut bersifat tidak pasti hanya digunakan jika diperlukan. Atribut meliputi :

align : untuk mengatur posisi horizontal

valign : untuk mengatur posisi vertikal

width : untuk mengatur lebar

height : untuk mengatur tinggi

border : untuk mengatur tebal garis

cellpadding : untuk mengatur jarak garis dengan objek didalamnya

cellspacing : untuk mengatur jarak tiap cell

bgcolor : untuk mengatur warna

background : untuk mengatur latar gambar

rowspan : jumlah baris yang memotong beberapa baris

colspan : jumlah kolom yang memotong beberapa kolom

Memang ada beberapa atribut yang tidak umum (bukan standard) seperti border color, title dan beberapa lainya tapi saya pikir ini tidak perlu.

Berikut ini contoh lengkap dengan atribut :

Rowspan 3	Nama	Alamat	Telp.	Colspan 2
	ALI	Jl. Ijo	11211
	UDIN	Jl. Rencong	23232

Susunan kodenya :

<table width="500" border="1" cellspacing="0" cellpadding="3">
<tr>
<th width="53" rowspan="3" bgcolor="#00CCCC">Rowspan 3</th>
<th width="74" height="41" bgcolor="#00CCCC">Nama</th>
<th width="83" bgcolor="#33FF33">Alamat</th>
<th width="92" bgcolor="#FF9900">Telp.</th>
<th colspan="2" bgcolor="#FF9900">Colspan 2</th>
</tr>
<tr>
<td bgcolor="#66CCFF">ALI</td>
<td align="center" bgcolor="#99CC66">Jl. Ijo</td>
<td bgcolor="#9966FF">11211</td>
<td width="92" bgcolor="#9966FF">&nbsp;</td>
<td width="92" bgcolor="#9966FF">&nbsp;</td>
</tr>
<tr>
<td bgcolor="#FFFF00">UDIN</td>
<td align="center" bgcolor="#FFFF00">Jl. Rencong</td>
<td bgcolor="#FFFF00">23232</td>
<td bgcolor="#FFFF00">&nbsp;</td>
<td bgcolor="#FFFF00">&nbsp;</td>
</tr>
</table>

Agak sedikit rumit tapi memang kadangkala kita akan memerlukan susunan tabel seperti itu :

Contoh sederhana tabel html

<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td>one</td></tr>
<tr><td>two</td></tr>
<tr><td>three</td></tr>
</table>

one

two

three

<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td>one</td><td>two</td></tr>
<tr><td>three</td><td>four</td></tr>
</table>

one	two
three	four

<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td>one</td><td rowspan=2>two</td></tr>
<tr><td>three</td></tr>
</table>

one	two
three

<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td rowspan=2>one</td><td>two</td></tr>
<tr><td>three</td></tr>
</table>

one	two
	three

<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td>one</td><td>two</td></tr>
<tr><td>three</td><td>four</td></tr>
<tr><td>five</td><td>six</td></tr>
</table>

one	two
three	four
five	six

<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td colspan=2 align=center>one</td></tr>
<tr><td>two</td><td>three</td></tr>
<tr><td>four</td><td>five</td></tr>
</table>

one
two	three
four	five

<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td colspan=2 align=center>one</td></tr>
<tr><td>two</td><td>three</td></tr>
<tr><td colspan=2 align=center>four</td></tr>
</table>

one
two	three
four

<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td colspan=2>one</td><td rowspan=2>three</td></tr>
<tr><td rowspan=2>four</td><td>five</td></tr>
<tr><td>six</td><td>seven</td></tr>
</table>

one		three
four	five
	six	seven

Saya pikir contoh diatas sudah cukup mewakili banyak model tabel yang mungkin saja suatu saat anda perlukan.

Kesimpulanya

Untuk menyusun sebuah tabel, kita harus mendeklarasikan awal dengan <table> dan diakhir dengan </table>
Setiap baris, harus dideklarasikan <tr> dan diakhiri dengan </tr>
Setiap kolom, harus menggunakan <th> dan </th> jika sebagai header, <td> dan </td> jika sebagai data.

Semoga bermanfaat
8 Saudara

Tutorial Blog

Referensi Warna untuk HTML dan CSS

Unknown - 14.22

Banyak tersedia warna yang bisa kita gunakan agar web/blog kita lebih menarik. Umumnya yang paling gampang diingat yaitu warna dasar seperti merah, hijau, biru dll yang ditulis dalam bahasa inggris. Selain itu masih banyak warna-warna yang bisa kita gunakan dengan menuliskan kode warnanya contoh warna merah dituliskan dengan kode #FF0000.

Contoh mengubah format H1 menjadi berwarna merah muda, penggunaanya bisa dilihat di kode berikut :

h1 { color : #F75D59; }

atau

<h1 style="color:#F75D59">TULISAN</h1>

TABEL KODE WARNA UNTUK HTML ATAU CSS

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

TABEL NAMA WARNA UNTUK HTML / CSS

Aliceblue #F0F8FF	Antiquewhite #FAEBD7	Aqua #00FFFF
Aquamarine #7FFFD4	Azure #F0FFFF	Beige #F5F5DC
Bisque #FFE4C4	Black #000000	Blanchedalmond #FFEBCD
Blue #0000FF	Blueviolet #8A2BE2	Brown #A52A2A
Burlywood #DEB887	Cadetblue #5F9EA0	Chartreuse #7FFF00
Chocolate #D2691E	Coral #FF7F50	Cornflowerblue #6495ED
Cornsilk #FFF8DC	Crimson #DC143C	Cyan #00FFFF
Darkblue #00008B	Darkcyan #008B8B	Darkgoldenrod #B8860B
Darkgray #A9A9A9	Darkgreen #006400	Darkkhaki #BDB76B
Darkmagenta #8B008B	Darkolivegreen #556B2F	Darkorange #FF8C00
Darkorchid #9932CC	Darkred #8B0000	Darksalmon #E9967A
Darkseagreen #8FBC8F	Darkslateblue #483D8B	Darkslategray #2F4F4F
Darkturquoise #00CED1	Darkviolet #9400D3	Deeppink #FF1493
Deepskyblue #00BFFF	Dimgray #696969	Dodgerblue #1E90FF
Firebrick #B22222	Floralwhite #FFFAF0	Forestgreen #228B22
Fuchsia #FF00FF	Gainsboro #DCDCDC	Ghostwhite #F8F8FF
Gold #FFD700	Goldenrod #DAA520	Gray #808080
Green #008000	Greenyellow #ADFF2F	Honeydew #F0FFF0
Hotpink #FF69B4	Indianred #CD5C5C	Indigo #4B0082
Ivory #FFFFF0	Khaki #F0E68C	Lavender #E6E6FA
Lavenderblush #FFF0F5	Lawngreen #7CFC00	Lemonchiffon #FFFACD
Lightblue #ADD8E6	Lightcoral #F08080	Lightcyan #E0FFFF
Lightgoldenrodyellow #FAFAD2	Lightgreen #90EE90	Lightgrey #D3D3D3
Lightpink #FFB6C1	Lightsalmon #FFA07A	Lightseagreen #20B2AA
Lightskyblue #87CEFA	Lightslategray #778899	Lightsteelblue #B0C4DE
Lightyellow #FFFFE0	Lime #00FF00	Limegreen #32CD32
Linen #FAF0E6	Magenta #FF00FF	Maroon #800000
Mediumaquamarine #66CDAA	Mediumblue #0000CD	Mediumorchid #BA55D3
Mediumpurple #9370D8	Mediumseagreen #3CB371	Mediumslateblue #7B68EE
Mediumspringgreen #00FA9A	Mediumturquoise #48D1CC	Mediumvioletred #C71585
Midnightblue #191970	Mintcream #F5FFFA	Mistyrose #FFE4E1
Moccasin #FFE4B5	Navajowhite #FFDEAD	Navy #000080
Oldlace #FDF5E6	Olive #808000	Olivedrab #688E23
Orange #FFA500	Orangered #FF4500	Orchid #DA70D6
Palegoldenrod #EEE8AA	Palegreen #98FB98	Paleturquoise #AFEEEE
Palevioletred #D87093	Papayawhip #FFEFD5	Peachpuff #FFDAB9
Peru #CD853F	Pink #FFC0CB	Plum #DDA0DD
Powderblue #B0E0E6	Purple #800080	Red #FF0000
Rosybrown #BC8F8F	Royalblue #4169E1	Saddlebrown #8B4513
Salmon #FA8072	Sandybrown #F4A460	Seagreen #2E8B57
Seashell #FFF5EE	Sienna #A0522D	Silver #C0C0C0
Skyblue #87CEEB	Slateblue #6A5ACD	Slategray #708090
Snow #FFFAFA	Springgreen #00FF7F	Steelblue #4682B4
Tan #D2B48C	Teal #008080	Thistle #D8BFD8
Tomato #FF6347	Turquoise #40E0D0	Violet #EE82EE
Wheat #F5DEB3	White #FFFFFF	Whitesmoke #F5F5F5
Yellow #FFFF00	YellowGreen #9ACD32

Warna-warna web diatas dapat digunakan untuk banyak keperluan seperti warna tulisan, warna garis, warna background/latar.

Semoga bermanfaat
8 Saudara

Advertise Here

Latest Stories

Business

Sports

Rabu, 27 November 2013

Membuat Fans Page Facebook

Cara Membuat dan Memasang Facebook Like Box di Blog atau Website

Perintah Dasar Membuat Table HTML

Atribut Table HTML

Contoh sederhana tabel html

Kesimpulanya

TABEL KODE WARNA UNTUK HTML ATAU CSS

TABEL NAMA WARNA UNTUK HTML / CSS

Contact

Pages

My Profil

Follow us on Facebook

About Us

Recent Articles

REAL PRINT Sablon Digital Satuan

Technology

Pengikut

Photography