Dari Linkin Park lagi, kali ini judulnya One Step Closer. Lagunya enak dah pokoknya langsung aje check this out
Jumat, 25 Juli 2014
Linkin Park - One Step Closer
Dari Linkin Park lagi, kali ini judulnya One Step Closer. Lagunya enak dah pokoknya langsung aje check this out
Linkin Park - In Pieces
Lagu enak lagi nih brooo dari band legendaris Linkin Park, lagunya nyantai dan isinya dapet.
Kamis, 17 Juli 2014
Padding dan Margin
Kemampuan CSS bukan hanya untuk mewarnai suatu object tapi CSS juga bisa mengatur posisi suatu object. untuk mengatur posisi dari sebuah object properti yang kita gunakan adalah margin dan padding. Margin adalah jarak yang dibuat diluar object dan padding adalah kebalikannya yaitu jarak yang dibuat didalam object. jika kalian masih bingung berikut adalah illustrasinya
kita bisa lihat disitu margin adalah spasi di luar object dan padding adalah spasi didalam object.
sekian post tentang margin dan padding
terima kasih
ID dan Class
setiap orang di dunia ini pasti memiliki nama begitu juga dengan setiap tag codingan, dalam bahasa CSS pemberian nama dapat dilakukan dengan 2 cara yang pertama dengan menggunakan ID dan yang kedua menggunakan class. Pemeberian nama ini sangat berguna untuk menghindari error yang mungkin terjadi karena persamaan tag. saya akan beri contoh tag yang bernama dan yang tak punya nama
<p>Zackcode</p> >> tag <p> disamping tidak memiliki nama
<p id="judul">Zackcode</p> >> tag <p> disamping memiliki nama judul
<p class="deskripsi">Zackcode</p> >> tag <p> disamping memiliki nama deskripsi
fungsi ID dan Class sama saja, lalu apa bedanya ID dan Class ?
bedanya adalah saat penulisan di CSSnya,, berikut contohnya
bagi yang penamaannya menggunakan ID maka penulisan di CSSnya adalah #nama
contoh >> #judul{ color:red; }
nah bagi yang menggunakan Class maka penulisannya adalah .nama
contoh >> .deskripsi{ color:red; }
sekian post tentang ID dan Class
Terima kasih
Senin, 14 Juli 2014
Jamrud - Pelangi Di Matamu
Post kedua gua dengan label music dan lagu yang gua share pastinya cuma lagu berkualitas doang,, kali ini gua post lagu dari band legendaris di Indonesia yaitu jamrud dengan judul Pelangi di Matamu check this out
Membuat efek Shadow
Masih membahas seputar CSS, kali ini gua pengen ngasih tau caranya bikin efek shadow.. efek shadow ini digunakan seperlunya aja dan biasanya hanya dipakai untuk menghias tulisan. untuk membuat efek shadow properti yang kita gunakan adalah "text-shadow". nah biar mengerti langsung gua buat contohnya dibawah :
<html>
<head></head>
<body>
<p>Zackcode</p>
</body>
</html>
hasilnya >>> Zackcode
nah sekarang gua akan menambahkan efek shadow warna merah pada tulisan tersebut
<html>
<head>
<style type="css">
p{ text-shadow:2px 2px 5px red;}
</style>
</head>
<body>
<p>Zackcode</p>
</body>
</html>
maka hasilnya setelah ditambahkan efek :
Zackcode
sekian post gua tentang cara bikin efek shadow
semoga mengerti terima kasih
Membuat efek Glow
Efek glow digunakan untuk memberikan efek seperti cahaya di sekitar gambar. untuk menambahkan efek glow properti yang digunakan di dalam css adalah "box-shadow" tanpa basa basi sekarang kita akan langsung ke contoh
<html>
<head></head>
<body>
<img url="defaul.jpg">
</body>
</html>
gambar tersebut akan saya tambahkan efek glow dengan menambahkan css ke dalam codingan.
<html>
<head>
<style type="css">
img{box-shadow:0px 0px 5px 10px yellow;}
</style>
</head>
<body>
<img url="defaul.jpg">
</body>
</html>
maka hasilnya :
pada property box-shadow nilainya kan 0px 0px 5px 10px yellow
maksudnya adalah
0px = untuk glow di bagian kanan saja
0px = untuk glow di bagian bawah saja
5px = untuk seberapa ngeblur warna yang di inginkan
10px = untuk glow di seluruh bagian
yellow = warna glow
sekian post tentang membuat efek glow
semoga mengerti terima kasih
Membuat efek Radius
kemarin kan sudah berkenalan dengan css dan kita juga sudah tau bentuk struktur dasar penulisan css, nah sekarang saya akan menshare cara membuat efek radius dengan css. Pertama apa sih efek radius itu ? efek radius adalah efek untuk menumpulkan sudut sudut yang tajam. bingung ? langsung ke contoh deh
disini saya punya gambar default
dengan coding seperti ini:
<html>
<head></head>
<body>
<img url="defaul.jpg">
</body>
</html>
perhatikan,, di gambar tersebut ada 4 sudut yang tajam atau lancip sekarang saya akan mengubahnya menjadi sedikit tumpul. untuk mengubahnya kita akan menambahkan efek radius dengan css. ingat selektornya adalah "img" dan propertinya adalah "border-radius" untuk nilainya kita bisa atur sendiri dengan satuan px
<html>
<head>
<style type="css">
img{border-radius:10px;}
</style>
</head>
<body>
<img url="defaul.jpg">
</body>
</html>
maka hasilnya :
lihat perubahannya ke 4 sudut tersebut terlihat menjadi lebih tumpul
nah sekitan postingan tentang cara membuat efek radius
terima kasih
Minggu, 13 Juli 2014
Berkenalan dengan CSS
Kali ini gua akan bahas tentang CSS. Apa itu CSS ? CSS adalah bahasa pemrograman berbasis web sama seperti html. lalu apakah HTML dan CSS saling berkaitan ? Tentu !! ibarat orang pacaran HTML adalah cowoknya dan CSS adalah ceweknya. CSS digunakan sebagai penghias sebuah web. Sebuah web tanpa CSS akan terlihat statis dan terkesan kaku. jadi antara HTML dan CSS itu saling membutuhkan.Dengan CSS kita dapat menentukan posisi sebuah objek, mewarnai tulisan, membuat radius dan lain lain.
Berikut adalah struktur dasar penulisan CSS :
<style type="css">
selector{ properti:nilai; }
</style>
CSS biasanya ditulis di bagian <head>
Masih bingung ? oke sekarang langsung aja ke contohnya biar paham
disini kita akan membuat tulisan berwarna merah, codingnya seperti berikut
<html>
<head>
<style type="css">
p{ color:red; }
</style>
</head>
<body>
<p>ZackCode</p>
</body>
</html>
maka hasilnya akan sperti ini : ZackCode
sekian tuu=lisan singkat tentang CSS semoga mengerti
terima kasih
Membuat teks berjalan
kemaren sudah gua jelasin bagaimana membuat table dengan HTM skarang gua akan menshare bagaimana cara untuk membuat tulisan berjalan dengan HTML. pertama kita harus tahu jika kita ingin membuat tuisan berjalan maka kita hars ingat tag <marquee></marquee> karena tag tersebut merupakan inti untuk membuat teks berjalan. biar lebih jelas langsung saja lihat contoh di bawah ini :
sekarang saya ingin membuat kata "Zackcode" berjalan dengan standard, maka codingnya seperti berikut :
<marquee>zackcode</marquee> dan hasilnya akan seperti dibawah ini
nah itu hanya teks berjalan yang biasa lalu saya ingin mengubah arah berjalannya menjadi dari kiri kekanan atau dari atas ke bawah maupun sebaliknya, caranya adalah di dalam tag <marquee> kita bisa tambahkan direction="arah", nah angsung mengerti langsung saja ke contoh :
<marquee direction="down">Zackcode</marquee> hasilnya :
nah untuk kearah lainnya kalian bisa merubah kata"down" menjadi arah yang kaian inginkan misalnya right atau left. kemudian saya akan membuat agar teks berjalan itu memantu agar tidak menembus batasnya, jadi seperti ini
agar teks tidak menembus batas maka kita akan menambahkan "behavior" ke dalam tag marquee jadi codingannya akan seperti ini
<marquee behavior="alternate" direction="right">Zackcode</marquee>
sekian postingan gua tentang bagaimana cara membuat teks berjalan
semoga mengerti :D
Sabtu, 12 Juli 2014
Membuat table dengan HTML
sekarang saya akan menshare bagaimana cara membuat table dengan HTML. Jika kalian belum tahu apa itu HTML silahkan baca berkenalan dengan HTML dalam membuat table kita harus membuka sintaks dengan <table> nah biar lebih megerti dan lebih jelas berikut ini adalah struktur dasar membuat table
<table border="1">
<tr>
<td></td>
</tr>
</table>
Contoh :
<table border="1">
<tr>
<td>row 1 cell 1</td>
<td>row 1 cell 2</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
</table>
maka hasilnya akan seperti ini :
| row 1 cell 1 | row 1 cell 2 |
| row 2 cell 1 | row 2 cell 2 |
Menggabungkan 2 cell menjadi 1
untuk menggabungkan 2 cell menjadi 1 di dalam tag td kita tambahkan colspan
contoh :
<table border="1">
<tr>
<td colspan="2">row 1 cell 1</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
</table>
dan hasilnya akan seperi ini :
<tr>
<td colspan="2">row 1 cell 1</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
</table>
dan hasilnya akan seperi ini :
| row 1 cell 1 | |
| row 2 cell 1 | row 2 cell 2 |
nah untuk menggabungkan 2 row menjadi 1 caranya sama hanya saja colspan diganti dengan rowspan
sekian semoga mengerti :D
Berkenalan dengan HTML
Apa sih HTML ? mungkin pertanyaan seperti itu akan muncul dibenak kalian jika kalian memang benar benar awam dalam dunia programming khususnya web. sekarang gua akan jelasin terlebih dahulu pengertian dari HTML. HTML adalah bahasa pemrograman yang digunakan untuk membuat sebuah website. llu apa kepanjangan dari HTML ? kepanjangan dari HTML adalah Hypertext Markup Language.
Lalu bagaimana menulis sintaks HTML ?
setiap penulisan sintaks HTML harus diawali dengan simbol < dan diakhiri dengan />
contoh :
<html> </html>
sebelum membuat website dengan HTML kita harus terlebih dahulu memahami format dasar di HTML yaitu :
<html>
<head></head>
<body></body>
</html>
penjelasan :
<html> tag ini sebagai pembuka
<head> tag ini berfungsi untuk menampung judul website dan meta
<body> tag ini sebagai isi dari website
sekian tentang HTML semoga pada paham
Kamis, 10 Juli 2014
Kojek - Lo kate jakarte
post pertama gua ehm sebenernya sih bukan yang pertama karna gua punya bnyak blog sebelum ini,, kali ini gua post lagu dari kojek judulnye lo kate jakarte,, menurut gua ini lagu berkualitas karna liriknya itu tentang kenyataan yang ada di jakarta,, langsung aja enjoyy !!
Langganan:
Postingan (Atom)
