draft ditagiri: August 2008

Marhaban Ya Ramadhan = Marhaban Ya Sibuxz.

>> 8.30.2008

TAHU NGGAK KALAU DI SAMPIT BULAN RAMADHAN LIBUR SATU BULAN LOH!
Iya, bener banget. Sayanganya libur ini bukan liburan karena akan banyak sekali kegiatan yang dengan sangat terpaksa dan sekuat tenaga menabahkan hati ikut. Padahal sudah bikin planning yang sangaaaaaat panjang mau ngapain liburan ini (terutama dengan yang berurusan kepalangmerahan. Terus ada juga mau belajar pemrograman n' matematika lebih lanjut. Dan tidak lupa BIOLA.

Urgh... I hate everyone who ask me to do something that I dont like
gitu ya bhsiing nx?

Selamat Menunaikan Ibadah Puasa ya!

Bahasa Indonesia : (kepaksa) my life, eh ternyata (dipaksa) nge-life!

by:Mr.Praha Stannum
Bahasa persatuan yang susah mendarah daging di setiap hati zamrud khatulistiwa ini lama-kelamaan seolah tertinggal dan tertutupi modernisasi. Apakah bahasa ini akan menjadi bahasa kuno yang hanya diketahui oleh sejarawan dan digunakan untuk mengetahui dokumen-dokumen masa lalu?
Eh, kaget juga, ternyata bahasa Indonesia berkembang! namanya juga bahasa, selalu berkembang.
Kenapa kaget? karena bahasa Indonesia seolah maksa bgtz, gitu...

Download=Gunduh
Apa hubungannya coba? Aneh ya?

Upload=Munggah
Ini juga lucu....

Mouse(yang untuk komputer) = tetikus
Gile bener... yang ini maksa banget!!!!

Salut lah untuk bahasa Indonesia, boleh juga....

Kalau boleh mengajukan kosakata, kosakata apa yang ingin kamu tambah?

kalau Gi siy... Click : Tetut (Jayus bangetz ya? hihihi....)

Mirip sama siapa wajahmu?

Lagi browsing di http://menteridesainindonesia.blogspot.com, nemu banyak banget website bagus. Ini salah satunya, keren!!! Mau? Apa sih alamatnya?

http://www.myheritage.com
Browsing aja disana!!

BTW, muka giri memang kayak orang cina ya? (Baru nyadar sekarang). Saya Indonesia Tulen!!!!!

Color Schemer

>> 8.16.2008

Joko(temen, Gi) nanya nih...
"Gimana sih caranya nyari warna untuk web itu?"
Iya juga ya, nggak bakalan kita repot-repot ngehafalin satu-satu dari FFFFF sampai 00000, nggak mungkin menghafal #DF0000 atau #334522 untuk tahu warna, walaupun kita juga bisa menggunakan "RED", "GREEN", "SALMON", namun kan warna-warna tetap terlalu banyak untuk diingat namanya, enakan dilihat gitu... terus gimana? na... Giri ketemu alamat website yang bakal ngebantu Joko dan kamu untuk mencari warna, m... beritahu nggak ya? Ya udah... diberitahu...

Alamat websitenya ada di http://www.colorschemer.com/online.html. Cara makainya? Gampang banget!!!

Masuk ke websitenya
Klik warna yang kamu mau, RGB dan warna HEX nya akan muncul. Kamu juga bisa mengeset dengan warna HEX atau RGB dengan mengetiknya..
Dan satu lagi, ada tombol Lighten Scheme dan Darken Scheme, itu gunanya untuk menerangi atau menggelapkan warna yang kita pilih. Selamat mencoba!!

Membuka jasa Re-Design

>> 8.01.2008

Duh... keranjingan ngeReDesign!! entah kenapa mengubah tema menjadi senada dan pas dengan trend menjadi sesuatu yang memang paling menghebohkan! Rumit namun asyik! Na... mungkin ada dari kamu-kamu yang agak males ngeReDesign Blog atau FS kamu? Hubungi saya! Patokan harga sih tergantung, dari yang cuma semangkuk bakso sampai ditraktir makan di Bon Steak, monggo... monggo...
Mulai dibuka dari tanggal 25 Agustus 2008!!

Dimana latihan HTML??

Bingung ya mau ngetik kode-kode ajaib dari Hyper Text Markup Language ini dimana? Di kertas, nggak bakalan jadi, di air percuma, di tembok, bakal mencak-mencak tuh nyokap, dimana donk?

Banyak sih... kamu bisa menggunakan program komersil ataupun yang gratisan.

yang komersil

1. Microsoft Frontpage, perangkat lunak prakarsa microsoft ini cocok banget kalau kamu yang udah biasa dengan word.

2. Dreamweaver, na.... ini adalah software nomor wahid abad ini untuk ngebikin yang namanya webpage, dari html biasa sampai coldfusion, yang namanya dreamweaver, boleh dikasih 200 jempol, bahkan lebih! perangkat lunak yang dulunya dari macromedia ini (yang sekarang dibeli Adobe) emang MAHAL, tapi SIP!

yang non-komersil alias gratisan

1. Easy2HTML, rasanya nama programnya gitu, nggak ingat deh..

2. Oberon, ini adalah program buatan orang Indonesia loh! bangga banget! dan kalau nggak salah nih program dibuat ketika yang empunya program duduk dibangku 2 SMA, it's genious or what?

3. Notepad.
Hwalah??? apa-apaan ini? pake notepad segala? tapi ya kenyataannya begitu, mo gimana lagi coba?
dengan notepad.

Karena paling non-komersil dengan notepad, yuk kita bahas...

Kamu dibolehkan mengetik layaknya dengan web-editor lainnya pada notepad, tapi jelas, tanpa fasilitas web yang mendukung lainnya, kalau dibandingkan DreamWeaver? Aih.... notepad bakal rangking ke 7 juta kali ya?
Tapi karena notepad udah bawaan dari komputer, pasti punya donk (apalagi yang namanya Windows)

Gimana tuh caranya?

Buka Notepad

Ketik kode html yang kamu mau

Simpan file. Tab "Save As Type" nya diubah jadi "All Files"

Simpan file dengan nama yang kamu mau, tapi jangan lupa tambahin ekstensi ".html" atau ".htm" dibelakangnya. Jadi kalau misalnya filenya namanya "hidung", jadinya harus diketik, "hidung.htm" ataty "hidung.html"

Coba kamu buka file bikinan kamu tadi (yang sudah berekstensi html) dengan webbrowser kamu

Jreng!!!! gimana hasilnya?

CIAO!

Nyontek Script

Sebenarnya nggak tepat juga sih dibilang nyontek karena pada dasarnya sebuah bahasa HTML memang apa adanya, dan memang dalam bentuk script dan bukan langsung menjadi tampilan grafis, lebih tepatnya sih dikatakan belajar.
Gimana sih caranya supaya kita bisa ngelihat script yang orang lain buat supaya kita bisa belajar lebih lanjut tentang tampilan itu? gampang!
Kamu bisa menggunakan klik kanan, terus klik view source (pada beberapa browser cuma ditulis source)

Nb:
kadang ada sebuah website yang gak mau pengunjungnya dapat mengakses source mereka dengan jalan klik kanan dinonaktifkan, terus gimana donk? kamu tinggal pilih view > source di menu bar, gampang kan?

Table

Dalam mengolah sebuah postingan kadang-kadang kita perlu juga ngebikin yang
namanya table untuk bikin sebuah data. Hm.. gimana bikinnya? Yuk kita coba dengan
script ini!

<table width="600" height=”10” border="1"
bordercolor="#33FFCC" bgcolor="#FFCC66">

<tr>

<td>keren</td>

<td>banget</td>

</tr>

</table>

jadinya :

keren

banget

Pembahasan:

<table></table>

Merupakan sebuah tag yang wajib kamu ketik kalau kamu mau membuat tabel. Dalam
tag ini kamu bisa membuat lebarnya (width) atau tingginya (height). Kamu juga
bisa menentukan tebal tipisnya garis dengan mengisikan angka border. Kamu bisa
juga memberikan background dengan tag bgcolor, untuk warna garis diedit dengan
bordercolor. Masih ada seabrek lainnya sebenarnya, it’s depend on your
creativity.

<tr></tr>

Tag ini mengekspresikan sebuah baris pada table. Kalau kamu mau membuat baris
lainnya, bikin tag ini lagi.

<td></td>

Tag ini untuk menambahkan kolom. Di contoh ada dua kolom kan? Makanya <td></td>
nya ada dua.

Perintah Font

Sudah umum menggunakan perintah font dalam HTML. Cobain deh!

<b></b>

Menebalkan teks, ingatin aja Bold.

Contoh :

<b>teks tebal</b>

jadinya :

teks tebal

<i></i>

Teks jadi miring dengan tag ini.

Contoh :

<i>teks miring bro!</i>

jadinya:

teks miring bro!

<u></u>

Kalimat jadi digaris bawahin, underline gitu....

Contoh :

<u>eh, digarisin nih!</u>

jadinya:

eh, digarisin nih!

<del></del>

Teks yang ada jadi seolah dicoret.

Contoh :

<del>yah dicoret...</del>

jadinya:

~~yah dicoret...~~

<font color="red”></font>

Teks nya jadi berwarna. Tulisan red bisa diganti sesuai dengan warna web lainnya.
Cobain aja!

Contoh :

<font color="blue">Biru nieh.... </font>

jadinya:

Biru nieh....

<font style="BACKGROUND-COLOR: yellow"></font>

Teksnya jadi seolah distabilo-in. Keren juga!

Contoh :

<font style="BACKGROUND-COLOR: yellow">Mt : Meitnerium</font>

jadinya:

Mt : Meitnerium

<font face="comic sans ms"> </font>

Ngerubah font teks yang ada. Kamu bisa ngerubah font sesuai yang kamu mau.

pada umumnya browser memiliki font yang dikenali secara umum, yaitu serif |
sans-serif | cursive | fantasy | monospace |

Contoh:

<p><font face="sans-serif">BERITA HANGAT BRO!</font></p>

jadinya:

BERITA HANGAT BRO!

Marquee

Bagi yang belum tahu marquee, marquee itu sebuah perintah unik yang ada di internet
explorer. Kok unik? Karena tag ini memungkinkan font untuk bergerak sesuai arah
yang kita inginkan, asyik kan?

Perintah dasarnya kayak gini:

<marquee></marquee>

Tips:

Beritahu nggak ya? Sebenarnya ini rahasia siy... tapi beritahu deh....

Marquee terlalu biasa ya arahnya gerakin teks? Na.. marquee juga bisa diolah
supaya lebih menarik gerakannya.

BEHAVIOR

Marquee bisa diisi behavior

Contoh:

<marquee behavior=”slide”>Kerennya...</marquee>

jadinya:

Kerennya...

Ada beberapa behavior pada marquee

“Alternate”

Isi dari marquee bakal berganti-ganti ke kanan n’ ke kiri gerakannya

Contoh:

<marquee behavior="alternate">Eh, bolak-balik...</marquee>

jadinya:

Eh, bolak-balik...

“Scroll”

Isi dari marquee bakal bergulir (tergantung dari “direction”-nya....)
keluar, terus muncul lagi.

Contoh:

<marquee behavior="scroll" direction ="up" height="100">nge
Scroll ah...</marquee>

jadinya:

nge Scroll ah...

Arah dari direction bisa “up”, “down”, “left”,
“right”. Tinggal samain aja dengan bahasa Inggris...

“Slide”

Isi dari marquee akan gerak ke atas, terus berhenti deh disitu. O iya, tag ini
juga bergantung dengan atribut “direction”.

<marquee behavior="slide" direction ="up" height="100">Eh,
nge-slide tuh...</marquee>

jadinya:

Eh, nge-slide tuh...

eh, kok nggak gerak? karena marquee cuma muncul kalau halaman itu di load,
pas kamu pertama kali ngeload, marquee dengan atribute slide berjalan, terus
berhenti.

Untuk tambahan, kamu bisa juga mengatur tinggi dan lebarnya dari marquee dengan
menggunakan width dan height. Cobain dan eksperimen sendiri!

Contoh marquee buat eksperimen kamu

<marquee behavior="scroll" direction ="up" height="100"
width="50" bgcolor=”yellow” scrolldelay = 50 truespeed>cool</marquee>

jadinya:

cool

PS :

Tahu nggak, kalau “scrolldelay = 70 truespeed” mengatur kecepatan
marquee kamu!

Kamu juga bisa masukkin gambar di marquee, tinggal tambahin tag gambar.

NB : dalam blog biasanya (pengalaman) marquee jadi biasa aja, tapi kamu bisa kok ngerubahnya jadi bagus.

Link

Perintah tag dasar

<a href=”link kamu”>teks</a>

Contoh:

<a href="http://ditagiri.blogspot.com">ditagiri link</a>

jadinya:

ditagiri link

Gampang kan? Tinggal edit link “http://ditagiri.blogspot.com” untuk
link yang kamu mau, dan teks “ditagiri link” dengan teks yang kamu
mau. Kamu bisa juga nambahin tag font loh!

O iya, di link bisa juga ditambahin title, jadi ketika mouse rollover diatas
link bakal muncul deskripsi alamat

Contoh:

<a title="Ini adalah alamat rumahku" href="http://rumah.com">rumahGue</a>

jadinya:

rumahGue

gambar

Perintah tag dasar:

<img src="link file" width="800" height="501">

Contoh:

<img src="http://www.sangatasyik.com/Oke.jpg" width="800"
height="501">

Untuk memasukkan gambar kamu tinggal masukkin alamat gambar kamu di src=”
”, dan width sama height nya untuk tinggi dan lebarnya (coba deh liatin
artinya di kamus!)

TIPS gambar

Dimana sih bagusnya kita ngeupload gambar buat blog, website, atau fs kita?
Gue punya dua image hosting yang (menurutku) oketa punya dech....

ImageShack

Hanya dengan sekali klik, kamu bisa langsung ngeupload foto, gambar,
atau animasi flash kamu. Namun sayangnya, karena begitu mudahnya, dan tidak
merupakan member (walaupun bisa), gambar kamu bisa dengan mudah dihapus oleh
WebMaster, bisa gara-gara foto kamu dianggap vulgar, atau ada yang ngelihat
foto kamu dan melaporkannya sebagai foto yang buruk, na.... WebMaster juga bisa
tuh ngehapusnya.... Terus kalau kamu mau mencari lagi foto itu, kamu susah banget
untuk mengambilnya lagi karena setiap foto ditaruh dalam alamat berbeda tanpa
ada album.

Photobucket

Nggak enaknya sih nggak bisa langsung, tapi PhotoBucket memberikan kenyamanan
dan fasilitas berlipat bagi kamu yang emang serius ngebikin-bikin dengan matra
visual. Photobucket meyakinkan kamu agar kamu mengikuti menjadi membernya. Di
dalam Photobucket lengkap disusun secara sistematis dari foto yang pertama dimasukkan
hingga yang terbaru, bisa juga disusun berdasarkan album. Tidak hanya dua fasilitas
yang memanjakan kamu itu aja, kamu juga bakal disuguhi seabreg aplikasi nan
yahud untuk melengkapi pengalaman tak terduga kamu dengan dunia gambar. Ada
bisa ngebikin video, bisa ngebikin slideshow, bahkan PhotoBucket memungkinkan
foto kamu dicetak online dan dikirim ke alamat kamu! (walaupun cuma di Amrik
sono... tapi ini spektakuler!!). O'iya, ketika aku ulangtahun, PhotoBucket memberikan
diskon bagi beberapa produk yang ditawarkan pada bulan ketika ulangtahun, asyik
banget kan? tunggu apalagi? gabung aja!

Garis Lurus

Perintah tag dasar

<hr>

Contoh:

<hr align=”center” width=”50%”>

jadinya:

Sst! Rahasia ya... ini ada atribut-atribut lainnya untuk hr

Align

Untuk posisi garisnya. Bisa di center, left, atau right.

Contoh:

<hr align=”center” >

Color

Ngewarnain garis

Contoh:

<hr color="salmon">

Noshade

Ngehilangin bayangan yang ada pada garis

Contoh:

<hr noshade>

Size

Menentukan besar garis(tebalnya), satuan ukurannya pakai pixel.

Contoh:

<hr size=30>

Width

Tahu donk apa? Cek deh di kamus.... Yoi, tul banget, tuk nentuin lebar garis
alias panjang garis untuk disini (karena hakikatnya garis adalah persegi panjang
tipis).

<hr width=”50%”>

Line Break

Perintah tag dasar

<br>

Ya untuk itu aja sih gunanya.... dalam wordprocessor itu seperti kalau kita
ngegunain enter, na... di HTML digunain <br>, oke? Kalau mau lebih simpelnya
lagi, m... <br> itu ingatin aja BaRis, br kan?

Latar Musik

Perintah tag dasar

<bgsound src=”file”>

Contoh

<bgsound src=”http://www.ohkerennya.com/olalala.mid”>

Kalau mau ada suara latar belakang musik untuk blog kamu atau halaman FS kamu,
bisa nih ngegunain tag ini.

TIPS

Coba kamu cari file midi gratisan di google. Kenapa format midi? Karena umumnya
format ini lebih mudah dirender dan relatif kecil untuk didownload. Kamu bisa
ngehost sendiri di host gratisan, bisa juga langsung ngambil dari link penyedia
di situ, lebih baik lagi kalau kamu punya hostingan sendiri.

Akronim

Perintah tag dasar

<acronym title="isi akronim ">akronim</acronym>

Contoh:

<acronym title=”Keep It Simple Students”>KISS</acronym>

jadinya:

KISS

Tag ini berguna untuk membuat akronim (singkatan) di tulisan kamu. Dengan adanya
tag ini, bila pembaca nggak tahu maksud dari singkatan itu, tinggal ngarahin
mousenya ke arah teks itu, tunggu bentar muncul deh tulisan penjelas......

BIG!!!

Perintah tag dasar

<big></big>

Contoh:

hahaha<big>hahaha<big>hahaha<big>hahaha</big></big></big>

jadinya:
hahahahahahahahahahahaha

Ngejadiin tulisan kamu jadi besar, besar, dan besar! Kalau tag big dimasukkin
ke dalam big, jadi makin big, ya teorinya kalau besar dibesarin jadi makin besar
kan?

Title

Bagi kamu yang keranjingan surfing di dunia maya, tak ayalnya seorang koki
yang kenal dengan yang namanya garam, title merupakan hal yang sudah biasa diicip
oleh kamu. Apa sih title itu? itu loh... yang biasanya di web-browser biasanya
ada nongol tulisan-tulisan tentang page yang dibuka....

Na... bagi yang suka ngeblog biasanya gampang banget untuk ngerubah title nya,
dasarnya sih biasa aja, cuman gini...

<title>...<title>

terus? ya gitu deh...

simpel banget kan?

Subscribe to: Posts (Atom)

© Blogger template Simple n' Sweet by Ourblogtemplates.com 2009

Back to TOP