• July 2010
    M T W T F S S
    « Mar    
     1234
    567891011
    12131415161718
    19202122232425
    262728293031  

ini hanya bercanda. jadi jangan diambil hati ych…!
oh… iya niwa lupa…
disarankan untuk tertawa sebelum membacanya…
niwa^^
gini ceritanya…
kalo cowok ganteng pendiam.
cewek2 bilang : wow, cool banget…
kalo cowok jelek pendiam.
cewek2 bilang : ih… kuper…
kalo cowok ganteng jomblo.
cewek2 bilang : pasti dia perfeksionis.
kalo cowok jelek jomblo.
cewek2 bilang : sudah jelas… kagak laku…
kalo cowok ganteng berbuat jahat.
cewek2 bilang : no body’s perfect…
kalo cowok jelek berbuat jahat.
cewek2 bilang : pantes… tampangnya kriminal…!!
kalo cowok ganteng nolongin cewek yang diganggu preman.
cewek2 bilang : wuihh… jantan. kayak di film2.
kalo cowok jelek nolongin cewek yang diganggu preman.
cewek2 bilang : pasti premannya, temennya sendiri.
kalo cowok ganteng dapet cewek cantik.
cewek2 bilang : klop… serasi banget…
kalo cowok jelek dapet cewek cantik.
cewek2 bilang : pasti main dukun…
kalo cowok ganteng diputusin cewek.
cewek2 bilang : jangan sedih, kan masih ada aku…
kalo cowok jelek diputusin cewek.
cewe2 bilang : (terdiam, tapi telunjuknya meliuk-liuk dari atas ke bawah)
kalo cowok ganteng ngaku indo.
cewek2 bilang : emang mirip-mirip bule sih…
kalo cowok jelek ngaku indo.
cewek2 bilang : pasti ibunya jawa, bapaknya robot…
kalo cowok ganteng penyayang binatang.
cewek2 bilang : perasaannya halus… penuh cinta kasih.
kalo cowok jelek penyayang binatang.
cewek2 bilang : sesama keluarga emang harus saling menyayangi…
kalo cowok ganteng bawa BMW.
cewek2 bilanng : matching… keren luar dalem…
kalo cowok jelek bawa BMW.
cewek2 bilang : mas, majikannya mana…?
kalo cowok ganteng males difoto.
cewek2 bilang : pasti takut fotonya kesebar kemana2.
kalo cowok jelek males difoto.
cewek2 bilanng : nggak tega ngeliat hasil cetakannya.
kalo cowok ganteng naek motor gede.
cewek2 bilang : wah kayak lorenzo lamas… bikin lemas…
kalo cowok jelek naik motor gede.
cewek2 bilang : awas !! ……… (bla bla _off the record)
kalo cowok ganteng nuangin air ke gelas cewek.
cewek2 bilang: ini baru cowok sopan…
kalo cowok jelek nuanngin air ke gelas cewek.
cewek2 bilang : naluri pembantu, emang gitu…
kalo cowok ganteng bersedih hati.
cewek2 bilang : let me be your shoulder to cry on…
kalo cowok jelek bersedih hati.
cewek2 bilang : cengeng amat…!? laki-laki bukan sih…??
kalo cowok ganteng baca tulisan niwa ini.
Langsung ngaca sambil senyum2 kecil, lalu berkata.
“life is beautiful”
kalo cowok jelek baca tulisan niwa ini.
Frustasi, ngambil tali jemuran, trus teriak sekeras2nya…
“HIDUP INI KEJAAAAAMMMMMMMM”
tips untuk anda yang merasa jelek :
THE BEAUTY IS UNDER THE SKIN
perbaiki inner beauty anda, itu kalau anda merasa sisi luar anda udah ancur gak ketolong lagi…
LIKE FATHER LIKE SON
jangan salahkan diri anda kalau anda jelek, salahkan orang tua anda, karena jelek itu keturunan…
THE TRUTH IS OUT THERE
kalau orang lain menilai anda jelek, jangan skeptis, penilaian manusia tidak selalu benar…
DON’T JUDGE THE BOOK BY ITS COVER
jangan putus asa, tidak semua orang menilai manusia dari fisiknya.
THE RIGHT MAN IN THE WRONG PLACE
cakep jelek itu lingkungan, misalnya anda di sini jelek, tetapi di Afrika sana anda yang paling ganteng.
LOVE IS BLIND
cinta tidak memandang cakep atau jelek…, gak percaya?
tanyakan hal ini sama orang jelek.
memang cakep itu relatif… tapi kalau jelek itu mutlak…!!!
hehe… just kidding… tapi bener lho…
semua cowok ok kok, asal dia baik ajaaa…
maaf yang sebesar-besarnya dari niwa, untuk orang yang membaca tulisan niwa ini bila tersinggung…
kasih acungan jempol untuk niwa, kalo yang membaca tulisan niwa ini tersenyum… seperti ini –> (^_^)V
Copyright © 2009 niwaexia@hellokitty.co.id
All rights reserved.

:¦ PET BOSS ¦:

Copyright © 2010 niwaexia@hellokitty.co.id
All rights reserved.

  


:¦ Dasar-dasar HTML ¦:

          HTML merupakan kependekan dari Hyper Text Markup Language. Ini merupakan bahasa standar yang digunakan oleh http (hyper text transfer protocol). HTML tersusun oleh tag-tag sebagai penanda karena inilah maka disebut HTML, misalnya <html> … </html>. Pada umumnya tag-tag selalu mempunyai tag pembuka seperti <html> dan kemudian selalu ada tag penutup untuk megakhirinya </html>, namun ada beberapa tag yang tidak mempunyai tag penutup seperti misalnya <br>, <hr> dan sebagainya.

          Untuk pembuatan dan pengeditan tidak perlu langsung di blog. Tapi bisa menggunakan program Notepad yang ada di setiap instalan Windows XP. Save dengan [nama file.html] misalnya (for example: Latihan membuat web.html).

Untuk meng-edit kembali HTML yang dibuat dapat menggunakan cara:
    • Edit dengan memilih Icon Edit with Notepad
     
    • Pilih View lalu pilih Source
    • Klik kanan di textarea kemudian pilih View Source

:¦ Belajar HTML ¦:

    Pilih yang ingin dipelajari:
    • Tag-tag Dasar HTML
    • Menampilkan Gambar
    • Membuat Link
    • Membuat Lists
    • Membuat Tabel
    • Membuat Columns

:¦ Tag-tag Dasar HTML ¦:

Value Description
<font> … </font> Pengaturan tulisan. Mempunyai atribut:
color = Untuk memberi warna pada tulisan.
size = Untuk mengatur ukuran tilisan. (nilainya antara 1 … 7)
face = Untuk mengatur jenis huruf.
<b> … </b> Untuk membuat huruf tebal.
<i> … </i> Untuk membuat huruf miring.
<u> … </u> Untuk membuat garis bawah.
<s> … </s> Untuk membuat coretan pada huruf.
<tt> … </tt> Untuk membuat tulisan monospaced.
<big> … </big> Untuk memperbesar teks dari ukuran normal
<small> … </small> Untuk memperkecial teks dari ukuran normal.
<sub> … </sub> Untuk membuat subskrip.
<sup> … </sup> Untuk membuat superskrip.
<br> Untuk perpindahan baris. Tanpa tag penutup.
<hr> Untuk membuat garis horizontal. Tanpa tag penutup.
align = Untuk mengatur tempat. (tidak harus digunakan)
    • center = dibagian tengah.
    • left = dibagian kiri.
    • right = dibagian kanan.
size = Untuk mengatur ukuran garis. (tidak harus digunakan)
width = Untuk mengatur lebar garis. (tidak harus digunakan)
<h_> … </h_> Untuk membuat heading antara h1 sampai h6.
    • <h1> … </h1> Yang paling besar.
    • <h6> … </h6> Yang paling kecial.
<p> … </p> Untuk membuat paragraph.
align = untuk mengatur palagraph
    • center = untuk rata tengah.
    • left = untuk rata kiri.
    • right = untuk rata kanan.
    • justify = untuk rata kanan-kiri.
<pre> … </pre> Teks akan ditampilkan sesuai yang diketik pada editor.
Special Characters
Named Entity Character
&nbsp; Membuat satu space
&quot; "
&amp; &
&lt; <
&gt; >
 
Font Pengaturan Tulisan <font> … </font>
    • color = Untuk memberi warna pada tulisan. Dapat menggunakan Color Name ataupun Code Value keduanya sama saja. Color Name jarang digunakan yang sering digunakan Code Value.
    • size = Untuk mengatur ukuran tilisan. Nilainya antara 1 sampai 7. yang sering digunakan nilai 2.
    • face = Untuk mengatur jenis huruf. Jenis huruf yang sering digunakan antara lain: Arial, Verdana dan Tahoma.
Color Name Code Value
black #000000
gray #808080
silver #c0c0c0
white #ffffff
darkblue #00008b
blue #0000ff
cornflowerblue #6495ed
deepskyblue #00bfff
skyblue #87ceeb
lightblue #add8e6
turquoise #40e0d0
aquamarine #7fffd4
aqua #00ffff
gold #ffd700
yellow #ffff00
wheat #f5deb3
bisque #ffe4c4
purple #800080
darkviolet #9400d3
blueviolet #8a2be2
mediumpurple #9370db
Color Name Code Value
red #ff0000
deeppink #ff1493
hotpink #ff69b4
fuchsia #ff00ff
violet #ee82ee
plum #dda0dd
pink #ffc0cb
thistle #d8bfd8
brown #a52a2a
chocolate #d2691e
darkorange #ff8c00
goldenrod #daa520
orange #ffa500
burlywood #deb887
green #008000
limegreen #32cd32
lime #00ff00
chartreuse #7fff00
palegreen #98fb98
yellowgreen #9acd32
greenyellow #adff2f
More Colors Click HERE
Example:
    • text color red (menggunakan Color Name)
    • text color red (menggunakan Code Value)

:¦ code ¦:
<font color=”red” size=”2″ face=”Tahoma”>text color red</font>
<font color=”#ff0000” size=”2″ face=”Tahoma”>text color red</font>

 
Presentational Elements
Example:
    • The <b> … </b> Element
      The following word uses a bold typeface.
    • The <i> … </i> Element
      The following word uses an italic typeface.
    • The <u> … </u> Element
      The following word would be underlined.
    • The <s> … </s> Element
      The following word would have a strikethrough.
    • The <tt> … </tt> Element
      The following word will appear in a monospaced font.
    • The <big> … </big> Element
      The following word should be bigger than those around it.
    • The <small> … </small> Element
      The following word should be smaller than those around it.
    • The <sub> … </sub> Element
      The following word uses a subskrip Elements.
    • The <sup> … </sup> Element
      Written on the 19st May.

:¦ code ¦:
The following word uses a <b>bold</b> typeface.
The following word uses an <i>italic</i> typeface.
The following word would be <u>underlined</u>.
The following word would have a <s>strikethrough</s>.
The following word will appear in a <tt>monospaced</tt> font.
The following word should be <big>bigger</big> than those around it.
The following word should be <small>smaller</small> than those around it.
The following word uses a <sub>subskrip</sub> Elements.
Written on the 19<sup>st</sup> May.

 
Paragraph <p> … </p>
    align = untuk mengatur palagraph
    • center = untuk rata tengah ( <p align=”center”></p> )
    • left = untuk rata kiri ( <p align=”left”></p> )
    • right = untuk rata kanan ( <p align=”right”></p> )
    • justify = untuk rata kanan-kiri ( <p align=”justify”></p> )
Example:

:¦ story ¦:

Pernahkah kau melihat mimpi ku. yang aku rasa hanyalah hari-hari yang sama. Apakah kau tahu yang aku harapkan, bersama mu melangkahi mimpi. Terkadang semua indah di hati tetapi tak seindah mimpi yang aku raih. Aku selalu mengingat wajah yang aku lihat dalam mimpi ku. Wajah seorang putri mungkin? Tapi nyatanya aku tidak dapat menggambarkan wajah itu. Sebenarnya lebih baik aku ingin hidup dalam mimpi ku saja, agar aku bisa melihat wajah itu.

Aku bermimpi berada di sebuah taman bunga yang indah. Sepertinya aku masih setengah sadar, tidak biasanya mimpi terasa begitu nyata. Apakah ini mimpi dari masa lalu, seorang putri yang menunggu takdirnya mungkin? Tetapi mimpi ini akan lenyap begitu aku terbangun. Karena aku takut mimpi ini hilang dari ingatan ketika terbangun, aku tetap memejamkan mata dan membiarkan mimpi ini membawa ku bersamanya.

Aku teringat pada hari-hari dimana aku pernah melihatnya. Sepertinya wajah seorang putri yang aku temui dalam mimpi ku. Karena itu aku berusaha untuk mencarinya, dan telah aku putuskan hanya untuk mencarinya. Aku berkelana seorang diri, tanpa harapan dan tujuan. Apa perlu ada tujuan? tanya ku pada diri ku. Dari awal aku memang sudah tidak punya tujuan, tetapi nyatanya aku tetap sampai disini.

Aku jadi teringat mimpi itu saat aku memejamkan mata ku. Dan aku teringat kata-kata putri dalam tidur ku. Bagaimana bisa aku menolong dia? Aku tidak tahu bagaimana caranya atau bagaimana untuk menolong putri itu. Aku… mengharapkan apa? Apa bisa aku membuatnya tersenyum? Apakah aku harus meninggalkan itu semua dan menjalani hidup ku sendiri, itulah yang ingin aku lakukan. Tetapi, bisa saja itulah makna dibalik perjalanan ku.

Story at Hope Dream Myself


:¦ code ¦:
<p align=”center”><font color=”#000000” size=”2″ face=”Tahoma”>Pernahkah kau melihat mimpi ku. yang aku rasa hanyalah hari-hari yang sama. Apakah kau tahu yang aku harapkan, bersama mu melangkahi mimpi. Terkadang semua indah di hati tetapi tak seindah mimpi yang aku raih. Aku selalu mengingat wajah yang aku lihat dalam mimpi ku. Wajah seorang putri mungkin? Tapi nyatanya aku tidak dapat menggambarkan wajah itu. Sebenarnya lebih baik aku ingin hidup dalam mimpi ku saja, agar aku bisa melihat wajah itu.</font></p>
<p align=”left”><font color=”#000000” size=”2″ face=”Tahoma”>Aku bermimpi berada di sebuah taman bunga yang indah. Sepertinya aku masih setengah sadar, tidak biasanya mimpi terasa begitu nyata. Apakah ini mimpi dari masa lalu, seorang putri yang menunggu takdirnya mungkin? Tetapi mimpi ini akan lenyap begitu aku terbangun. Karena aku takut mimpi ini hilang dari ingatan ketika terbangun, aku tetap memejamkan mata dan membiarkan mimpi ini membawa ku bersamanya.</font></p>
<p align=”right”><font color=”#000000” size=”2″ face=”Tahoma”>Aku teringat pada hari-hari dimana aku pernah melihatnya. Sepertinya wajah seorang putri yang aku temui dalam mimpi ku. Karena itu aku berusaha untuk mencarinya, dan telah aku putuskan hanya untuk mencarinya. Aku berkelana seorang diri, tanpa harapan dan tujuan. Apa perlu ada tujuan? tanya ku pada diri ku. Dari awal aku memang sudah tidak punya tujuan, tetapi nyatanya aku tetap sampai disini.</font></p>
<p align=”justify”><font color=”#000000” size=”2″ face=”Tahoma”>Aku jadi teringat mimpi itu saat aku memejamkan mata ku. Dan aku teringat kata-kata putri dalam tidur ku. Bagaimana bisa aku menolong dia? Aku tidak tahu bagaimana caranya atau bagaimana untuk menolong putri itu. Aku… mengharapkan apa? Apa bisa aku membuatnya tersenyum? Apakah aku harus meninggalkan itu semua dan menjalani hidup ku sendiri, itulah yang ingin aku lakukan. Tetapi, bisa saja itulah makna dibalik perjalanan ku.</font></p>

Back To the Top
:¦ Menampilkan Gambar ¦:

Untuk menampilkan gambar (image) dalam HTML, jenis file yang mendukung adalah *.jpg, *.gif, *.png, *.tif. Tanpa tag penutup.

Memiliki atribut sebagai berikut:
    • align = untuk mengatur posisi letak gambar. (tidak harus digunakan)
     
    • center = gambar berada di tengah.
    • left = gambar berada di kiri.
    • right = gambar berada di kanan.
    • border = Untuk memberi bingkai pada gambar. (jarang digunakan diberi nilai 0)
    • alt = Untuk memberi keterangan mengenai gambar (Description).
    • width = Untuk mengatur lebar gambar dalam pixels. (tidak harus digunakan)
    • height = Untuk mengatur tinggi gambar dalam pixels. (tidak harus digunakan)
Code Image:
    • <img src=”…link image yang dituju…” align=”…posisi…” border=”…border…” alt=”…keterangan…” width=”…lebar…” height=”…tinggi…“>
    • <img src=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/files/2009/09/list-item.jpg” align=”center” border=”0” alt=”List Item at niwa Blog” width=”500” height=”200“>
 
Example:
figures ayakasi moka

:¦ code ¦:
<img src=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/files/2009/10/image-x.jpg” border=”0” alt=”figures ayakasi moka“>

Back To the Top
:¦ Membuat Link ¦:

Dalam membuat link terdapat dua jenis link, yaitu link ke halaman lain dan link dalam halaman yang sama.

    • Link ke halaman lain dibuat dengan tag:
      <a href=”…link yang dituju…” target=”_blank“>…text yang ditampilkan…</a>
    • Link ke halaman yang sama dibuat dengan pasangan tag:
     
    • Bagian link diberi tag:
      <a href=”#nama anchor“>…text yang ditampilkan…</a>
    • Bagian yang akan dituju diberi tag:
      <a name=”nama anchor“>…text yang ditampilkan…</a>
      note: untuk nama anchor setiap pasangan link disamakan.
    • E-mail Links dibuat dengan tag:
      <a href=”mailto:…E-mail yang dituju…“>…text yang ditampilkan…</a>
 
Menggunakan Link ke halaman lain:
Example:
Click Here to view List Item at niwa’s Blog

:¦ code ¦:
<a href=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/category/list-item/” target=”_blank”><font color=”#9966ff” size=”4″ face=”arial”><b>Click Here to view List Item at niwa’s Blog</b></font></a>
 
Menggunakan Link ke halaman yang sama:
Example:

:¦ story ¦:

Hope Dream Myself
    • palagraph pertama
    • palagraph kedua
    • palagraph ketiga

palagraph pertama
Sesuatu yang tidak dapat digunakan untuk terbang, tidak dapat menunggu hayalan, karena kau selalu ada disana aku dapat memberi sebuah senyuman. Di langit biru yang sedih, ingatan memenuhi hati yang terluka. Memberi ku sebuah mimpi. Dimana kau bersembunyi, di langit penuh bintang. Aku telah melupakan waktu ketika kau tidak dapat terbang. Aku kehilangan cahaya ku. Satu dari langit yang memerah. Aku hanya menginginkan mu untuk melihat ku, aku menangis. Jika aku dapat menjadi burung. Jika aku dapat menjadi angin, akankah mimpi itu datang. Kau selalu mengganggu ku, bersama berpegangan tangan. Sayap inikah yang membawa kita. Suara mu bergema, mengapa tangisan ini tidak mau berhenti mengikuti ku.

palagraph kedua
Cahaya berjatuhan, berdiri sendiri diatas bukit. Sepanjang bayangan dapat dilihat, ini perasaan kejam dunia. Kesunyian mengikuti mimpi sekali lagi. Aku seorang pendusta, ketika aku membuka mata ku, aku menjadi penakut. Semuanya telah terlihat, apa yang ingin aku cari, aku mencari seorang pelindung. Perasaan sakit di hati ku, ketika cahaya menjadi harapan segalanya telah hilang. Aku menangis di sini, berjalan dipandu angin. Perasaan ini terbangun untuk pertama kalinya, inikah cahaya yang menjadi satu. Apakah ini harapan ku?

palagraph ketiga
Dia berjalan dengan tuhan. Mengikuti jejak kaki takdir. Cahaya yang membiru dari langit. Kesenangan dan kesedihan belum berubah. Tetapi, selama putus asa dan masalah masih ada. Selama waktu masih menunjukan kesedihannya. Selama waktu tidak dapat menahan perasaan sakit. Disana hanya akan ada satu penantian. Perasaan kasih dari tuhan. Selama kesenangan dan kesedihan ku belum berubah. Selama waktu ini hanya untuk ku. Tetapi, ketika aku membutuhkan kau lebih dari apapun… kenapa kau tidak pernah ada untuk ku?

Story at Hope Dream Myself 3


:¦ code ¦:
<p align=”center”><font color=”#000000” size=”3″ face=”Tahoma”><b>
Hope Dream Myself
</b></font></p>
<ol>
<li>
<a href=”#1″>
<font color=”#ff0000” size=”2″ face=”Tahoma”>palagraph pertama</font>
</a>

</li>
<li>
<a href=”#2″>
<font color=”#ff0000” size=”2″ face=”Tahoma”>palagraph kedua</font>
</a>

</li>
<li>
<a href=”#3″>
<font color=”#ff0000” size=”2″ face=”Tahoma”>palagraph ketiga</font>
</a>

</li>
</ol>
<a name=”1″>
<font color=”#ff0000” size=”2″ face=”Tahoma”>palagraph pertama</font>
</a>

<p align=”justify”><font color=”#000000” size=”2″ face=”Tahoma”>Sesuatu yang tidak dapat digunakan untuk terbang, tidak dapat menunggu hayalan, karena kau selalu ada disana aku dapat memberi sebuah senyuman. Di langit biru yang sedih, ingatan memenuhi hati yang terluka. Memberi ku sebuah mimpi. Dimana kau bersembunyi, di langit penuh bintang. Aku telah melupakan waktu ketika kau tidak dapat terbang. Aku kehilangan cahaya ku. Satu dari langit yang memerah. Aku hanya menginginkan mu untuk melihat ku, aku menangis. Jika aku dapat menjadi burung. Jika aku dapat menjadi angin, akankah mimpi itu datang. Kau selalu mengganggu ku, bersama berpegangan tangan. Sayap inikah yang membawa kita. Suara mu bergema, mengapa tangisan ini tidak mau berhenti mengikuti ku.</font></p>
<a name=”2″>
<font color=”#ff0000” size=”2″ face=”Tahoma”>palagraph kedua</font>
</a>

<p align=”justify”><font color=”#000000” size=”2″ face=”Tahoma”>Cahaya berjatuhan, berdiri sendiri diatas bukit. Sepanjang bayangan dapat dilihat, ini perasaan kejam dunia. Kesunyian mengikuti mimpi sekali lagi. Aku seorang pendusta, ketika aku membuka mata ku, aku menjadi penakut. Semuanya telah terlihat, apa yang ingin aku cari, aku mencari seorang pelindung. Perasaan sakit di hati ku, ketika cahaya menjadi harapan segalanya telah hilang. Aku menangis di sini, berjalan dipandu angin. Perasaan ini terbangun untuk pertama kalinya, inikah cahaya yang menjadi satu. Apakah ini harapan ku?</font></p>
<a name=”3″>
<font color=”#ff0000” size=”2″ face=”Tahoma”>palagraph ketiga</font>
</a>

<p align=”justify”><font color=”#000000” size=”2″ face=”Tahoma”>Dia berjalan dengan tuhan. Mengikuti jejak kaki takdir. Cahaya yang membiru dari langit. Kesenangan dan kesedihan belum berubah. Tetapi, selama putus asa dan masalah masih ada. Selama waktu masih menunjukan kesedihannya. Selama waktu tidak dapat menahan perasaan sakit. Disana hanya akan ada satu penantian. Perasaan kasih dari tuhan. Selama kesenangan dan kesedihan ku belum berubah. Selama waktu ini hanya untuk ku. Tetapi, ketika aku membutuhkan kau lebih dari apapun… kenapa kau tidak pernah ada untuk ku?</font></p>

 
Menggunakan E-mail Links:
Example:
niwaexia@hellokitty.co.id

:¦ code ¦:
<a href=”mailto:niwaexia@hellokitty.co.id“><font color=”#9966ff” size=”4″ face=”arial”><b>niwaexia@hellokitty.co.id</b></font></a>

Back To the Top
:¦ Membuat Lists ¦:

Tag-tag pada lists
Value Type Attribute Description
1 Arabic numerals (the default) 1, 2, 3, 4, 5, …
A Capital letters A, B, C, D, E, …
a Small letters a, b, c, d, e, …
I Roman numerals I, II, III, IV, V, …
i Small Roman numerals i, ii, iii, iv, v, …
Untuk membuat sebuah lists kita dapat mengunakan elemen <ul> dan <ol>. Bedanya elemen <ul> untuk jenis lists bullets, sedangkan elemen <ol> untuk numbering.

:¦ note ¦:
Di dalam Blog HKO-ID yang dapat digunakan hanya Lists Menggunakan elemen <ol> (default). Yang lainnya tidak dapat digunakan tapi klou di blog lain seperti http://wordpress.com/ dan http://blogspot.com/ dapat digunakan.
 
Menggunakan elemen <ul> (default):
Example:

:¦ code ¦:
<ul>
<li>Bullet point number one</li>
<li>Bullet point number two</li>
<li>Bullet point number three</li>
</ul>

  • Bullet point number one
  • Bullet point number two
  • Bullet point number three

Menggunakan elemen <ul> dengan atribut type (disc, square, circle):
Example:

:¦ code ¦:
<ul type=”square”>
<li>Bullet point number one</li>
<li>Bullet point number two</li>
<li>Bullet point number three</li>
</ul>

  • Bullet point number one
  • Bullet point number two
  • Bullet point number three

Menggunakan elemen <ol> (default):
Example:

:¦ code ¦:
<ol>
<li>Point number one</li>
<li>Point number two</li>
<li>Point number three</li>
</ol>

  1. Point number one
  2. Point number two
  3. Point number three

Menggunakan elemen <ol> dengan atribut type (1, a, A, i, I):
Example:

:¦ code ¦:
<ol type=”a”>
<li>This is the first point</li>
<li>This is the second point</li>
<li>This is the third point</li>
</ol>

  1. This is the first point
  2. This is the second point
  3. This is the third point

Menggunakan elemen <ol> dengan atribut start (awal lists):
Example:

:¦ code ¦:
<ol type=”i” start=”4″>
<li>This list should start at four</li>
<li>Therefore this item should be five</li>
<li>And this item should be six</li>
</ol>

  1. This list should start at four
  2. Therefore this item should be five
  3. And this item should be six

Membuat lists gabungan:
Example:

:¦ code ¦:
<ol type=”1″>
<li>This is the first point</li>
<li>This is the second point
      <ol type=”a”>
      <li>Point number one (a)</li>
      <li>Point number two (b)</li>
      <li>Point number three (c)

            <ul>
            <li>Bullet point number one</li>
            <li>Bullet point number two</li>
            <li>Bullet point number three</li>
            </ul>

      </li>
      </ol>

</li>
<li>This is the third point</li>
</ol>

  1. This is the first point
  2. This is the second point
    1. Point number one (a)
    2. Point number two (b)
    3. Point number three (c)
      • Bullet point number one
      • Bullet point number two
      • Bullet point number three
  3. This is the third point

Menggunakan elemen <ol> dengan atribut value:
Example:

:¦ code ¦:
<ol>
<li value=”3″>Point number one</li>
<li value=”5″>Point number two</li>
<li value=”7″>Point number three</li>
</ol>

  1. Point number one
  2. Point number two
  3. Point number three

Menggunakan elemen <ul> dan <ol> dengan atribut type pada <li>:

  • Atribut type pada <ul> = disc, square dan circle
  • Atribut type pada <ol> = 1, a, A, i dan I

Example:

:¦ code ¦:
<ul>
<li type=”disc”>Disc bullet point</li>
<li type=”square”>Square bullet point</li>
<li type=”circle”>Circle bullet point</li>
</ul>
<ol>
<li type=”1″>Numbers</li>
<li type=”a”>Lowercase letters</li>
<li type=”A”>Uppercase letters</li>
<li type=”i”>Lowercase Roman numerals</li>
<li type=”I”>Uppercase Roman numerals</li>
</ol>

  • Disc bullet point
  • Square bullet point
  • Circle bullet point
  1. Numbers
  2. Lowercase letters
  3. Uppercase letters
  4. Lowercase Roman numerals
  5. Uppercase Roman numerals

Definition Lists:
Example:

:¦ code ¦:

<dl>
<dt>Unordered List</dt>
<dd>A list of bullet points.</dd>
<dt>Ordered List</dt>
<dd>An ordered list of points, such as a numbered set of steps.</dd>
<dt>Definition List</dt>
<dd>A list of terms and definitions.</dd>
</dl>

Unordered List
A list of bullet points.
Ordered List
An ordered list of points, such as a numbered set of steps.
Definition List
A list of terms and definitions.

Back To the Top
:¦ Membuat Tabel ¦:

Tag-tag pada Tabel
Value Description
<table> … </table> Untuk membuat tabel. Mempunyai atribut:
border = untuk mengatur bingkai tabel
cellpadding = untuk mengatur jarak antara tulisan dan tabel
cellspacing = untuk mengatur jarak antara sel data
bgcolor = untuk memberi warna background tabel
width = untuk mengatur lebar tabel
height = untuk mengatur tinggi tabel (tidak harus digunakan)
<caption> … </caption> Untuk membuat judul tabel (tidak harus digunakan)
<th> … </th> Untuk membuat judul kolom (tidak harus digunakan)
<tr> … </tr> Untuk membuat baris dalam tabel
<td> … </td> Untuk membuat satu sel data. Mempunyai atribut:
align = untuk mengatur palagraph
    • center = untuk rata tengah
    • left = untuk rata kiri
    • right = untuk rata kanan
valign = untuk mengatur vertikal data (tidak harus digunakan)
    • top = untuk vertikal atas
    • bottom = untuk vertikal bawah
    • middle = untuk rata tengah (default)
bgcolor = untuk memberi warna pada satu sel data
rowspan = untuk menghubungkan baris
colspan = untuk menghubungkan kolom
 
Tabel Dasar
Untuk membuat tabel menggunakan perintah <table></table>, lalu perintah untuk membuat baris dalam tabel <tr></tr> diletakan didalam <table></table>. Dan untuk menulis data sel menggunakan perintah <td></td> diletakan didalam <tr></tr>.
Skema dasar membuat tabel:
<table>
<tr>
<td> …tempat menulis… </td>
</tr>
</table>
Example:
Row 1, Column 1 Row 1, Column 2
Row 2, Column 1 Row 2, Column 2

:¦ code ¦:
<table border=”1″>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>

 
Tabel dengan atribut rowspan
Atribut rowspan dapat digunakan untuk menggabungkan 2 baris (row) atau lebih menjadi satu baris.
Example:
Atribut Rowspan Row 1, Column 2
Row 2, Column 2

:¦ code ¦:
<table border=”1″>
<tr>
<td rowspan=”2″>Atribut Rowspan</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 2</td>
</tr>
</table>

 
Tabel dengan atribut colspan
Atribut colspan dapat digunakan untuk menggabungkan 2 kolom (column) atau lebih menjadi satu kolom.
Example:
Atribut Colspan
Row 2, Column 1 Row 2, Column 2

:¦ code ¦:
<table border=”1″>
<tr>
<td colspan=”2″>Atribut Colspan</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>

 
Menggunakan atribut cellpadding dan cellspacing dalam tabel
Untuk menggunakan atribut cellpadding dan cellspacing didalam membuat sebuah tabel. harus tahu terlebih dahulu apa itu cellpadding-cellspacing dan perbedaannya.
    • cellpadding digunakan untuk mengatur jarak antara tulisan dan border tabel, memiliki nilai besaran atara 0, 1, 2, 3, …
    • cellspacing digunakan untuk mengatur jarak antar setiap sel data dalam tabel, memiliki nilai besaran atara 0, 1, 2, 3, … (jarang digunakan diberi nilai 0).
Untuk lebih memahami perbedaan antara cellpadding dan cellspacing coba perharikan gambar dibawah ini:
Gambar tabel dengan nilai cellpadding=”30″ dan cellspacing=”30″
Example:
Data pemain HKO-ID
Player Periode
Masa Founders’ Beta Periode Open Beta Masa Komersial
Sex Male 1023 2044 4838
Female 1503 3065 7562

:¦ code ¦:
<table border=”1″ cellpadding=”4” cellspacing=”0“>
<tr>
<td align=”center” colspan=”5″>Data pemain HKO-ID</td>
</tr>
<tr>
<td align=”center” rowspan=”2″ colspan=”2″>Player</td>
<td align=”center” colspan=”3″>Periode</td>
</tr>
<tr>
<td align=”center”>Masa Founders’ Beta</td>
<td align=”center”>Periode Open Beta</td>
<td align=”center”>Masa Komersial</td>
</tr>
<tr>
<td align=”center”rowspan=”2″>Sex</td>
<td align=”left”>Male</td>
<td align=”center”>1023</td>
<td align=”center”>2044</td>
<td align=”center”>4838</td>
</tr>
<tr>
<td align=”left”>Female</td>
<td align=”center”>1503</td>
<td align=”center”>3065</td>
<td align=”center”>7562</td>
</tr>
</table>

 
Menggunakan atribut bgcolor
    • Menggunakan atribut bgcolor pada tag tabel
      <table bgcolor=”# …code warna… “> </table>
      Memberikan pewarnaan pada seluruh tabel (background).
    • Menggunakan atribut bgcolor pada tag tr
      <tr bgcolor=” …code warna… “> </tr>
      Memberikan pewarnaan pada garis tabel didalam perintah <tr>.
    • Menggunakan atribut bgcolor pada tag td
      <td bgcolor=” …code warna… “> </td>
      Memberikan pewarnaan pada satu sel data didalam perintah <td>.
Example:
    • bgcolor pada tag tabel <table bgcolor=”#f6e498“> </table>
    • bgcolor pada tag tr <tr bgcolor=”#ff00ff“> </tr>
    • bgcolor pada tag td <td bgcolor=”#00ff00“> </td>
note:
Pewarnaan pada tag <tr> jarang digunakan, yang sering digunakan adalah pewarnaan pada tag <tabel> (untum mewarnai seluruh tabel background) dan <td> (untuk mewarnai sebagian sel data dalam tabel).
Data pemain HKO-ID
Player Periode
Masa Founders’ Beta Periode Open Beta Masa Komersial
Sex Male 1023 2044 4838
Female 1503 3065 7562
More Colors Click HERE

:¦ code ¦:
<table border=”1″ cellpadding=”4” cellspacing=”0” bgcolor=”#f6e498“>
<tr>
<td align=”center” colspan=”5″>Data pemain HKO-ID</td>
</tr>
<tr bgcolor=”#ff00ff“>
<td align=”center” rowspan=”2″ colspan=”2″>Player</td>
<td align=”center” colspan=”3″>Periode</td>
</tr>
<tr>
<td align=”center”>Masa Founders’ Beta</td>
<td align=”center”>Periode Open Beta</td>
<td align=”center”>Masa Komersial</td>
</tr>
<tr>
<td align=”center”rowspan=”2″>Sex</td>
<td align=”left”>Male</td>
<td align=”center”>1023</td>
<td align=”center”>2044</td>
<td align=”center”>4838</td>
</tr>
<tr>
<td align=”left”>Female</td>
<td align=”center”>1503</td>
<td align=”center” bgcolor=”#00ff00“>3065</td>
<td align=”center”>7562</td>
</tr>
</table>

 
Membuat Text Color, Menampilkan Image (Gambar) dan Membuat Link
Code HTML:
    • Membuat Text Color
      <font color=” …code warna… ” size=”2″ face=”Tahoma”> …text… </font>
    • Menampilkan Image (Gambar)
      <img src=” …link image yang dituju… ” border=”0″ alt=” …keterangan… “>
    • Membuat Link
      <a href=” …link yang dituju… ” target=”_blank”> …text yang ditampilkan… </a>
Example:

  1. Text Color
    <font color=”#ff0000” size=”2″ face=”Tahoma”> text color red </font>
  2. Image (Gambar)
    <img src=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/files/2009/08/niwaexia-quest-guide.jpg” border=”0″ alt=”Quest Guide at niwa’s Blog“>
  3. Link
    <a href=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/category/list-item/” target=”_blank”> <font color=”#00ff00” size=”2″ face=”Tahoma”> List Item at niwa’s Blog </font> </a>
  4. Link-Image (Gambar)
    <a href=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/category/list-item/” target=”_blank”> <img src=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/files/2009/09/niwaexia-list-item.jpg” border=”0″ alt=”List Item at niwa’s Blog“> </a>

1 text color red
2 Quest Guide at niwa's Blog
3 List Item at niwa’s Blog
4 List Item at niwa's Blog

More Colors Click HERE

:¦ code ¦:
<table border=”1″ cellpadding=”4” cellspacing=”0” bgcolor=”#f6e498“>
<tr>
<td align=”center”><font color=”#000000” size=”2″ face=”Tahoma”> 1 </font></td>
<td align=”center”><font color=”#ff0000” size=”2″ face=”Tahoma”> text color red </font></td>
</tr>
<tr>
<td align=”center”><font color=”#000000” size=”2″ face=”Tahoma”> 2 </font></td>
<td align=”center”><img src=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/files/2009/08/niwaexia-quest-guide.jpg” border=”0″ alt=”Quest Guide at niwa’s Blog”></td>
</tr>
<tr>
<td align=”center”><font color=”#000000” size=”2″ face=”Tahoma”> 3 </font></td>
<td align=”center”><a href=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/category/list-item/” target=”_blank”><font color=”#00ff00” size=”2″ face=”Tahoma”> List Item at niwa’s Blog</font></a></td>
</tr>
<tr>
<td align=”center”><font color=”#000000” size=”2″ face=”Tahoma”> 4 </font></td>
<td align=”center”><a href=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/category/list-item/” target=”_blank”><img src=”http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/files/2009/09/niwaexia-list-item.jpg” border=”0″ alt=”List Item at niwa’s Blog”></a></td>
</tr>
</table>

Back To the Top
:¦ Membuat Columns ¦:

Masih ingat tentang atribut cellpadding dan cellspacing didalam membuat tabel. Lalu tentang perbedaan cellpadding-cellspacing. Seperti yang telah diterangkan dalam pelajaran Membuat Tabel, cellpadding digunakan untuk mengatur jarak antara tulisan dan border tabel (space), sedangkan cellspacing digunakan untuk mengatur jarak antar setiap sel data dalam tabel.

Dalam membuat sebuah tabel yang sering digunakan ada atribut cellpadding, atribut cellpadding digunakan untuk memberi jarak antara tulisan dan border tabel (space). Sedangkan cellspacing jarang digunakan dan diberi nilai 0 (nol).

Berbeda dalam Membuat Columns yang digunakan bukan atribut cellpadding tapi atribut cellspacing. Cellspacing digunakan untuk mengatur jarak antar setiap sel data dalam tabel (space antara setiap Columns), biasanya diberi nilai 10. Sedangkan atribut cellpadding jarang digunakan dan diberi nilai 0 (nol).

note:
    • Hal utama dalam Membuat Columns pastikan atribut Border diberi nilai nol (border=”0″).
    • Semua atribut dalam Membuat Tabel dapat digunakan untuk Membuat Columns, karena pada dasarnya Columns dibuat dari Tabel dengan atribut border dihilangkan (border=”0″).
    • Minimal atribut Cellspacing diberi nilai 1, biasanya 10 (cellspacing=”10″).
 
Example:
Membuat dua Columns.

:¦ story ¦:

White Destiny ~Eternal Heart~
 

Perasaan ini telah terluka untuk percaya pada harapan di hati seseorang. Mungkin untuk itu aku hidup dalam dunia cermin kebohongan. Sendiri membuat semuanya berlalu tanpa keharusan yang ingin dipertahankan. Cahaya ini untuk diri yang menginginkan kehancuran dari setiap harapan yang kau janjikan untuk memberikan janji palsu. Tapi percaya suara tidak mungkin melebihi angin yang menentang setiap musim pada tangan putih malaikat. Untuk itu ku katakan “inilah takdir baru ku”

Hal yang menyesakan dada itu adalah pecahnya impian ku. Sekali lagi aku percaya keajaiban itu, bahwa kita akan bertemu lagi. Hari-hari tanpa diri mu membuat ku terdiam sendiri. Namun sekarang aku mulai berjalan. Aku percaya semua keajaiban yang kita bagi bersama pasti memiliki makna. Ketika masing-masing impian kita menjadi kenyataan. Dan kita bertemu kembali. Semua keajaiban itu menjadi takdir. Bila janji yang teringkari itu berubah menjadi sebuah sumpah. Mungkinkah kita bisa kembali ke saat dulu. Dimana kita bertemu ditempat itu? Wajah yang kurindukan itu mirip dengan air mata.

Hati mu yang tak berhenti merampas kenangan yang dirindukan. Dari ujung jari yang bergetar, langit disampaikan padahal tiada warna. Terdengar suara yang lembut dari kejauhan. Malaikat yang berharap suaranya disampaikan ke dalam bola mata yang tertutup. Sayap yang berwarna perak terbang ke atas dicurahkan pada tubuh mu. Dari masa lalu ingin ku berikan melodi simponi abadi untuk diri ku sendiri. Dengan ini aku berharap sebagai perempuan yang tidak dapat memengang takdir ku sendiri.

Aku bisa melihat walau mata ku tertutup. Karena aku bisa mengetahui keberadaan suatu hal tanpa harus menyentuhnya. Meski tak bisa melihat apapun jawaban dari hari esok. Aku akan membawa kebenaran hari ini untuk bisa bertemu dengan mu.

    

Sayap yang patah dari hati malaikat ingin menjadi kegelapan di hati seseorang yang telah percaya pada takdirnya sendiri. Melihat kenangan yang dilupakan, semua hal telah berubah di dunia ini. Meski jawaban tak perlu diberikan untuk pertanyaan yang dimulai dari kebohongan, hati ini telah memilih agar kebencian menjadi jiwanya. Perkataan yang menjadi topeng digunakan sebagai mimpi seseorang yang tak bersalah. Dengan ini aku percaya memegang harapan bukan takdir dari semua orang. Jiwa dari kebencian untuk seseorang yang mengharapkan perasaan sakit ini adalah tangisan kebisuan.

Ditengah kerumunan orang, aku tidak bisa bergerak. Suara tangis ku pun tidak bisa tersampaikan di hati ini. Walau semua orang sebenarnya ingin bisa saling tertawa. Pada akhirnya mereka merasa terluka, karena tak mampu melakukannya. Akan tetapi aku yakin seseorang akan memperlihatkannya. Dan aku akan berjalan bersamanya dibawah langit ini.

Aku menyembunyikan hati ku pada hari-hari yang berlalu. Aku menjadi takut bahkan untuk berbicara sekalipun. Aku dibuat gemetar karena pikiran yang ingin aku sampaikan. Sebenarnya semua orang merasa kesepian. Di hati ini mencari tempat tinggal. Tanpa terduga aku menemukan keramahan pada angin yang menerpa wajah ku. Dengan diliputi air mata aku tidak lagi seorang diri. Lihatlah keatas tampak langit yang berkilau. Bila berjalan dengan perasaan hati yang sesungguhnya. Hal yang terlihat pasti akan berubah. Bunga yang berkembang di bawah langkah kaki ku pun, melihat ke atas untuk terus hidup di bawah langit ini.

Story at White Destiny ~Eternal Heart~


:¦ code ¦:

<table border=”0” cellpadding=”0” cellspacing=”10“>
<tr>
<td align=”center” colspan=”2″>
<font color=”#000000” size=”3″ face=”Tahoma”><b>
White Destiny ~Eternal Heart~
</b></font>
</td>
</tr>
<tr>
<td align=”left” valign=”top” width=”50%”>
<font color=”#000000” size=”2″ face=”Tahoma”>
<p align=”justify”>Perasaan ini telah terluka untuk percaya pada harapan di hati seseorang. Mungkin untuk itu aku hidup dalam dunia cermin kebohongan. Sendiri membuat semuanya berlalu tanpa keharusan yang ingin dipertahankan. Cahaya ini untuk diri yang menginginkan kehancuran dari setiap harapan yang kau janjikan untuk memberikan janji palsu. Tapi percaya suara tidak mungkin melebihi angin yang menentang setiap musim pada tangan putih malaikat. Untuk itu ku katakan “inilah takdir baru ku”</p>
<p align=”justify”>Hal yang menyesakan dada itu adalah pecahnya impian ku. Sekali lagi aku percaya keajaiban itu, bahwa kita akan bertemu lagi. Hari-hari tanpa diri mu membuat ku terdiam sendiri. Namun sekarang aku mulai berjalan. Aku percaya semua keajaiban yang kita bagi bersama pasti memiliki makna. Ketika masing-masing impian kita menjadi kenyataan. Dan kita bertemu kembali. Semua keajaiban itu menjadi takdir. Bila janji yang teringkari itu berubah menjadi sebuah sumpah. Mungkinkah kita bisa kembali kesaat dulu. Dimana kita bertemu ditempat itu? Wajah yang kurindukan itu mirip dengan air mata.</p>
<p align=”justify”>Hati mu yang tak berhenti merampas kenangan yang dirindukan. Dari ujung jari yang bergetar, langit disampaikan padahal tiada warna. Terdengar suara yang lembut dari kejauhan. Malaikat yang berharap suaranya disampaikan ke dalam bola mata yang tertutup. Sayap yang berwarna perak terbang ke atas dicurahkan pada tubuh mu. Dari masa lalu ingin ku berikan melodi simponi abadi untuk diri ku sendiri. Dengan ini aku berharap sebagai permpuan yang tidak dapat memengang takdir ku sendiri.</p>
<p align=”justify”>Aku bisa melihat walau mata ku tertutup. Karena aku bisa mengetahui keberadaan suatu hal tanpa harus menyentuhnya. Meski tak bisa melihat apapun jawaban dari hari esok. Aku akan membawa kebenaran hari ini untuk bisa bertemu dengan mu.</p>
</font>
</td>
<td align=”left” valign=”top” width=”50%”>
<font color=”#000000” size=”2″ face=”Tahoma”>
<p align=”justify”>Sayap yang patah dari hati malaikat ingin menjadi kegelapan di hati seseorang yang telah percaya pada takdirnya sendiri. Melihat kenangan yang dilupakan, semua hal telah berubah di dunia ini. Meski jawaban tak perlu diberikan untuk pertanyaan yang dimulai dari kebohongan, hati ini telah memilih agar kebencian menjadi jiwanya. Perkataan yang menjadi topeng digunakan sebagai mimpi seseorang yang tak bersalah. Dengan ini aku percaya memegang harapan bukan takdir dari semua orang. Jiwa dari kebencian untuk seseorang yang mengharapkan perasaan sakit ini adalah tangisan kebisuan.</p>
<p align=”justify”>Ditengah kerumunan orang, aku tidak bisa bergerak. Suara tangis ku pun tidak bisa tersampaikan di hati ini. Walau semua orang sebenarnya ingin bisa saling tertawa. Pada akhirnya mereka merasa terluka, karena tak mampu melakukannya. Akan tetapi aku yakin seseorang akan memperlihatkannya. Dan aku akan berjalan bersamanya dibawah langit ini.</p>
<p align=”justify”>Aku menyembunyikan hati ku pada hari-hari yang berlalu. Aku menjadi takut bahkan untuk berbicara sekalipun. Aku dibuat gemetar karena pikiran yang ingin aku sampaikan. Sebenarnya semua orang merasa kesepian. Di hati ini mencari tempat tinggal. Tanpa terduga aku menemukan keramahan pada angin yang menerpa wajah ku. Dengan diliputi air mata aku tidak lagi seorang diri. Lihatlah keatas tampak langit yang berkilau. Bila berjalan dengan perasaan hati yang sesungguhnya. Hal yang terlihat pasti akan berubah. Bunga yang berkembang di bawah langkah kaki ku pun, melihat ke atas untuk terus hidup di bawah langit ini.</p>
</font>
</td>
</tr>
</table>

Back To the Top

Tabel Warna HTML

FFF
FFF
CCC
CCC
999
999
666
666
333
333
000
000
FFC
C00
FF9
900
FF6
600
FF3
300
99C
C00
CC9
900
FFC
C33
FFC
C66
FF9
966
FF6
633
CC3
300
CC0
033
CCF
F00
CCF
F33
333
300
666
600
999
900
CCC
C00
FFF
F00
CC9
933
CC6
633
330
000
660
000
990
000
CC0
000
FF0
000
FF3
366
FF0
033
99F
F00
CCF
F66
99C
C33
666
633
999
933
CCC
C33
FFF
F33
996
600
993
300
663
333
993
333
CC3
333
FF3
333
CC3
366
FF6
699
FF0
066
66F
F00
99F
F66
66C
C33
669
900
999
966
CCC
C66
FFF
F66
996
633
663
300
996
666
CC6
666
FF6
666
990
033
CC3
399
FF6
6CC
FF0
099
33F
F00
66F
F33
339
900
66C
C00
99F
F33
CCC
C99
FFF
F99
CC9
966
CC6
600
CC9
999
FF9
999
FF3
399
CC0
066
990
066
FF3
3CC
FF0
0CC
00C
C00
33C
C00
336
600
669
933
99C
C66
CCF
F99
FFF
FCC
FFC
C99
FF9
933
FFC
CCC
FF9
9CC
CC6
699
993
366
660
033
CC0
099
330
033
33C
C33
66C
C66
00F
F00
33F
F33
66F
F66
99F
F99
CCF
FCC
CC9
9CC
996
699
993
399
990
099
663
366
660
066
006
600
336
633
009
900
339
933
669
966
99C
C99
FFC
CFF
FF9
9FF
FF6
6FF
FF3
3FF
FF0
0FF
CC6
6CC
CC3
3CC
003
300
00C
C33
006
633
339
966
66C
C99
99F
FCC
CCF
FFF
339
9FF
99C
CFF
CCC
CFF
CC9
9FF
996
6CC
663
399
330
066
990
0CC
CC0
0CC
00F
F33
33F
F66
009
933
00C
C66
33F
F99
99F
FFF
99C
CCC
006
6CC
669
9CC
999
9FF
999
9CC
993
3FF
660
0CC
660
099
CC3
3FF
CC0
0FF
00F
F66
66F
F99
33C
C66
009
966
66F
FFF
66C
CCC
669
999
003
366
336
699
666
6FF
666
6CC
666
699
330
099
993
3CC
CC6
6FF
990
0FF
00F
F99
66F
FCC
33C
C99
33F
FFF
33C
CCC
339
999
336
666
006
699
003
399
333
3FF
333
3CC
333
399
333
366
663
3CC
996
6FF
660
0FF
00F
FCC
33F
FCC
00F
FFF
00C
CCC
009
999
006
666
003
333
339
9CC
336
6CC
000
0FF
000
0CC
000
099
000
066
000
033
663
3FF
330
0FF
00C
C99
By niwa 009
9CC
33C
CFF
66C
CFF
669
9FF
336
6FF
003
3CC
330
0CC
00C
CFF
009
9FF
006
6FF
003
3FF

warna-warna pilihan

000
000
000
0FF
996
6FF
CC0
0CC
FF9
9CC
FF0
000
FF9
933
FFC
C00
FFF
F00
33C
C33
00F
F00
66F
F33
99C
C00
33C
CFF
00F
FFF
99C
CFF

untuk mendownload gambar Tabel Warna HTML Clik
Here

untuk memberi warna pada tulisan gudakan kode warna HTML di bawah ini: (copy kode warna di atas)


::Add niwa’s Blog di Blogroll-mu::
niwa's Banner
My Blog Link:
http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id
My Banner Link:
http://blog.sanriotown.co.id/niwaexia:hellokitty.co.id/files/2009/09/niwa-blog.gif
::Create List Item in Your Blog::
Click Here to view List Item at niwa’s Blog
Caranya, ikuti langkah berikut ini:
  • Buat category “List Item” di Blog kamu.
  • Buat New Posting.
  • Judul (for example: List Item) bisa kamu buat sesuai keinginan mu.
  • Pilih di bagian category “List Item” (category yang kamu buat tadi).
  • Slug Posting (for example: list-item) bisa kamu buat sesuai keinginan mu.
  • Pilih Publish untuk menerbitkan Postingan mu.
  • Untuk menulis di New Posting pilih di bagian “CODE” (HTML).
  • Copy-Paste Code List Item di bawah ini ke New Postingan mu, lalu SAVE.
    • Sisipkan pointer mouse di text area.
    • klik kanan lalu pilih Select All (Ctrl + A).
    • klik kanan lalu pilih Copy (Ctrl + C).
    • Paste (Ctrl + V) di New Posting mu (ingat: pilih bagian “CODE”).
    • Setelah itu Klik SAVE.
  • Tinggalkan Comments dengan menuliskan alamat Blog dan e-mail HKO-ID milik mu sendiri. Add niwa’s Blog di Blogroll-mu. Dan niwa pun akan meng-add Blog kamu di Blogroll niwa. Dari alamat Blog dan e-mail HKO-ID yang kamu berikan kepada niwa.
Code List Item: