Ten2Five - Love is You

ohhh
this is how i feel
whenever i'm with you
everything is all about you
too good to be true

somehow i just can't believe
you can lay your eyes on me
if this is a fairy tale
i wish you will end happily
even know we are a part
i can feel you here next to me
here and now i will love
stay with me

let me love you with all my heart
you are the one for me
you are the light of my soul
let me hold you with my arms
wanna feel love again
wanna feel love again
wanna feel love again
and i know love is you
love is you

this is how i feel
whenever i'm with you
everything is all about you
too good to be true

somehow i just can't believe
you can lay your eyes on me
if this is a fairy tale
i wish you will end happily
even know we are a part
i can feel you here next to me
here and now i will love
stay with me

let me love you with all my heart
you are the one for me
you are the light of my soul
let me hold you with my arms
wanna feel love again
wanna feel love again
wanna feel love again
and i know love is you

love is you
love is you

"hehe...top markotop dah....^_^

READ MORE - Ten2Five - Love is You

Beyonce - Ego

Oh baby, how you doing?
You know I'm gonna cut right to the chase
Some women were made but me, myself
I like to think that I was created for a special purpose
You know, what's more special than you? You feel me

It's on baby, let's get lost
You don't need to call into work 'cause you're the boss
For real, want you to show me how you feel
I consider myself lucky, that's a big deal

Why? Well, you got the key to my heart
But you ain't gonna need it, I'd rather you open up my body
And show me secrets, you didn't know was inside
No need for me to lie

It's too big, it's too wide
It's too strong, it won't fit
It's too much, it's too tough
He talk like this 'cause he can back it up

He got a big ego, such a huge ego
I love his big ego, it's too much
He walk like this 'cause he can back it up

Usually I'm humble, right now I don't choose
You can leave with me or you could have the blues
Some call it arrogant, I call it confident
You decide when you find on what I'm working with

Damn I know I'm killing you with them legs
Better yet them thighs
Matter a fact it's my smile or maybe my eyes
Boy you a site to see, kind of something like me

It's too big, it's too wide
It's too strong, it won't fit
It's too much, it's too tough
I talk like this 'cause I can back it up

I got a big ego, such a huge ego
But he love my big ego, it's too much
I walk like this 'cause I can back it up

I, I walk like this 'cause I can back it up
I, I talk like this 'cause I can back it up
I, I can back it up, I can back it up
I walk like this 'cause I can back it up

It's too big, it's too wide
It's too strong, it won't fit
It's too much, it's too tough
He talk like this 'cause he can back it up

He got a big ego, such a huge ego, such a huge ego
I love his big ego, it's too much
He walk like this 'cause he can back it up

Ego so big, you must admit
I got every reason to feel like I'm that bitch
Ego so strong, if you ain't know
I don't need no beat, I can sing it with piano

^_^

READ MORE - Beyonce - Ego

M2M - Dear Diary

Dear Diary,
Something good happened today
He finally called me by my name
I didn't know how to behave
What to say or do
I was so confused

Dear Diary,
I wanna talk to him again
But whenever he is with his friends
He keeps trying to pretend
But I already see
The way he feels for me

What can I do?
Tell me what can I say
When do I let him know I feel the same way?
How can my feelings be so hard to show when
I really want him to know

Dear Diary,
He wrote some letters on his hand
It wasn't hard to understand
I figured I'm part of his plans
But now I'm in his heart
I don't know where to start

What can I do?
Tell me what can I say
When do I let him know I feel the same way?
How can my feelings be so hard to show when
I really want him to know

BRIDGE
You're my secret hiding place
Where my private thoughts are safe
And just one look and he will see
What's inside of me

What can I do?
Tell me what can I say
When do I let him know I feel the same way?
How can my feelings be so hard to show when
I really want him to know

What can I do?
Tell me what can I say
When do I let him know I feel the same way?
How can my feelings be so hard to show when
I really want him to know

Dear Diary
Dear Diary
Dear Diary
Dear Diary

^_^

READ MORE - M2M - Dear Diary

Boys Like GirLs - Two is Better than One

I remember what you wore on the first day
You came into my life and I thought
"Hey, you know, this could be something"

'Cause everything you do and words you say
You know that it all takes my breath away
And now I'm left with nothing

So maybe it's true
That I can't live without you
Maybe two is better than one
There's so much time
To figure out the rest of my life
And you've already got me coming undone
And I'm thinking two is better than one

I remember every look upon your face
The way you roll your eyes
The way you taste
You make it hard for breathing

'Cause when I close my eyes and drift away
I think of you and everything's okay
I'm finally now believing

That maybe it's true
That I can't live without you
Maybe two is better than one
There's so much time
To figure out the rest of my life
And you've already got me coming undone
And I'm thinking two is better than one
Yeah, yeah

I remember what you wore on the first day
You came into my life and I thought, "Hey,"

maybe it's true
That I can't live without you
Maybe two is better than one
There's so much time
To figure out the rest of my life
And you've already got me coming undone

And I'm thinking
I can't live without you
'Cause, baby, two is better than one
There's so much time
To figure out the rest of my life
But I'll figure it out
When all is said and done
Two is better than one
Two is better than one


Hmmm.... nice song... ^_^

READ MORE - Boys Like GirLs - Two is Better than One

PEMANFAATAN ELEMEN TABEL PADA PEMROGRAMAN WEB

Tabel sering kita jumpai sebagai media untuk menampilkan data tabular dalam bentuk baris dan kolom. Tapi tahukan Anda bahwa kita dapat memodifikasi tabel menjadi suatu tampilan lain yang lebih atraktif dan menarik untuk dipelajari?
Mungkin untuk tampilan tabel pada software pengolah kata (Ms. Word) kita sudah sering melakukan modifikasi sehingga mampu menjadi tampilan lain yang lebih menarik. Tapi bagaimana dengan memodifikasi tampilan tabel pada pemrograman web sehingga mampu menghasilkan tampilan yang lebih atraktif??? Tentunya ini merupakan suatu hal yang sangat menarik untuk dipelajari.
Berikut kita akan belajar mengenai pembuatan Grafik Btang Statis menggunakan elemen tabel dan pembuatan desain tabel perbandingan item dengan memanfaatkan fitur pengelompokan pada pemrograman web...

1. PEMBUATAN GRAFIK BATANG STATIS MENGGUNAKAN ELEMEN TABEL

Pembuatan grafik batang statis menggunakan elemen tabel dapat dilakukan dengan melakukan penggabungan sel (merge cell) dan pemberian warna pada masing-masing sel yang dijadikan sebagai grafik.
Tampilan grafik batang statis yang saya buat menggunakan elemen tabel adalah sebai berikut :















Source code untuk membuat tampilan di atas adalah :

<<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">

<head>
<title>Grafik dg Tabel</title>
</head>

<body background="WALL.jpeg">
<h2>Grafik Pendapatan Perusahaan Komputer Tahun 2009</h2>
<hr align="left" width="700" />
<table width="700" border="0">
<tr>
<td width="350"><strong>Perusahaan</strong></td>
<td width="350"><strong>Pendapatan</strong></td>
</tr>
</table>
<hr align="left" width="700"/>

<table width="700" border="0">

<tr>
<td width="175"><strong>Angin Reboot, Ltd</strong></td>
<td width="175" colspan=3></td>
<td width="175" colspan=2 bgcolor="blue"></td>
<td width="175">+150%</td>
</tr>

<tr>
<td width="175"><strong>Command Prompt, Inc</strong></td>
<td width="175" colspan=3></td>
<td width="75" bgcolor="yellow"></td>
<td width="100">+55%</td>
<td width="175"></td>
</tr>


<tr>
<td width="175"><strong>Hibernate, Ltd</strong></td>
<td width="75"></td>
<td width="50" align="right">-23%</td>
<td width="50" bgcolor="red"></td>
<td width="350" colspan=3></td>
</tr>


<tr>
<td width="175"><strong>Shutdown, Ltd</strong></td>
<td width="75" align="right">-75%</td>
<td width="100" colspan=2 bgcolor="purple"></td>
<td width="350" colspan=3></td>
</tr>
</table>

<hr align="left" width="700"/>


</body>
</html>

2. PEMBUATAN DESAIN TABEL PERBANDINGAN ITEM DENGAN MEMANFAATKAN FITUR PENGELOMPOKAN
Tabel perbandingan item ini dibuat dengan menambahkan border di beberapa bagian tabel. Jadi border yang tampil bukan merupakan border langsung dari tabel, tapi merupakan border tambahan yang memanipulasi tampilan menjadi seolah-olah berkelompok seperti pada contoh yang akan saya berikan.
Berikut tampilan tabel perbandingan item yang saya buat dengan memanfaatkan fitur pengelompokan pada tabel utama :




Source code untuk membuat tampilan di atas adalah :

 <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en">

<head>
<title>Tabel Perbandingan</title>
</head>

<body background="bg.jpg">

<table width="700" border="0" align="center">

<tr>
<td width="375" colspan=8 align="center"><strong>===== PERBANDINGAN FITUR =====</strong></td>
</tr>

<tr>
<td colspan="8" style="border-bottom:#000000 solid thin;"></td>
</tr>

<tr>
<td width="25" align="center"><strong>No</strong></td>
<td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td>
<td width="150" align="center"><strong>Fitur</strong></td>
<td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td>
<td width="75" align="center"><strong>Enterprise</strong></td>
<td width="1" rowspan="10" style="border-left:#000000 solid thin;"></td>
<td width="25" align="center"><strong>Pro</strong></td>
<td width="50" align="center"><strong>Free</strong></td>
</tr>

<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>

<tr>
<td width="25" align="center">1</td>
<td width="150">Garansi seumur hidup</td>
<td width="75" align="center">X</td>
<td width="25" align="center">-</td>
<td width="50" align="center">-</td>
</tr>

<tr>
<td width="25" align="center">2</td>
<td width="150">Multiuser</td>
<td width="75" align="center">X</td>
<td width="25" align="center">-</td>
<td width="50" align="center">-</td>
</tr>

<tr>
<td width="25" align="center">3</td>
<td width="150">Update otomatis</td>
<td width="75" align="center">X</td>
<td width="25" align="center">-</td>
<td width="50" align="center">-</td>
</tr>

<tr>
<td width="25" align="center">4</td>
<td width="150">Cetak laporan</td>
<td width="75" align="center">X</td>
<td width="25" align="center">X</td>
<td width="50" align="center">-</td>
</tr>

<tr>
<td width="25" align="center">5</td>
<td width="150">Notifikasi error</td>
<td width="75" align="center">X</td>
<td width="25" align="center">X</td>
<td width="50" align="center">-</td>
</tr>

<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>

<tr>
<td width="25" align="center">6</td>
<td width="150">Ubah tema</td>
<td width="75" align="center">X</td>
<td width="25" align="center">X</td>
<td width="50" align="center">X</td>
</tr>

<tr>
<td width="25" align="center">7</td>
<td width="150">Try icon</td>
<td width="75" align="center">X</td>
<td width="25" align="center">X</td>
<td width="50" align="center">X</td>
</tr>

<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>

</table>

</body>
</html>

Selamat mencoba... Semoga bermanfaat... ^_^

READ MORE - PEMANFAATAN ELEMEN TABEL PADA PEMROGRAMAN WEB

TUGAS 1 : DASAR-DASAR PEMROGRAMAN WEB

Tugas pada Modul 1 ini yaitu Studi Kasus tentang cara membuat halaman web sederhana yang melibatkan elemen teks, garis, warna, dan gambar. Dimana terdapat minimal sebuah heading dan garis berwarna, gambar dengan garis tepi (border), dan halaman utama dengan latar belakang gambar sembarang.
Hasil pengerjaan tugas adalah sebagai berikut :

1. Screenshoot


2. Kode HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml" lang="en" lang="en"><br /><head><br /><title>Studi Kasus 1</title><br /></head><br /><br /><body background="air.jpg"><br /><h1 align="left"><span style="color:white;">Halaman Web Sederhana</span></h1><br /><hr style= "color:red"><br /><br /><p><br /><span style= "color:yellow"><br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><br /><br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><br /><br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><br /><br /></span><br /></p><br /><br /><p><br /><span style= "color:yellow"><br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><br /><br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><br /><br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><br /><br /></span><br /></p><br /><hr style= "color:green"><br /><hr style= "color:blue" align="right" width="250"><br /><img src="doraemon.jpg" align="right" border="10" /><br /><br /></body>

READ MORE - TUGAS 1 : DASAR-DASAR PEMROGRAMAN WEB