Belum lama saya posting artikel Internet Download Manager IDM 6.21 Build 16 Final Full Version,eh sudah adalagi update terbaru yaitu Internet Download Manager IDM 6.21 Build 17. Kali ini saya akan Share With You Internet Download Manager IDM 6.21 Build 17 yang baru direlease. Langsung aja :
1. Install program
2. Setelah instal selesai, pastikan aplikasi idm tidak running.
3. Copy & Replace Crack kedalam Default Install Directory [C:\Program Files\Internet Download Manager] OR [C:\Program Files (x86)\Internet Download Manager]
4. Double klikon "Key.reg",kemudian klik yes untuk aktivasi License.
5. Selesai, Selamat menikmati.
Download Internet Download Manager IDM 6.21 Build 17 + Crack
Password : kerokcommunity
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Selasa, 23 Desember 2014
Winamp PRO 5.666 Build 3516 FULL + Serial
Download Winamp PRO 5.666 Build 3516 FULL + Serial, winamp merupakan salah satu pemutar media terbaik, atau mungkin bisa disebut aplikasi sejuta umat (supports all popular formats MP3, OGG, AAC, WAV, MOD, XM, S3M, IT, MIDI, etc). Winamp juga memungkinkan kalian untuk melihat file video, Minibrowser untuk stream audio dari Internet, instal plug-in, pilih file dari playList, equalizer, visualisasi, dan banyak lagi.
Download Winamp PRO 5.666 Build 3516 FULL + Serials
Password : kerokcommunity
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Download Winamp PRO 5.666 Build 3516 FULL + Serials
Password : kerokcommunity
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
EaseUS Data Recovery Wizard Professional 7.5 dan Crack
Setelah sebelumnya saya posting artikel Stellar Phoenix Windows Data Recovery v6.0 dan Crack, saya akan Share With You sofware EaseUS Data Recovery Wizard Professional 7.5 dan Crack . Sofware/aplikasi ini sama-sama merupakan aplikasi pemulih data, mengembalikan data yang hilang terhapus atau terformat. Yang jelas kedua program ini memiliki kelebihan dan kekurangan masing-masing, namanya juga buatan manusia hehe.
OS : Windows 8/7/Vista/XP/2000 and Windows Server 2012/2008/2003.
Language : English, Deutsch, Japanese
Download EaseUS Data Recovery Wizard Professional 7.5 dan Crack
Password : kerokcommunity
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
OS : Windows 8/7/Vista/XP/2000 and Windows Server 2012/2008/2003.
Language : English, Deutsch, Japanese
Download EaseUS Data Recovery Wizard Professional 7.5 dan Crack
Password : kerokcommunity
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Internet Download Manager IDM 6.21 Build 16 Final Full Version
Kali ini saya akan Share With You Internet Download Manager IDM 6.21 Build 16 Final Full Version setelah sebelumnya IDM 6.21 Build 15 direlease. Langsung aja :
1. Install program
2. Setelah instal selesai, pastikan aplikasi idm tidak running.
3. Copy & Paste "IDMan.exe" & "IDMGrHlp.exe" dari folder'Crack' to direktori file penginstalan.
4. Buka/Merge "RegKey.reg" file dari folder'RegKey'
5. Selesai, Selamat menikmati.
Download Internet Download Manager IDM 6.21 Build 16 Final Full Version
Password : kerokcommunity
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
1. Install program
2. Setelah instal selesai, pastikan aplikasi idm tidak running.
3. Copy & Paste "IDMan.exe" & "IDMGrHlp.exe" dari folder'Crack' to direktori file penginstalan.
4. Buka/Merge "RegKey.reg" file dari folder'RegKey'
5. Selesai, Selamat menikmati.
Download Internet Download Manager IDM 6.21 Build 16 Final Full Version
Password : kerokcommunity
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Foxit PDF Editor 2.0 dan Serial
Download foxit PDF editor dan Serial, Foxit PDF Editor adalah program atau aplikasi untuk mengedit dokumen PDF secara langsung. Menggunakan program ini memungkinkan kalian memilih, memasukkan, mengubah, menghapus, copy dan paste teks, gambar dan grafis. Kalian dapat menambahkan, impor, menghapus halaman atau tata letak halaman desain. Setelah kalianmengedit file PDF, Foxit PDF Editor memungkinkan pencetakan atau menimpa file asli atau membuat file baru. Kalian juga dapat mengedit isi dari file PDF.
Selain itu, toolbar telah direnovasi dan tombol baru yang ditambahkan. Toolbar ini memiliki tampilan yang lebih profesional dan memungkinkan Anda untuk meningkatkan produktivitas Anda. Fungsi lain juga tersedia. Saya akan Share With You software tersebut.
Download foxit PDF editor 2.0 dan Serial
Password : kerokcommunity
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Selain itu, toolbar telah direnovasi dan tombol baru yang ditambahkan. Toolbar ini memiliki tampilan yang lebih profesional dan memungkinkan Anda untuk meningkatkan produktivitas Anda. Fungsi lain juga tersedia. Saya akan Share With You software tersebut.
Password : kerokcommunity
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Senin, 22 Desember 2014
Virtual DJ Pro 7.0.5 And Crack
Download virtual DJ pro 7.0.5 and crack . Wikipedia, Virtual DJ adalah perangkat lunak yang dapat dipergunakan untuk mixing MP3. Aplikasi ini memungkinkan penggunanya untuk merekam mixing miliknya hingga proses burning CD atau untuk dibagikan di internet dan layaknya memiliki stasiun radio sendiri.
Di bagian bawah halaman terbagi 2 bagian, sebelah kiri menampilkan menu-menu antara lain:
Sementara pada bagian bawah halaman sebelah kanan menampilkan 4 buah tab, yaitu:
Instal Virtual DJ Pro, copy and replace cracknya kedalam folder C:\Program Files\VirtualDJ\
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Fitur dan tampilan
Perangkat lunak ini memiliki fitur yang cukup lengkap dalam melakukan proses mixing audio. Pada halaman utama bagian atas terdapat banyak sekali tombol-tombol yang memiliki beragam fungsi.Di bagian bawah halaman terbagi 2 bagian, sebelah kiri menampilkan menu-menu antara lain:
- Skrivebord
- Napster
- Genres
- History
- iTunes
- Playlist
- Top 50 played
- Recently played
- Recently added
- Video
Sementara pada bagian bawah halaman sebelah kanan menampilkan 4 buah tab, yaitu:
- Browser
- Sampler
- Effects
- Record
Instal Virtual DJ Pro, copy and replace cracknya kedalam folder C:\Program Files\VirtualDJ\
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Mengatasi windows 7 not genuine
Bagaimana mengatasi windows not genuine? Kalian pasti pernah mengalami hal ini "Windows 7 Build 7600 This copy of Windows is not genuine". Jangan panik dan jangan koprol sambil teriak TIDAK. Hal itu terjadi karena windows kalian belum diaktivasi sehingga muncul kalimat seperti itu dan wallpaper anda tiba-tiba mengilang dan menjadi hitam gelap. Kali ini saya akan Share With You cara mengatasi windows 7 not genuine. Berikut kita simak :
Password : kerokcommunity
- Matikan terlebih dahulu antivirus yang ada dikomputer kalian, karena bisa terdeteksi sebagai virus. Tapi tenang ini bukan virus bro.
- Ekstrak dan jalankan Tool Remove WAT dan tekan button Remove WAT
- Tunggu beberapa saat tool ini bekerja, jangan dipencet-pencet tunggu sampai selasai hingga ada perintah restart. Karena bisa berbahaya bagi OS kalian.
- Jreng-jreng windows kalian kembali seperti sedia kala.
- Jangan lupa tingggalkan jempol dan komentar, terimakasih.
Password : kerokcommunity
Stellar Phoenix Windows Data Recovery v6.0 dan Crack
Setelah membaca postingan sebelumnya Mengembalikan data yang hilang terhapus atau terformat saya akan Share With You link download sofwarenya. Setelah download sofware dan cracknya nya dilink yang sudah saya sediakan dibawah, ekstrak dan instal sofware tersebut. Setelah instal selasai close Stellar Phoenix Windows Data Recovery, kemudian copy file didalam folder crack ke folder Programfile-Stellar Phoenix Windows Data Recovery. Selasai, dan jalankan aplikasinya.
- Download Stellar Phoenix Windows Data Recovery v6.0
- Download Crack
- Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Mengembalikan data yang hilang terhapus atau terformat
Bagaimana mengembalikan data yang hilang terhapus atau terformat? Kesel pasti iya, ketika data yang ada di drive komputer kita tiba-tiba hilang. Entah itu terhapus secara tidak sengaja atau mungkin karena terformat saat penginstalan maupun pemakain. Untuk mengembalikan data tersebut saya akan Share With You bagaimana mengembalikan data yang hilang dari drive kalian. Dengan mwnggunakan Stellar Phoenix Windows Data Recovery v6.0 kita akan mencoba mengembalikan data tersebut. Berdasarkan pengalaman saya, aplikasi ini lumayan ampuh untuk menarik kembali data yang terformat. Memang ada yang error mungkin dikarenakan karena saya menggabungkan 3 partisi disk menjadi 1 sehingga dalam proses recovery kurang maksimal. Baca artikel untuk download file Stellar Phoenix Windows Data Recovery v6.0 dan Crack.
Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Membuat buku tamu hidden di blog
Kali ini saya akan Share With You bagaimana cara membuat buku menu hidden yang terpasang dalam sebuah blog atau website. Buku Tamu memungkinkan anda untuk mengetahui lebih lanjut tentang pengunjung blog atau website anda. Buku tamu dapat memberi kemudahan bagi pengunjung blog untuk mengirim pesan pada kepada pemilik blog. Hal ini menunjukkan bahwa mereka telah berkunjung dan memberikan wadah bagi mereka yang ingin berpendapat tentang blog dan tulisan anda
- klik Link ini shoutmix
- Isi formulir yang ada lalu clik continou dan save code
- Setelah itu kamu masuk ke blogger.com-->tata letak--->tambah gedget-->HTML/Javascript.
- Copy kode di bawah ini,letakan di HTML/Javascript
- Cari "Ganti ini dengan kode Buku Tamu Anda bisa kode dari shout mix chat", ganti dengan kode dari get Shoutbox dan save.
- Jangan lupa tinggalkan jempol dan komentar, terimakasih.
Sniper Ghost Warrior 3
Wesley Copeland, Sniper Ghost Warrior 3 telah diumumkan dan diharapkan untuk rilis pada semester pertama tahun 2016 untuk Xbox One, PlayStation 4, dan PC. Permainan ini sedang dikembangkan dan diterbitkan oleh CI Games, yang menciptakan sebelumnya Sniper Ghost Warrior permainan, serta saat-gen taktis RPG Lords of the Fallen.
Kami diberitahu bahwa iterasi ini Ghost Warrior sedang dibangun "dari bawah ke atas."
"The Sniper: Ghost Warrior franchise adalah salah satu yang paling populer di portofolio CI Game dengan lebih dari 5,5 juta eksemplar terjual, jadi kita menginvestasikan sejumlah besar usaha dalam angsuran ketiga," kata Marek Tyminski, CEO, CI Games.
Adapun cerita, Ghost Warrior 3 diatur dalam modern Eropa Timur. Pemain akan berperan sebagai penembak jitu terperangkap di antara tiga faksi, dengan fokus pada mengambil target dekat atau dari jauh. Dikatakan permainan akan menawarkan tantangan bagi pemain taktis berpikiran sementara masih diakses oleh first-person shooter fanbase.
Jika 2016 sepertinya masih jauh, Anda selalu bisa menggunakan waktu dari sekarang sampai kemudian membaca review kami Ghost Sniper Ghost Warrior , dan sekuel Sniper Ghost Warrior 2 , beberapa ribu kali. Atau gagal bahwa Anda bisa bermain dari awal dan menggunakan salah satu dari para penelusuran wiki IGN . Wesley Copeland adalah seorang penulis berita lepas, tapi Anda mungkin sudah menduga bahwa. Untuk pernyataan lebih jelas, Anda mungkin harus mengikuti dia di Twitter .
Sumber : www.ign.com
Kami diberitahu bahwa iterasi ini Ghost Warrior sedang dibangun "dari bawah ke atas."
"The Sniper: Ghost Warrior franchise adalah salah satu yang paling populer di portofolio CI Game dengan lebih dari 5,5 juta eksemplar terjual, jadi kita menginvestasikan sejumlah besar usaha dalam angsuran ketiga," kata Marek Tyminski, CEO, CI Games.
Adapun cerita, Ghost Warrior 3 diatur dalam modern Eropa Timur. Pemain akan berperan sebagai penembak jitu terperangkap di antara tiga faksi, dengan fokus pada mengambil target dekat atau dari jauh. Dikatakan permainan akan menawarkan tantangan bagi pemain taktis berpikiran sementara masih diakses oleh first-person shooter fanbase.
Jika 2016 sepertinya masih jauh, Anda selalu bisa menggunakan waktu dari sekarang sampai kemudian membaca review kami Ghost Sniper Ghost Warrior , dan sekuel Sniper Ghost Warrior 2 , beberapa ribu kali. Atau gagal bahwa Anda bisa bermain dari awal dan menggunakan salah satu dari para penelusuran wiki IGN . Wesley Copeland adalah seorang penulis berita lepas, tapi Anda mungkin sudah menduga bahwa. Untuk pernyataan lebih jelas, Anda mungkin harus mengikuti dia di Twitter .
Sumber : www.ign.com
Download Sniper Ghost Warrior 2 Torrent
Sniper Ghost Warrior 2 adalah lanjutan dari versi sebelumnya yaitu Sniper Ghost Warrior. Fitur game ini sangat realistis dengan jarak, angin, dan drop peluru saat mengincar target. Game ini tidak diragukan lagi akan keseruannya, tantangan demi tantangan disajikan begitu menantang. Selain dituntut untuk menjadi penembak jitu, kalia juga harus jago strategi dalam mendekati dan cara membunuh para musuh dengan cara yang efektif agar tidak ketahuan musuh lainnya. Sebuah spotter kadang-kadang akan bergabung dengan kalian pada beberapa misi. Sebelum download cek dulu PC kalian.
System Requirements
OS: Windows XP, Vista or Windows 7, with the latest Service PackProcessor: Intel Core 2 Duo at 2Ghz, or AMD Athlon 64 x2 2Ghz, or better
Memory: 2GB
Hard Disk Space: 6 GB
Video Card: NVidia 8800GT with 512Mb RAM or better
DirectX: 9.0c
Sound: DirectX Compatible Sound Card
Template Blog Gratis 2014
Selain isi konten, dalam dunia blog tampilan blog juga merupakan hal yang sangat penting. Hal itu merupakan sebuah interaksi antar manusia dan komputer bagaimana sebuah interface sebuah blog bisa mempermudah, membuat nyaman pengunjung blog. Ada banyak template yang tersedia dan dibagikan secara gratis. Disini saya akan Share With You beberapa template blog gratis yang keren menurut versi saya.
Sebuah template blog yang tampaknya terisnpirasi oleh hexa tema wordpress. Tema bersifat responsif yang fokus pada tipografi , isi sidebar..
Loveria Fashion Blog Theme
Sebuah blog merah muda dengan tataletak konten yang rapi. Gunakan tema ini secara gratis selain cantik blog ini juga responsif dengan dua kolom
Sorbet Theme
Sebuah template blog yang tampaknya terisnpirasi oleh hexa tema wordpress. Tema bersifat responsif yang fokus pada tipografi , isi sidebar..Moment blog template
Template blog responsif dengan dua kolom dengan menu navigasi di sidebar kiri dan kanan.HaletanisLux
Sebuah template bergaya majalah dengan desain refsponsif, slider konten , tombol sosial media dll.Metro Blog Template
Metro template terinspirasi oleh desain antarmuka pengguna aplikasi baru seperti tablet dengan gaya yang unik ditambah dengan slider.Belajar HTML
Ciri-ciri utama html adalah mempunyai tag dan elemen:
- Elemen terdiri dari 2 yaitu head dan body
- Head fungsi memberikan informasi tentang suatu dokumen HTML, seperti judul web page, deskripsi situs, keyword dan lain sebagainya.
- Body merupakan elemen yang digunakan untuk menentukan isi yang akan ditampilkan oleh browser seperti paragraf, list, tabel, dan lain sebagainy.
- Tag : dalam HTML selalu ada tag pembuka dan ada tag penutup. Tetapi ada sebagian tag HTML yang tidak menggunakan tag penutup.
- Title
Tag ini <title></title> digunakan untuk memberi judul halaman web page. Tag ini diletakan didalam tag <head></head> - Baris Baru
Untuk membuat baris baru digunakan tag <br/> - Hyperlink
Tag ini digunakan untuk membuat link, bisa digunkan untuk satu halaman website atau link ke halaman website <a href="www.facebook.com">Facebook</a> - Menampilkan Gambar Tag ini digunakan untuk menampilkan gambar. Biasanya dalam tag ini disertakan height dan width untuk menyesuaikan ukuran gambar yang diinginkan <img src="love.jpg" height="200" width="200"/>
Tag | Deskripsi |
---|---|
<html></html> | Baris paling atas dari setiap file HTML |
<head></head> | Informasi umum dari sebuah halaman web |
<title></title> | Judul halaman. Terdapat pada head |
<body></body> | Settingan atribut untuk seluruh dokumen |
Font Style
Tag | Deskripsi |
---|---|
<b></b> | Teks tebal |
<i> </i> | Teks miring |
<u> </u> | Teks garis bawah |
<pre></pre> | Preformatted teks |
<h1></h1> | Header 1 |
<h2></h2> | Header 2 |
<h3> </h3> | Header 3 |
<h4></h4> | Header 4 |
<h5></h5> | Header 5 |
<h6></h6> | Header 6 |
<sub></sub> | Subscript |
<sup></sup> | Superscript |
Formating
Tag | Deskripsi |
---|---|
<blockquote></blockquote> | Digunakan untuk mengatur text dan gambar dalam suatu tag |
<ol></ol> | Ordered List (digunakan dengan <li>) |
<ul></ul> | Unordered List (digunakan dengan <li>) |
<li> | Elemen List |
<dd></dd> | Definition List |
<dt> | Definition Term |
<dd> | Definition Description |
<p></p> | Paragraf |
<br> | Ganti baris |
<hr> | Garis horizonta |
<center></center> | Menengahkan elemen |
Tabel
Tag | Deskripsi |
---|---|
<table></table> | Mengatur semua elemen table |
<tr></tr> | Membuat baris baru |
<td></td> | Membuat kolom |
<th></th> | Header(kepala tabel). Otomatis ke tengah dan tebal |
<tbody></tbody> | Format yang berlaku bagi cell yang diapit tag |
<colgroup></colgroup> | Format yang berlaku bagi kolom |
Tag Lainnya
Tag | Deskripsi |
---|---|
<form></form> | Mengatur elemen dari form |
<input type=> | Variasi dari tipe elemen input dalam form |
<select></select> | Membuat combo-box. Digunakan bersama dengan option |
<option> | |
<textarea></textarea> | Membuat Text Area untuk input text dengan length yang lebih besar dari input text. |
<fieldset></fieldse> | Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form |
<embed></embed> | Digunakan untuk memasukkan file video atau file musik |
<frameset></frameset> | Mendefinisikan satu set frame |
<marquee></marquee> | Membuat teks berjalan secara vertikal atau horisontal |
<blink></blink> | Membuat teks berkedip |
Berikut contoh penulisan HTML :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Belajar HTML</title> // Judul dari halaman web yang anda buat </head> <body> Belajar HTML</br> <i>Belajar HTML</i><br/> <b>Belajar HTML</b><br/> <u>Belajar HTML</u><br/> <h1>Belajar HTML<h1> <h2>Belajar HTML<h2> <h3>Belajar HTML<h3> <h4>Belajar HTML<h4> <h5>Belajar HTML<h5> <h6>Belajar HTML<h6> Belajar <sub>HTML</sub><br/> Belajar <sup>HTML</sup><br/> <font color="#1faced" size="7">Belajar HTML</font><br/> </body> </html>HASIL :
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTML
Belajar HTMLBelajar HTML
Belajar HTML
Belajar membuat form : buatlah dokumen baru kemudian ketikan script dibawah ini dan simpan dengan nama "belajar_form.html".
<html> <head> <title>Belajar HTML : Membuat Forms</title> </head> <body> <form action="html_form_action.asp" method="get" name="input"> First name <input name="firstname" type="text" /> //membuat textfield Last name <input name="lastname" type="text" /> //membuat textfield Password <input name="pwd" type="password" /> //membuat textfield Sex : <input name="sex" type="radio" value="male" /> Male //membuat radiobutton <input name="sex" type="radio" value="female" /> Female //membuat radiobutton Vehicle : <input name="vehicle" type="checkbox" value="Bike" /> Bike //membuat checkbox <input name="vehicle" type="checkbox" value="Car" /> Car //membuat checkbox tombol input <input type="submit" value="Submit" /> //membuat //membuat tombol / button </form> </body> </html>Hasil script diatas :
HTMLmerupakan dasar dari pembuatan sebuah website, pelajarilah HTML sebelum kalian mengenal dengan yang namanya CSS (Cascading Style Sheets) , PHP dan JavaScript. Belajarlah dengan tekun dan sampai bosan. Semangat :)
Belajar CSS (Cascading Style Sheets)
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda (Wikipedia)
Sebelum kalian mengenal CSS kalian harus mengenal yang namanya HTML terlebih dahulu, kalian dapat mempelajari HTML dipostingan saya sebelumnya Belajar HTML.
Ada beberapa cara yang digunakan untuk mengunakan css kedalam dokumen HTML yaitu:
Berikut properti-properti dalam css yang saya sajikan didalam tabel :b { color : #1faced; }Bagian pertama sebelum tanda '{}' dinamakan selector, sedangkan yang diapit oleh '{}' disebut declaration yang terdiri dari dua unsur, yaitu property dan value. Selector dalam pernyataan di atas adalah h1, sedangkan color adalah property, dan #1faced adalah value
Ada beberapa cara yang digunakan untuk mengunakan css kedalam dokumen HTML yaitu:
- Inline Style
Dilakukan dengan cara menambahkan atribute style=".." dalam tag HTML yang bersangkutan. - Header Style
Dilakukan dengan cara menambahkan tag <style media="screen" type="text/css"> pada bagian header tag HTML dan kemudian ditutup dengan tag penutup </style> - Exsternal Style Sheet
Membuat file baru dengan ekstensi .css dengan menuliskan Mark Up CSS untuk eksternal CSS yang nantinya ditempatkan di dalam HTML. Untuk menghubungkan HTML dengan CSS cukup menambahkan script <link rel="stylesheet" href="style.css" type="text/css"> pada bagian header tag HTML .
<html> <head> <title>Belajar CSS</title> </head> <body> <p style="color: #dddddd;">Belajar Menggunakan CSS</p> //warna <p style="font-weight: bold;">Belajar Menggunakan CSS</p> //huruf tebal <p style="font-size: 20px;">Belajar Menggunakan CSS</p> //ukuran huruf </body> </html>
<html> <head> <title>Belajar CSS</title> <style type="text/css"> <!-- disini script CSS dibuat --> h4{ color :#1faced; background: black; width :200px; text-align: center; } h2{ color :#dddddd; } </style> </head> <body> <h5>Belajar menggunakan CSS</h5> <h2>Belajar mengunakan CSS</h2> </body> </html>
<html> <head> <title>Belajar CSS</title> <link rel="stylesheet" href="style.css" type="text/css"> //Exsternal Style Sheet </head> <body> <table class="latihan" rowspan="0" colspan="0"> <tr> <th>Nama</th> <th>Alamat</th> </tr> <tr> <td>Heru Prayogo</td> <td>BK. 4 Buay Madang Timur</td> </tr> </tabel> </body> </html>Buat file baru dengan nama style.css
.latihan {border-collapse: collapse; width: 400px;} .latihan td {border: 1px solid #ddd ; padding-left: 20px; padding-right: 20px; height: 30px;} .latihan th {background: #ddd ; height: 30px; border: 1px solid #ddd ; text-align: center;}
Properti | Value | Deskripsi |
---|---|---|
background | Pemberian Warna latar | |
border | Pemberian garis tepi | |
border-collapse | Tipe border single | |
border-saparate | Tipe border terpisah | |
border-radius | Membuat lengkungan / rounded corners | |
box-shadow | Membuat bayangan / Shadow | |
color | Pemberian Warna | |
cursor | auto, default, none, context-menu, help, pointer, progress, wait, cell dll | Efek cursor |
font-color | Pemberian warna font | |
font-size | Ukuran huruf | |
font-weight | normal, bold, bolder, lighter | Ketebalan Huruf |
font-style | normal, italic, oblique | Style untuk huruf |
Margin | Memberi jarak bagian luar | |
Opacity | Mengatur kecerahan | |
Padding | Memberi jarak bagian dalam | |
Positon | statistic, relative, absolute, fixed, inherit | Pengaturan posisi elemen |
text-align | left, right, center, justify , inherit | Pengaturan tata letak text |
text-decoration | none, underline, line through, overline, blink | Menambahkan efek text |
text-shadow | Memberi efek bayangan pada text | |
z-index | Pengaturan urutan letak |
Penggunaan Class & Id
Dengan menggunakan class dan id kita dapat mendefinisikan selector secara lebih spesifik . Kemudian juga memiliki keuntungan, dimana kita dapat mengatur agar tag-tag HTML yang sama ditampilkan secara berbeda sesuai dengan class dan id yang digunakan. Nama untuk class selalu diawali dengan tanda titik (.) sedangkan untuk id selalu diawali dengan tanda (#).
<html> <head> <title>Belajar CSS</title> <style type="text/css"> #kotak { border: 1px solid #ddd; padding: 20px; background: #dddddd;" } .satu { color: #F58634; } .dua { color: green; } </style> </head> <body> <div id ="kotak"> <h1 class="satu" >Belajar menggunakan CSS</h1> <h2 class="dua" >Belajar mengunakan CSS</h2> </div> </body> </html>Hasil :
Pseudo Class
Apa itu pseudo class? pseudo class adalah atribut tambahan yang diberikan pada selector yang dipisahkan dengan tanda titik dua (:) .- Link
- Visited
- Hover
- Aktive
<html> <head> <title>Belajar CSS</title> <style type="text/css"> a:link { color : blue; } //kode ini mempunyai arti sebuah link akan berwarna biru a:visited { color : purple; } //Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna ungu a:hover { color : green; } //Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi hijau a:aktive { color : red; } //Sebuah link warna menjadi hijau apabila halam pada link aktive </style> </head> <body> <a href="#">Belajar CSS LINK</a> <a href="#">Belajar CSS Visited</a> <a href="#">Belajar CSS Hover</a> <a href="#">Belajar CSS Aktive</a> </body> </html>
Langganan:
Postingan (Atom)