Perkembangan HTML Dari Masa ke Masa

Sejak awal diciptakan oleh seorang ilmuwan bernama Tim Berners-Lee pada tahun 1990. Sejarah HTML terus berkembang dengan berbagai macam versi dan kemajuan. Saat ini mulai diperkenalkan HTML versi terbaru HTML 5. Meskipun belum standar W3C namun, browser utama mendukung banyak elemen baru HTML5 dan API.  HTML5 kabarnya akan direkomendasikan oleh W3C pada tahun 2014 dan kandidat pengganti versi sebelumnya (XHTML 1.0 dan HTML 4.01)

Tabel Perkembangan HTML dari masa ke masa

Version	Year
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML 5	2012
XHTML 5	2013

Elemen-elemen Baru di HTML 5 :

•     Elemen <canvas> untuk menggambar 2D
•     Elemen <video> dan <audio> untuk media player
•     Support local storage
•     Konten spesifik elemen baru, seperti <article>, <footer>, <header>, <nav>, <section>
•     Kontrol form baru, seperti kalender, tanggal, waktu, email, url, search

Daftar lengkap elemen baru di HTML 5

Tag	Keterangan
<article>	Mendefinisikan sebuah artikel (pengganti tag paragraph)
<aside>	Mendefinisikan konten selain dari konten halaman/post, bisa digunakan untuk menaruh iklan
<audio>	Mendefinisikan konten audio
<canvas>	Digunakan untuk menggambar grafik, on the fly, melalui scripting (Java Script biasanya)
<command>	Mendefinisikan tombol perintah untuk dapat memanggil
<details>	Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<datalist>	Menentukan daftar pilihan standar untuk kontrol input
<embed>	Mendefinisikan sebuah wadah untuk aplikasi eksternal (non-HTML)
<header>	Mendefinisikan sebuah dokumen atau bagian header
<figure>	Menentukan konten mandiri
<footer>	Mendefinisikan sebuah dokumen atau bagian footer
<hgroup>	Groups heading (<h1> to <h6>) elemen
<mark>	Mendefinisikan teks yang ditandai / disorot
<output>	Mendefinisikan hasil penghitungan
<source>	Mendefinisikan beberapa sumber media untuk elemen media (<video> dan <audio>)
<summary>	Mendefinisikan sebuah visible heading untuk elemen <details>
<time>	Mendefinisikan tanggal / waktu
<video>	Mendefinisikan sebuah video atau film
<section>	Mendefinisikan bagian dalam dokumen

Selain elemen-elemen diatas ada juga fitur "conforming" pada HTML5, seperti penggunaan attribut pada elemen tertentu.

Attribut baru HTML 5 antara lain :

Tag	Keterangan
draggable	Menentukan apakah suatu unsur adalah draggable atau tidak
contextmenu	Menentukan menu konteks untuk suatu elemen. Menu konteks muncul ketika pengguna mengklik kanan pada elemen
hidden	Menentukan bahwa elemen belum, atau tidak lagi, relevan
spellcheck	Mendefinisikan posisi teks dicenter
dropzone	Mendefinisikan direktori list
contenteditable	Mendefinisikan font, warna, dan ukuran untuk teks
itemprop	Digunakan untuk group item

Pada HTML 5 penulisan atribut hanya dapat ditentukan pada tag awal dan tidak boleh digunakan dalam tag akhir. Atribut HTML5 adalah case sensitif dan dapat juga ditulis dalam huruf besar semua atau mix, akan tetapi konvensi yang paling umum adalah tetap menggunakan huruf kecil.

Continue reading...

Belajar HTML Dengan Menggunakan Notepad

Kali ini Zona Artikel akan berbagi tentang Cara Belajar HTML Dengan Menggunakan Notepad. Bagi Sobat yang ingin belajar HTML, tapi tidak tau caranya. Di notepad inilah tempat yang tepat untuk belajar HTML. Oke, langsung saja ke TKP !!!

Langkah pertama.

Buka program Notepad.

Langkah Kedua.
Ketiklah kode HTML seperti gambar di bawah ini :

* Untuk Judul (tag title), sobat bisa menggantinya dengan keinginan sobat sendiri.
* Untuk Isi Website (tag body), disitulah sobat bisa menaruh kode-kode HTML

Langkah Ketiga.
Jika sobat sudah selesai mengetik, SIMPAN dengan format berikut :

Setelah itu sobat bisa mencari file HTML tersebut, dan membukanya di Web Browser.
Selesai.


Untuk Melihat Kode-Kode HTML, sobat bisa klik disini.

Continue reading...

Format Teks HTML

1. ELEMENT BR (Line Break)

Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup. 

Sintaks:

<br>

2. ELEMENT P (Paragraph)

Element P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong di awal dan akhir paragraf. Tag penutup </p> sifatnya optional jika suatu paragraf diikuti oleh paragraf berikutnya. Jika tag </p> diabaikan, maka paragraf itu tidak akan diikuti dengan baris kosong di akhir paragraf.

Element P mempunyai attribute yaitu align yang bernilai “left”, “center”, “right” yang menspesifikasikan posisi tepi horizontal dari paragraf (default: “left”).

Sintaks:

<p align=”left”|”center”|”right”>

……………………..

</p>

3. ELEMENT H1,H2,H3,H4,H5,H6 (Header)

Element H1,H2,H3,H4,H5,H6 berfungsi untuk membuat header dengan format 6 jenis ukuran huruf  dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1 dan terkecil adalah H6. Element ini mempunyai attribute yaitu align yang bernilai “left”, “center”, “right” yang menspesifikasikan posisi horizontal dari header (default: “left”).

Sintaks:

<hx align=”left”|”center”|”right”>

……………………..

</hx>

x : 1 … 6

4. ELEMENT B (Bold)

Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold).

Sintaks:

<b>

……………………..

</b>

5. ELEMENT I (Italic)

Element I berfungsi untuk membuat tampilan teks tercetak miring (italic).

Sintaks:

<i>

……………………..

</i>

6. ELEMENT U (Underline)

Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).

Sintaks:

<u>

……………………..

</u>

7. ELEMENT PRE (Preformated text)

Element PRE berfungsi untuk menampilkan teks seperti apa adanya.

Sintaks:

<pre>

……………………..

</pre>

8. ELEMENT CENTER 

Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal ditengah.

Sintaks:

<center>

……………………..

</center>

9. ELEMENT BASEFONT

Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web browser. Attribute dari element ini adalah size yang merupakan ukuran  huruf dengan nilai “1″ sampai dengan “7″ pixel, atau berupa ukuran relatif ( + atau – ), default nya adalah “3″ pixel. Element ini tidak mempunyai tag penutup.

Sintaks:

<basefont size=”pixel”>

10. ELEMENT FONT 

Element FONT berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf. Element ini mempunyai attribute color untuk merubah warna huruf, face untuk merubah jenis huruf (jika lebih dari satu jenis huruf, harus dibatasi dengan koma), dan size untuk merubah ukuran huruf (pixel).

Sintaks:

<font color=”warna” face=”font” size=”pixel”>

……………………..

</font>

11. ELEMENT HR (Horizontal Rule)

Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi secara horizontal (“left”, “center”, “right”), size untuk ukuran ketebalan garis (“pixel”), width untuk ukuran panjang garis (“persen”), dan noshade (garis solid).

Sintaks:

<hr align=”left”|”center”|”right” size=”pixel” width=”persen” noshade>

Continue reading...

Multi Language Dengan PHP

Banyak website yang memberikan kemudahan bagi para visitornya untuk mengerti dan paham tentang isi website mereka. Salah satunya adalah menyediakan fitur Multi language. Multi Language artinya lebih dari 1 bahasa. Jadi dengan mengadopsi beberapa bahasa,  suatu website dapat memancing visitor dari berbagai negara untuk berkunjung ke website tersebut. 

Bagaimana cara membuat Multi language tersebut? Sebenarnya cara membuatnya sangat mudah. Yang diperlukan adalah file yang berisi variabel-variabel bahasa tersebut. Contoh berikut merupakan script dengan bahasa indonesia dan bahasa inggris.

english.php

<?php

$home = “Home”;

$faq = “FAQ”;

$tes = “Test English”;

?>

indonesian.php

<?php

$home = “Menu Utama”;

$faq = “Pertanyaan dan Jawaban”;

$tes = “Tes Bahasa Indonesia”;

?>

Setelah melihat kedua script diatas, Saya yakin Pembaca pasti sudah paham langkah apalagi yang selanjutnya dilakukan. Langkah selanjutnya adalah membuat session yang akan meng-includekan file-file diatas pada setiap halaman web yang akan kita buat.

<?php
session_start();
$_SESSION['lang'] = $a;
?>
<script language=”JavaScript” type=”text/JavaScript”>
<!–
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+”.location=’”+selObj.options[selObj.selectedIndex].value+”‘”);
if (restore) selObj.selectedIndex=0;
}
//–>
</script>
<form name=”form1″ method=”post” action=”?lang=”>
Ganti Bahasa :
<select name=”menu1″ onChange=”MM_jumpMenu(‘parent’,this,0)”>
<?php
if(($_GET['lang'] == “indonesian”) || (empty($_GET['lang']))) {
?>
<option value=”?lang=indonesian” selected>Indonesian</option>
<option value=”?lang=english”>English</option>
<?php
} else {
?>
<option value=”?lang=indonesian”>Indonesian</option>
<option value=”?lang=english” selected>English</option>
<?php
} // end else
?>
</select>
</form>
<p>
<?php
if($_GET['lang'] == “english”) {
$a = include “language/english.php”;
} else if ($_GET['lang'] == “indonesian”) {
$a = include “language/indonesian.php”;
} else {
$a = include “language/indonesian.php”;
}
print “$language $home<br>$faq<br>$tes”;
?>

Penjelasan kode diatas :

Pada indonesian.php dan english.php kita variabelkan kata-kata yang ingin kita masukkan ke dalam web. Dalam contoh diatas saya menggunakan 3 kata yakni home,faq,dan tes. (Ingat.!!! Script diatas hanya contoh. Anda bisa kembangkan sendiri. Karena setiap orang mempunyai gaya memprogram yang berbeda). Pada index.php kita buat pilihan. Jika pilihannya bahasa indonesia, maka Session akan meng-include file indonesian.php dan sebaliknya Jika pilihannya bahasa inggris, maka Session akan meng-include file english.php. Anda dapat menambah-nambah sendiri bahasa yang lain.

Continue reading...

Berkenalan Dengan HTML

Dengan HTML anda dapat membangun website atau blog dengan tangan anda sendiri, dengan HTML anda dapat memperindah tulisan pada posting blog anda, dengan HTML kita dapat lebih mudah mempelajari ilmu SEO dan dengan HTML website website besar di bangun, dengan html pula saya membuat tools Tulisan berwarna untuk facebook chat.

Sobat klikedukasi, Saya mencoba mengingat kembali sesuatu yang pernah saya pelajari dan mencoba mengenalkannya untuk anda yang masih awam tentang dunia web. Apa, seperti apa, bagiamana dan jadi apa. Beberapa pertanyaan yang dulu sempat membuat saya penasaran, dan akan sedikit saya jelaskan dalam posting ini.

Bagi yang ingin mempelajari lebih jauh, bisa anda temukan referensi yang cukup banyak disitu. Saya hanya membahas html yang sangat dasar, dan dipeuntukkan bagi mereka yang bener-bener awam tentang html. Semoga dapat mencerahkan bagi yang sedang kegelapan.

---

Apa itu HTML ?

HTML merupakan singkatan dari Hyper Text Markup Language. Sebenarnya HTML hanyalah bahasa penanda (markup language) dan bukan termasuk bahasa pemrograman, hanya sebatas kode penanda untuk menunjukkan kalo tulisan ini merah, ini loh area yang diisi gambar etc.

Seperti lazimnya markup language yang lain, html juga dibekali oleh seperangkat tag markup, contohnya seperti <h1> dan </h1>. Tag tag inilah yang yang digunakan html untuk mendeskripsikan halaman web seperti yang anda lihat sekarang.

---

HTML Tags

 

HTML sebenarnya sangat mudah dipahami, tidak perlu dipusingkan dengan logika yang ribet, tidak perlu juga bergumul dengan variable, array, else if, dll seperti kita mempelajari bahasa pemrograman semacam PHP atau C++. Kita hanya cukup mengerti tentang Tag markup html atau biasa disebut tag html saja.

Tag tag html merupakan sebuah keywords yang sudah ditentukan dan dikurung oleh tanda < dan > . contoh tag <html> . Tag html hampir selalu berpasangan, ada tag pembuka dan tag penutup contohnya seperti ini <b> dan </b> . Jadi kalo di awal kita membuat tag pembuka <b> harus ditutup dengan tag penutup ini </b>

Mudah kan?. yuk lanjut

---

Dokumen HTML = Halaman Web

Apaan nih maksudnya? Maksudnya adalah jika anda ingin membuat halaman web dengan html maka anda harus merancang dokumen html-nya. Dokumen html ini berisi tag tag html dan teks biasa, jika dokumen html ini dibuka oleh browser seperti firefox atau chrome maka yang muncul adalah halaman web yang tidak lagi memunculkan tag tag html. Inilah tugas browser yaitu mendeskripsikan tag tag html dan menampilkannya sebagai halaman web seperti yang sedang anda lihat. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman web.

Anda juga dapat mengintip tag tag html yang ada pada halaman ini dengan cara klik kanan "View Page Source" pada firefox dan "lihat sumber laman" pada chrome atau bisa juga dengan shortcut Ctrl + U. 

Secara umum dokumen html berisi tag seperti ini:

<html> <body> <h1>Ini judul tulisan</h1> <p>Isi dari tulisan kita</p> </body> </html>

Penjelasan dari tag tag di atas:

• Teks di antara <html> dan </html> menjelaskan halaman web, setiap halaman web selalu menyertakan tag ini. Tag ini semacam tag induk yang hampir selalu ada pada setiap dokumen html, tag ini pula yang menandai kalo semua tulisan yang tercakup dalam tag tersebut adalah dokumen html.
• Teks di antara <body> dan </body> adalah isi halaman yang terlihat. Anda dapat mengisi gambar, tulisan maupun tabel disini.
• Teks di antara <h1> dan </h1> ditampilkan sebagai judul
• Teks di antara <p> dan </p> ditampilkan sebagai sebuah paragraf.

Dalam belajar pengkodean seperti ini, baik bahasa pemrograman (ex: php) maupun yang hanya berupa bahasa markup seperti html ini, Saya selalu menekankan pada diri saya sendiri untuk selalu ingat pada 4 rumus P3I (Pelajari, Praktek, Praktek, dan Improvisasi). So untuk memantapkan belajar kita tentang html dasar ini, silahkan ketik ulang (jangan dicopas ya, nanti anda akan tahu perbedaannya) tag tag html yang ada pada text area di atas menggunakan notepad. Setelah itu anda simpan dengan ekstensi .html jangan lupa setting save as type: All files (*.*) contoh: latihanku.html, kemudian buka dengan firefox. coba lihat hasilnya.

Sekian tutorial pengenalan html dasar kali ini, Semoga Bermanfaat ?!!

Continue reading...

Keunggulan PHP

1. Gratis

Php merupakan aplikasi open source atau aplikasi yang memiliki licensi GPL(General Public Licensi) artinya aplikasi tersebut dapat digunakan, dipublikasikan atau dikembangkan oleh masyarakat internasional secara luas dan tanpa biaya.

2. Dapat Berjalan Di berbagai Web Server

PHP juga dapat berkjalan di berbagai web server seperti IIS, PWS, APACHE, XITAMI dll

3. Cross Platform

Artinya Php dapat berjalan diberbagai sistem operasi seperti WINDOWS, LINUX, MAC dll

4. Mendukung Banyak Database

PHP memiliki kemampuan untuk melakukan koneksi ke berbagai software basisdata sehingga dapat menciptakan halaman website yang dinamis. Software basisdata tersebut antara lain MySQL, Oracle, Ms SQL Server, Solid, PostgreSQL, Adabas, dBase dll. Dalam tutorial ini saya akan menggunakan MySQL.

5. On The Fly

Intergrasi dengan bebera library external yang dapat membuat anda menciptakan berbagai dokumen seperti text, image, pdf , zip, xml dll.

6. Mendukung berbagai komunikasi layanan lain

PHP dapat menjalin komunikasi melalui protokol IMAP, POP3, SNMP, NNTP, HTTP

Continue reading...

Berkenalan Dengan PHP

Sebelum lebih jauh belajar PHP ada baiknya kita mengerti dan faham tentang pengertian PHP.

Apa itu PHP ? PHP (Hypertext Preprocessor) adalah sebuah bahasa server side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis.

Dari pengertian diatas maka dapat disimpulkan bahwa PHP berkaitan erat dengan HTML, oleh karena itu sebelum belajar PHP ada baiknya anda lebih dahulu mempelajari tentang HTML. HTML diperlukan agar pada saat anda mempelajari PHP anda tidak kesulitan untuk mengenali tag-tag HTML.

Karena PHP merupakan server-side scripting maka sintaks dan perintah-perintah PHP akan dieksekusi di server kemudian hasilnya dikirimkan ke browser dalam format HTML. Oleh sebab itu diperlukan adanya Web Server untuk menjalankan sintaks PHP ini. Web server yang akan digunakan dalam tutorial ini dan tutorial selanjutnya adalah APACHE.

---

Website Resmi PHP : http://php.net

Continue reading...

Disable Klik Kanan Pada Gambar

Kali ini Zona Artikel akan berbagi sedikit tutorial kecil yang sangat mudah namun rupanya sangat bermanfaat bagi sebagian banyak blogger yang memposting gambar, dan mungkin tidak ingin gambar dalam blognya atau website nya di copy bebas oleh orang lain.

Sebenarnya banyak celah dan cara untuk meng-copy suatu file dalam sebuah website atau blog. Namun bagi orang yang awam hal tersebut akan sangat sulit dan memerlukan keterampilan khusus dan pengetahuan lebih tentang soure suatu website/blog. Dan itu tentunya sangat beruntung untuk kita.

Beberapa trik serupa mungkin teman-teman pernah membacanya di blog nya para master. Namun saya pikir itu lebih rumit. Dan kali ini saya akan memberikan trik yang lebih simple dan mudah tentang bagaimana caranya agar suatu gambar tidak bisa di klik kanan tanpa menggunakan script yang berlebihan dan tidak ada peringatan sama sekali. Hanya menambahkan sedikit code pada code image nya. 

Kode standar sebuah gambar yaitu :

<img src="image.png" />

Dan teman-teman hanya perlu menambahkan code ini di antara code tersebut :

oncontextmenu="return false;"

Berikut contoh kode gambar yang sudah tidak bisa diklik kanan

<img src="image.png" oncontextmenu="return false;" /> 

Continue reading...

Kode Warna Huruf untuk Blogger dan Wordpress

Kode Warna Huruf untuk Blogger dan Wordpress 

Dalam hal tertentu kita kadang butuh penulisan kata atau kalimat dengan warna tertentu. Inilah kode warna huruf yang bias digunakan untuk variasi postingan blog berbasis Blogger maupun Wordpress.

000000	000020	000040	000060	000080	0000a0	0000c0	0000ff
002000	002020	002040	002060	002080	0020a0	0020c0	0020ff
004000	004020	004040	004060	004080	0040a0	0040c0	0040ff
006000	006020	006040	006060	006080	0060a0	0060c0	0060ff
008000	008020	008040	008060	008080	0080a0	0080c0	0080ff
00a000	00a020	00a040	00a060	00a080	00a0a0	00a0c0	00a0ff
00c000	00c020	00c040	00c060	00c080	00c0a0	00c0c0	00c0ff
00ff00	00ff20	00ff40	00ff60	00ff80	00ffa0	00ffc0	00ffff

200000	200020	200040	200060	200080	2000a0	2000c0	2000ff
202000	202020	202040	202060	202080	2020a0	2020c0	2020ff
204000	204020	204040	204060	204080	2040a0	2040c0	2040ff
206000	206020	206040	206060	206080	2060a0	2060c0	2060ff
208000	208020	208040	208060	208080	2080a0	2080c0	2080ff
20a000	20a020	20a040	20a060	20a080	20a0a0	20a0c0	20a0ff
20c000	20c020	20c040	20c060	20c080	20c0a0	20c0c0	20c0ff
20ff00	20ff20	20ff40	20ff60	20ff80	20ffa0	20ffc0	20ffff

400000	400020	400040	400060	400080	4000a0	4000c0	4000ff
402000	402020	402040	402060	402080	4020a0	4020c0	4020ff
404000	404020	404040	404060	404080	4040a0	4040c0	4040ff
406000	406020	406040	406060	406080	4060a0	4060c0	4060ff
408000	408020	408040	408060	408080	4080a0	4080c0	4080ff
40a000	40a020	40a040	40a060	40a080	40a0a0	40a0c0	40a0ff
40c000	40c020	40c040	40c060	40c080	40c0a0	40c0c0	40c0ff
40ff00	40ff20	40ff40	40ff60	40ff80	40ffa0	40ffc0	40ffff

600000	600020	600040	600060	600080	6000a0	6000c0	6000ff
602000	602020	602040	602060	602080	6020a0	6020c0	6020ff
604000	604020	604040	604060	604080	6040a0	6040c0	6040ff
606000	606020	606040	606060	606080	6060a0	6060c0	6060ff
608000	608020	608040	608060	608080	6080a0	6080c0	6080ff
60a000	60a020	60a040	60a060	60a080	60a0a0	60a0c0	60a0ff
60c000	60c020	60c040	60c060	60c080	60c0a0	60c0c0	60c0ff
60ff00	60ff20	60ff40	60ff60	60ff80	60ffa0	60ffc0	60ffff

800000	800020	800040	800060	800080	8000a0	8000c0	8000ff
802000	802020	802040	802060	802080	8020a0	8020c0	8020ff
804000	804020	804040	804060	804080	8040a0	8040c0	8040ff
806000	806020	806040	806060	806080	8060a0	8060c0	8060ff
808000	808020	808040	808060	808080	8080a0	8080c0	8080ff
80a000	80a020	80a040	80a060	80a080	80a0a0	80a0c0	80a0ff
80c000	80c020	80c040	80c060	80c080	80c0a0	80c0c0	80c0ff
80ff00	80ff20	80ff40	80ff60	80ff80	80ffa0	80ffc0	80ffff

a00000	a00020	a00040	a00060	a00080	a000a0	a000c0	a000ff
a02000	a02020	a02040	a02060	a02080	a020a0	a020c0	a020ff
a04000	a04020	a04040	a04060	a04080	a040a0	a040c0	a040ff
a06000	a06020	a06040	a06060	a06080	a060a0	a060c0	a060ff
a08000	a08020	a08040	a08060	a08080	a080a0	a080c0	a080ff
a0a000	a0a020	a0a040	a0a060	a0a080	a0a0a0	a0a0c0	a0a0ff
a0c000	a0c020	a0c040	a0c060	a0c080	a0c0a0	a0c0c0	a0c0ff
a0ff00	a0ff20	a0ff40	a0ff60	a0ff80	a0ffa0	a0ffc0	a0ffff

c00000	c00020	c00040	c00060	c00080	c000a0	c000c0	c000ff
c02000	c02020	c02040	c02060	c02080	c020a0	c020c0	c020ff
c04000	c04020	c04040	c04060	c04080	c040a0	c040c0	c040ff
c06000	c06020	c06040	c06060	c06080	c060a0	c060c0	c060ff
c08000	c08020	c08040	c08060	c08080	c080a0	c080c0	c080ff
c0a000	c0a020	c0a040	c0a060	c0a080	c0a0a0	c0a0c0	c0a0ff
c0c000	c0c020	c0c040	c0c060	c0c080	c0c0a0	c0c0c0	c0c0ff
c0ff00	c0ff20	c0ff40	c0ff60	c0ff80	c0ffa0	c0ffc0	c0ffff

ff0000	ff0020	ff0040	ff0060	ff0080	ff00a0	ff00c0	ff00ff
ff2000	ff2020	ff2040	ff2060	ff2080	ff20a0	ff20c0	ff20ff
ff4000	ff4020	ff4040	ff4060	ff4080	ff40a0	ff40c0	ff40ff
ff6000	ff6020	ff6040	ff6060	ff6080	ff60a0	ff60c0	ff60ff
ff8000	ff8020	ff8040	ff8060	ff8080	ff80a0	ff80c0	ff80ff
ffa000	ffa020	ffa040	ffa060	ffa080	ffa0a0	ffa0c0	ffa0ff
ffc000	ffc020	ffc040	ffc060	ffc080	ffc0a0	ffc0c0	ffc0ff
ffff00	ffff20	ffff40	ffff60	ffff80	ffffa0	ffffc0	ffffff

Catatan :

Cara pemakaian copaskan kode di atas dan tambahkan # di depan kode tersebut. 

Sebagai contoh :  0000ff  menjadi  #0000ff 

Continue reading...

Kumpulan Kode Warna HTML - with Flash Hex HTML

Kumpulan kode warna HTML - tool yang satu ini merupakan salah satu dari berbagai macam tool yang mendukung kegiatan blogging kita. Sebelumnya, saya pernah memosting kumpulan kode warna juga, namun...banyak yang bilang kalau kode warnanya nggak lengkap. Ya sudah, agar teman-teman Blogger merasa lebih nyaman berada di blog ini, mungkin tool kode warna HTML yang satu ini bisa membantu teman-teman yang lagi mencari kode warna lebih lengkap lagi.

Jika kumpulan kode warna HTML berikut tidak muncul, itu artinya di komputer anda belum terinstall flash, segera install flash. Dan jika merasa kesulitan, silahkan untuk mencoba kumpulan kode warna lainnya_

KUMPULAN KODE WARNA 1

(Silahkan untuk mengklik warna yang anda inginkan, dan kodenya akan muncul di bagian kanan atau kolom hex)

KUMPULAN KODE WARNA 2

(Nah ini kumpulan kode warna yang muter2, seperti di atas, klik aja yang mana anda inginkan. Selanjutnya kodenya akan tampil di sebelah kanan, kode yang tampil dari hasil klik adlh kode yang satu spesies warnanya. Silahkan pilih warna mana yang paling cocok dengan yg anda inginkan. Dah, segitu aja yo_)

Semoga bermanfaat^

Continue reading...

Beberapa Fungsi Kode b:if cond= Untuk Pengaturan Tampilan Blog

Kali ini saya akan membagikan postingan tentang Beberapa Fungsi Kode b:if cond= Untuk Pengaturan Tampilan Blog. Berikut ini adalah jenis dan fungsi kode untuk mengatur tampilan content blog dari muncul lalu menghilang dan menghilang kemudian muncul. Yang bisa sobat terapkan untuk pengaturan pada blog sobat.

1. Hanya pada Halaman Utama blog

<b:if cond='data:blog.url == data:blog.homepageUrl'> . . . </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada halaman utama blog saja alias akan menghilang ketika sobat mengklik Label Post atau membaca postingan secara keseluruhan.

Contoh penggunaan kode ini bisa sobat lihat pada widget archive pada blog ini. Jika sobat membaca artikel secara keseluruhan atau mengklik kategori post, kolom archive dan yang dibawahnya akan menghilang.

2. Kategori Post dan Single Post

<b:if cond='data:blog.url == data:blog.homepageUrl'> . . . </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada kategori post dan single post (membaca postingan secara keseluruhan).

3. Halaman Utama Blog

<b:if cond='data:blog.pageType != &quot;item&quot;'> . . . </b:if>

Kode ini berfungsi untuk menampilkan widget blog pada main post atau hanya pada halaman utama saja, jika sobat mengklik sebuah postingan (membaca keseluruhan) maka widget ini akan hilang.

Contoh penggunaan kode ini adalah readmore. Dia akan hilang ketika kita masuk pada single post (artikel).

4. Single Post atau halaman isi artikel

<b:if cond='data:blog.pageType == &quot;item&quot;'> . . . </b:if>

Kode ini berfungsi untuk menampilkan widget blog hanya pada single post saja atau ketika sobat membaca postingan secara keseluruhan dan tidak akan muncul pada main post atau kategori post.

Contoh penggunaan kode ini adalah kolom komentar, yang hanya akan muncul pada single post dan tidak akan muncul pada home page atau bagian lain.

5. Halaman Utama Blog

<b:if cond='data:blog.pageType == &quot;index&quot;'> . . . </b:if>

Fungsi kode ini sama dengan fungsi kode pada nomer 3.

6. Menampilkan Widget Blog Pada Postingan Tertentu Saja

<b:if cond='data:blog.url == &quot;URL Post Tertentu&quot;'> . . . </b:if>

Kode ini berfungsi untuk menampilkan suatu widget blog hanya pada suatu postingan tertentu atau pada artikel tertentu saja.

7. Menyembunyikan Widget Blog Pada Postingan Tertentu Saja

<b:if cond='data:blog.url != &quot;URL Post Tertentu&quot;'> . . . </b:if>

Kode ini merupakan kebalikan dari kode no 6 dimana widget blog akan menghilang dari suatu postingan tertentu dan baru muncul pada postingan yang lain.

Mungkin itu saja yang saya tahu tentang cara membuat widget blog dari muncul menjadi menghilang atau menghilang kemudian muncul. Tutorial ini saya dapatkan dari salah satu sobat blogger saya. Awalnya saya juga bingung mau buat bagaimana dengan widget-widget tersebut, beruntung karena saya memiliki sahabat yang sangat jeli dan teliti dengan template dan kode html. Semoga artikel singkat ini bermanfaat buat sobat blogger.

Continue reading...