Tuesday, September 20, 2011

Membuat Teks Italic dengan CSS

Posted by Unknown Posted on 5:04 PM No comments
Membuat Teks Italic dengan CSS - Membuat teks italic dapat pula dilakukan melalui style. Berikut ini cara penulisannya font-style : italic; Contoh:

<!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">
<head>
<title>CSS Guide</title>

<style type="text/css">
p {
font-family: arial;
font-style: italic;
}

</style>
</head>

<body>
<p>
Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1.
Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1.
Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1.
Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1.
Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1.
</p>
</body>
</html>

Style di atas akan menghasilkan teks paragraf yang berjenis font arial dan italic.

Membuat Teks Italic dengan CSS


Read More

Toturial CSS (Style Untuk Font Family)

Posted by Unknown Posted on 4:53 PM No comments
Toturial CSS (Style Untuk Font Family) - Font family digunakan untuk menentukan jenis huruf/font pada suatu tampilan teks. Berikut ini adalah nama properti dan penulisan valuenya:

font-family: name;

dengan name adalah jenis font yang Anda inginkan. Contoh:

p {
font-family: arial;
}

Anda juga dapat memberikan jenis font lebih dari satu yang dipisahkan dengan koma.
Contoh:


p {
font-family : "arial black", arial, "Times New Roman";
}

Maksud dari style di atas adalah bahwa jenis font arial black akan diprioritaskan untuk digunakan. Namun apabila font tersebut tidak disupport oleh browser maka yang digunakan arial, begitu seterusnya. Sebagai catatan, untuk jenis font yang terdiri dari lebih satu kata harus diapit dengan tanda petik ganda (double quotes).

Read More

Monday, September 19, 2011

Download Smadav Pro Key 8.6 Serial Number

Posted by Unknown Posted on 8:20 PM No comments
Avast Free Edition 7.0.1407 + License key
Pada Smadav 8.6: Terdapat Penambahan database 100 virus baru, Juga adanya Penyempurnaan fitur Smadav-Updater, Pendeteksian khusus untuk virus Ramnit, Sality, & OneLetter yang menyebar via USB Flash Disk, dsb. Selengkapnya silakan download disini smadav 8.6.



Cara Mendapatkan Smadav 8.6 Pro: Sebelumnya, Saya menyarankan anda semua untuk tetap memberikan donasi kepada SMADAV, supaya menjadi antivirus yang lebih baik. Serial pro key ini saya berikan hanya untuk kepentingan pribadi saja dan tidak di jual belikan OK.

Download Smadav 8.6 yang ada diatas, ketika mengisi key pro smadav diusahakan untuk dalam keadaan Offline alias internet dimatikan dulu. Jika sobat telah terkena BLACKLIST smadav 8.6, caranya begini:
Kolom Nama : anti-bajakan
Key : dikosongkan


Setelah blacklist hilang lalu isi:

Untuk Personal
Nama : MW
Key : 085200547400

Untuk Warnet
Nama : MW
Key : 775277547400

Untuk Perusahaan
Nama : MW
Key : 995299547400
Semoga berhasil ya. Thanks untuk admin blog ini :)
Read More

Saturday, September 17, 2011

Membuat CSS Eksternal

Posted by Unknown Posted on 11:46 PM No comments
Pada  contoh-contoh  sebelumnya,  jenis  CSS  yang dibuat  adalah  CSS  internal  karena ditulis jadi satu dengan code (X)HTML nya. Perhatikan kembali contoh berikut ini

<!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">
<head>
<title>CSS  Guide</title>
<style  type="text/css">
p  {
color:  #FFFFFF;
font-family:  arial;
    background:  #FF0000;
    font-weight:  bold;
 }
p.group  {
color:  #FF0000;    /*  membuat  warna  text  putih  */
font-family:  arial;
background:  #FFFFFF;  /*  membuat  background  putih  */
}
p#one  {
color:  blue;
font-family:  "times  new  roman";
}
</style>
</head>
<body>

<p>Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1. Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.  </p>

<p  class="group">Ini  adalah  paragraf    2.  Ini  adalah  paragraf    2.  Ini adalah  paragraf  2.  Ini  adalah  paragraf  2.  Ini  adalah  paragraf  2.  </p> <p  class="group"  id="one">Ini  adalah  paragraf  3.  Ini  adalah  paragraf  3. Ini  adalah  paragraf    3.  Ini  adalah  paragraf    3.  Ini  adalah  paragraf    3.
</p>
</body>
</html>
Anda dapat menaruh CSS yang ada dalam code di atas ke dalam file tertentu, dengan harapan file CSS itu dapat digunakan oleh halaman web yang lain. File CSS inilah yang disebut CSS eksternal yang memiliki file extension .css
Sebagai contoh, misalnya style di atas kita simpan ke dalam file style.css

style.css

p  {
color:  #FFFFFF;
font-family:  arial;
    background:  #FF0000;
    font-weight:  bold;
 }
p.group  {
color:  #FF0000;    /*  membuat  warna  text  putih  */
font-family:  arial;
background:  #FFFFFF;  /*  membuat  background  putih  */
}
p#one  {
color:  blue;
font-family:  "times  new  roman";
}
Lantas  bagaimana cara mengintegrasikan style.css tersebut ke halaman web yang kita buat? Caranya adalah dengan memberikan perintah
<link  rel="stylesheet"  type="text/css"  href="style.css"  /> pada bagian header halaman web.

<!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">
<head>
<title>CSS  Guide</title>
<link  rel="stylesheet"  type="text/css"  href="style.css"  />

</head>
<body>
<p>Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1. Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.  </p>

<p  class="group">Ini  adalah  paragraf    2.  Ini  adalah  paragraf    2.  Ini adalah  paragraf  2.  Ini  adalah  paragraf  2.  Ini  adalah  paragraf  2.  </p> <p  class="group"  id="one">Ini  adalah  paragraf  3.  Ini  adalah  paragraf  3. Ini  adalah  paragraf    3.  Ini  adalah  paragraf    3.  Ini  adalah  paragraf    3.
</p>
</body>
</html>

Dengan konsep ini, Anda dapat menggunakan CSS eksternal yang berasal dari situs web lain untuk mengatur style halaman web Anda, dengan cara menambahkan URL secara lengkap pada atribut href nya.

<link  rel="stylesheet"  type="text/css"  href="http://.../style.css"  />
Read More

Sejarah Penemuan dan Pengertian HTML

Posted by Unknown Posted on 10:33 PM 1 comment
Diawal tahun 80-an, ketika IBM masih menjadi penentu standard utama dunia komputer dan sistem informasi, IBM memiliki suatu ide yang cenderung tersebut berdasarkan pada pengetahuan bahwa setiap dokumen mempunyai ciri-ciri umum,seperti judul,alamat, isi, dan elemen - elemen lain yang sangat mirip dari satu dokumen ke dokumen lainnya.

IBM memikirkan pembuatan suatu sistem dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. Dengan cara ini, penampilan dan pencetakan dokumen tidak akan banyak bergantung pada jenis hardware tertentu, sekalipun sitem seperti ini memerlukan suatu software untuk menampilkan atau mencetak dokumen-dokumen tersebut. IBM kemudian mengembangkan suatu jenis bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menambahkan sistem ini dengan Markup Language. IBM menamakan sistemini dengan Generalizes Markup Language (GML). Setelah itu pada tahun 1986 ISO (International Standard Organization) menyatakan bahwa markup language sebagai standard untuk pembuatan dokumen - dokumen dan memberinya nama SGML(Standard Generalized Markup Language) dan akhirnya sekarang bahasa ini dikenal HTML .

HTML(HyperText Markup Language) adalah suatu format data yang digunakan untuk membuat dokumen HyperText yang dapat dibaca dari satu platform ke platform lainnya tanpa memalakukan suatu perubahan
apapun.Dokumen HTML sebenarnya suatu dokumen teks biasa, sehingga di platform apapun dokumen tersebut dapat dibaca. Dokumen HTML disebut Markup Language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen.Misalnya  anda dapat menentukan dimana suatu hambar harus ditempatkan dan jenis pemformatan apa yang berlaku pada suatu kumpulan teks tertentu. Anda bahkan dapat juaga membuat tabel,form ataupun dokumen dengan bingkai - bingka didalamnya dengan menggunakn tanda - tanda HTML.






Read More

Lebih Lanjut Tentang Value

Posted by Unknown Posted on 9:59 PM No comments
Pada bab ini akan dijelaskan lebih lanjut tentang aturan penulisan value dari properti yang diberikan.

Terdapat beberapa jenis value yang dapat berikan pada properti style, antara lain berupa predefined value, bilangan, prosentase, url, dan juga warna.

Predefined Value

Predefined value merupakan nilai yang sudah terdefinisikan oleh (X)HTML. Nilai ini dapat dipilih dari beberapa alternatif pilihan yang ada. Contoh penggunaan predefined value ini adalah pada style berikut

h1 {
font-style : italic;
}

Style di atas digunakan untuk membuat text miring pada elemen heading 1. Dalam hal ini value 'italic' merupakan predefined value. Untuk properti font-style terdapat pilihan value yang telah didefinisikan oleh (X)HTML yaitu italic, normal, dan oblique. Perhatikan bahwa predefined value ditulis tanpa diapit tanda petik.

Bilangan

Suatu value dapat pula berupa bilangan tertentu (tanpa satuan apapun). Berikut ini contohnya:

p {
line-height : 2;
}

Maksud style di atas adalah mengatur jarak antar baris paragraf menjadi 2 kali dari ukuran fontnya.

Panjang, Besar dan Presentase

Untuk menyatakan panjang, besar dan prosentase, value harus diberikan satuan seperti px (pixel), in (inch), cm (centimeter), mm (milimeter), pt (points) dan pc (picas). Berikut ini beberapa contohnya

h1 {
font-size : 20px; /* membuat ukuran font 20 pixel */
}

hr {
width : 20%; /* membuat garis horizontal dengan panjang 20% terhadap lebar jendela browser /*
}


URL

Sebuah value juga dapat berupa URL. Berikut ini contohnya

body
{
background : url(img/image.jpg);
}
Style di atas untuk memberi background image pada body yang diambil dari folder img dengan nama file image.jpg.

Warna

Untuk memberi value berupa warna pada properti, ada beberapa cara yang dapat dilakukan yaitu dengan menuliskan secara eksplisit warna yang diinginkan, misal (red, green, yellow, dll) atau dengan menuliskannya dalam kode hexadesimal. Berikut ini contohnya

p
{
color : red;
}

p
{
color : #FF0000; /* identik dengan warna merah (hexadesimal)
}

Read More

Thursday, September 8, 2011

Mendapatkan google adsense dalam waktu 6 jam

Posted by Unknown Posted on 9:37 AM 1 comment
Banyak pemilik website terutama yang pemula ingin sekali mempunyai google adsense Account. Namun banyak sekali yang mendaftarkan dengan cara keliru sehingga tidak kunjungan mendapatkan persetujuan dari Google untuk memasang google adsense di websitenya.

Google Adsense sangat diperlukan oleh website karena dengan adanya Google Adsense, maka akan membuka kemungkinan kesempatan untuk mendapatkan uang dari PPC (Pay Per Click). google adsense dapat menjadi sumber uang pasif bagi pemilik website.

Di sini saya akan menerangkan teknik jitu yang juga telah banyak dipakai oleh webmaster untuk mendapatkan kode adsense dari Google Adsense dengan cepat. Bahkan dalam waktu kurang dari 6 jam, anda sudah mendapatkan akun adsense.

Namun sebelumya website anda haruslah sudah mempunyai traffic dan contentnya ditulis dalam bahasa Inggeris. Jadi jika website anda belum bagus dan tidak ada pengunjungnya. maka anda harus melakukan teknik SEO terhadap website anda sampai website anda itu mempunyai traffic pengunjung minimal 50 visitors per hari. Maka ada kemungkinan besar website anda sudah dapat menhasilkan dollar ke rekening anda.

Ada banyak cara untuk mendaftarkan diri ke Google Adsense. Anda bisa langsung menuju ke websitenya yaitu situs http://google.com/adsense dan melakukan pendaftaran. Atau anda menggunakan sebuah trik yang menurut saya cukup cepat dan kemungkinan diterimanya adalah 99%.

Daftar Adsense Menggunakan DocStoc

Cara ini menurut saya cukup mudah dan paling cepat. Banyak yang sudah mencobanya sudah mampu mendapatkan akun Adsense halaman dalam waktu 6 jam saja.

Docstocs.com adalah sebuah website yang berpartner dengan Google Adsense sehinnga lebih terpercaya. Dan hebatnya Docstocs memberikan fasilitas untuk mendaftarkan anda ke Google Adsense. Namun resikonya adalah anda harus berbagai dengan Docstocs untuk setiap pendapatan yang anda peroleh. Pembagiannya adalah 50/50. Hal ini tidak adalah karena nantinya anda akan mencari uang lewat website anda dan bukan lewat website Docstoc.

Menyiapkan Dokumen

Carilah artikel berbahasa Inggeris di Ezine Article. Kemudian lakukan copy paste dokumen di MS Word. Lalu lakukan editing sehingga artikel tersebut menjadi unique dan cukup panjang. Upload-lah artikel ini di Docstocs. Kemudian buatlah profile anda selengkap mungkin.

Mendaftar ke Docstocs.com

Pertama, anda harus sudah punya akun Gmail. Buat akun Google di http://www.gmail.com dan buatlah akun Gmail. Setelah punya akun Gmail, maka daftarkan diri anda ke http://www.docstoc.com/doccash/join.

Pilihan opsi pertama yaitu I’d like to set up an AdSense account. Lalu masukkan alamat Gmail anda. Kemudian klik tombol Submit.




2. Berikutnya anda perlu mengisi beberapa form pendaftaran.



3. Setelah mengisi data, centang I agree to the terms and conditions . Lalu klik tombol Register. Setelah itu tunggulah email konfirmasi dari docstoc yang berisi username dan password anda. Simpanlah username dan password baik-baik.

4. Anda kembali ke halaman sebelumnya. Klik Submit saja, maka system akan secara otomatis mendaftarkan anda ke Google Adsense.


5. Sekarang buka email anda yang berasal dari Google Adsense. Lalu klik link konfirmasi.

6. Setelah mengklik link konfirmasi, maka tampil halaman Adsense Account dan anda sekarang harus membuat Adsense Account.

Ada 5 tahapan yaitu :

a. Choose your login

b. Provide account information

c. Review

d. View Terms and Conditions

e. Account created



7. Centang pilihan pertama yaitu :

Which best describes you?

I have an email address and password (Google Account) I already use with Google services like AdWords, Gmail, Orkut, or the personalized home page.

8. Centang pilihan pertama.

Would you like to use your existing Google Account for AdSense?

Yes, I’d like to use my existing Google Account for AdSense.

9. lalu klik Sign into Google account.




10. Klik tombol Sign in. Maka anda akan menuju ke halaman Create Adsense Account. Isikan semua data yang diminta.




11. Bila semua sudah diisi, klik tombol Submit Information.





12. Anda diminta untuk memastikan kembali data yang anda buat. Bila ada data yang salah, klik tombol Edit Account Information. Bila sudah yakin benar, klik tombol Continue.

13. Tampil halaman Syarat dan Ketentuan Google Adsense Account. Baca baik-baik persyaratan ini. Bila sudah, beri tanda centang lalu klik tombol I Accept.





14. Tampil halaman konfirmasi bahwa pendaftaran anda diterima. Dan anda diminta menunggu konfirmasi dari Google dalam hitungan hari dan minggu. Bisa juga ditolak.




15. Biasanya paling lambat keesokannya harinya anda sudah mendapatkan akun Google Adsense. Cek segera akun Gmail anda dan dapatkam akun Google Adsense.
Read More

Wednesday, September 7, 2011

Lebih Lanjut Tentang Selector

Posted by Unknown Posted on 8:43 PM 1 comment
Dalam CSS, terdapat cascade yang merupakan metode untuk mengatur style supaya tidak terjadi konflik. Untuk lebih jelasnya perhatikan contoh berikut ini.

<title>CSS Guide</title>
<style type="text/css">

p {
color: red;
}

em {
color: green;
}
</style>

<h1> Ini adalah heading 1</h1>
Ini adalah paragraf.Ini adalah paragraf. Ini adalah paragraf.Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. <i>Ini adalah huruf dicetak miring </i>. Ini adalah paragraf. Ini adalah paragraf.Ini adalah paragraf. Ini adalah paragraf.
<h1><em>Ini adalah heading 1</em></h1> Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. <em>Ini adalah huruf dicetak miring</em>. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf.

</body>
</html>

Pada code di atas terdapat style untuk mengatur tampilan elemen paragraf (<p>) dan untuk emphasize atau <i> (cetak miring seperti halnya italic). Perhatikan apa yang terjadi dengan tampilannya di browser




Dengan Anda mendeklarasikan style warna hijau untuk elemen <em>, maka style tersebut akan berlaku untuk setiap elemen tersebut (termasuk pada bagian heading). Tentu saja hal ini membuat tampilan halaman web tidak bagus, karena style heading menjadi tidak konsisten (terdapat heading yang berwarna hijau). Lantas.. bagaimana cara mengatur style supaya warna hijau hanya berlaku untuk emphasize yang terletak di dalam paragraf saja? Untuk itu Anda harus mengubah deklarasi stylenya menjadi seperti berikut

<style type="text/css">
p {
color: red;
}
p em {
color: green;
}
</style>

Maksud dari code yang bercetak merah tersebut adalah bahwa style warna hijau diterapkan pada elemen emphasize <em> yang berada di dalam elemen paragraf <p>.

Hasil tampilan setelah menggunakan style yang telah dimodifikasi tersebut adalah:


Selector Dengan Class dan Nama ID

Class dapat digunakan untuk mengelompokkan beberapa elemen supaya memiliki style sama. Secara umum sintaks style untuk class tertentu adalah sbb:

.namaKelas {
properti1 : value1;
properti2 : value2;

}
Contoh:

<!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">
<head>
<title>CSS Guide</title>

<style type="text/css">
.inputText {
color: #FFFFFF; 
font-family: arial;
background: #FF0000; /* membuat background merah */
font-weight: bold;  /* membuat text bold */
}

</style>
</head>
<body>
<form name="form1">
Nama Anda <br />



<input type="text" name="alamat" class="inputText" /><br /><br /> Alamat Anda <br />
<textarea class="inputText"></textarea><br /><br />
<input type="submit" name="submit" value="Submit" /> </form>
</body>
</html>

Hasilnya adalah sebagai berikut:



Style juga dapat digunakan untuk mengatur tampilan elemen dengan id tertentu. Berikut ini adalah contohnya:

<!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">
<head>
<title>CSS Guide</title>

<style type="text/css">

p {

color: #FFFFFF; /* membuat warna text putih */
font-family: arial;
background: #FF0000; /* membuat background merah */
font-weight: bold;
}
p.group {
color: #FF0000; /* membuat warna text putih */
font-family: arial;
background: #FFFFFF; /* membuat background putih */

}

p#one {
color: blue;
font-family: "times new roman";
}

</style>

</head>
<body>
<p>Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1. </p> <p class="group">Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. </p> <p class="group" id="one">Ini adalah paragraf 3. Ini adalah paragraf 3.

Ini adalah paragraf 3. Ini adalah paragraf
</p>
</body>
</html>

Perhatikan hasil tampilan dari code di atas berikut ini:




Pada tampilan di atas, tampak bahwa perintah

p {

}
digunakan untuk mengatur style pada elemen <p>. Sedangkan perintah

p.group {


}
digunakan untuk mengatur style hanya pada <p> yang memiliki class bernama group dan perintah

p#one {


}

berfungsi untuk mengatur style pada <p> yang memiliki id bernama one. Meskipun pada contoh ini, terdapat elemen <p class="group" id="one">, namun style pada elemen ini mengikuti p#one, bukannya p.group karena nama id lebih diprioritaskan daripada class.

Lantas bagaimana dengan tampilan dengan style berikut ini

<style type="text/css">

p {
color: black;
}
p.group {
color: red;
}
.group {
color: blue;
}
#group {
color: green;
}

</style>


yang diterapkan pada tag berikut?

<p>Ini adalah paragraf 1. Ini adalah paragraf 1. Ini adalah paragraf 1.Ini adalah paragraf 1. Ini adalah paragraf 1. </p>
<p class="group">Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. </p>
<div class="group">Ini adalah paragraf 3. Ini adalah paragraf 3. Ini adalah paragraf 3. Ini adalah paragraf 3. Ini adalah paragraf 3. </div>

<div id="group">Ini adalah paragraf 4. Ini adalah paragraf 4. Ini adalah paragraf 4. Ini adalah paragraf 4.Ini adalah paragraf 4. </div>

Apabila Anda dapat menjawab pertanyaan di atas, maka Anda sudah menguasai dasardasar CSS awal ini khususnya pada masalah selector. Menurut analisis saya, untuk paragraf pertama akan memiliki warna hitam, paragraf ke dua berwarna merah, paragraf ke tiga akan berwarna biru dan paragraf ke empat akan berwarna hijau. Mari kita lihat hasil tampilannya:


Berikut ini penjelasannya:
Style berikut akan diterapkan pada elemen <p>

p {
color: black;
}
Sedangkan style berikut hanya akan diterapkan pada elemen <p> yang memiliki class
bernama group.

p.group {
color: red;
}

Selanjutnya untuk style berikut ini akan diterapkan pada elemen yang memiliki class
bernama group.
.group {
color: blue;
}
Perhatikan tampilan gambar di atas, bahwa untuk <p class="group"> tidak akan terpengaruh karena elemen tersebut sudah memiliki style sendiri yaitu p.group. Apabila style p.group tidak ada, maka elemen <p class="group"> akan terpengaruh style .group (text akan menjadi merah) Suatu style juga dapat ditulis sebagai berikut
#group {
color: green;
}

Style tersebut hanya akan mengatur tampilan pada elemen yang memiliki id bernama
group.

Read More

Tuesday, September 6, 2011

Struktur Style di CSS

Posted by Unknown Posted on 7:12 PM No comments
Style pada CSS memiliki struktur sebagai berikut



Selector digunakan untuk menentukan pada elemen apa style tersebut diterapkan. Selector dapat berupa nama id elemen atau nama class. Bagian deklarasi menerangkan style yang akan dibuat. Bagian ini terdiri dari properti dan value. Properti dapat diisi dengan jenis warna, ukuran, perataan margin dll, sedangkan value diisi dengan nilai dari propertinya, misalnya red untuk warna dll. Setiap akhir penulisan properti dan value harus diakhiri dengan tanda titik koma (semicolon). Tanda ini juga digunakan sebagai pemisah antar satu properti dengan properti lain.
Apabila Anda lupa memberikan tanda titik koma, maka style tersebut tidak akan dijalankan oleh browser.
Mungkin Anda bertanya, bagaimana jika kita akan membuat style untuk beberapa elemen yang berbeda namun stylenya sama? Misalkan kita akan membuat style untuk elemen h1, h2, h3 namun memiliki style yang sama. Berikut ini adalah sintaksnya:

h1, h2, h3 { properti1 : value1;
properti2 : value2;
properti3 : value3;
}

Sekian terima kasih..
Read More

Pengertian CSS (Cascade Style Sheet)

Posted by Unknown Posted on 6:37 PM No comments
CSS yang memiliki kepanjangan Cascade Style Sheet ini digunakan para web designer untuk mengatur style elemen yang ada dalam halaman web mereka, mulai dari memformat text, sampai pada memformat layout. Tujuan dari penggunaan CSS ini adalah supaya diperoleh suatu kekonsistenan style pada elemen tertentu.
Perkembangan CSS sendiri diawali pada tahun 1996, dimana W3C (World Wide Web Consortium), sebuah konsorsium untuk standarisasi web, menyusun draft proposal untuk membuat CSS ini dan akhirnya dapat berjalan. Selanjutnya pada pertengahan tahun 1998, W3C mengembangkan CSS2 yang diperbarui untuk kepentingan media lain (tidak hanya untuk PC web browser). Akhirnya mulai pada tahun 2000, telah dikembangkan CSS3 oleh W3C yang sampai saat ini masih terus diperbarui lagi.

Namun pada saat ini, hanya CSS2 yang masih didukung oleh kebanyakan web browser, tapi tidak demikian halnya untuk CSS3. Masih sedikit web browser yang mendukung CSS3. Oleh karena itu pada tutorial ini hanya akan dibahas mengenai CSS2 saja.

Keuntungan Penggunaan CSS

Dengan menggunakan CSS, Anda (sebagai webmaster) akan lebih mudah untuk mengatur style elemen dalam halaman web Anda. Sebagai contoh, misalnya untuk mengatur style elemen heading, Anda menginginkan jenis font nya adalah Arial, 20 pixel dan berwarna merah. Dengan CSS, Anda cukup menuliskan properti dari elemen heading tersebut sekali saja, dan Anda akan memperoleh hasil yang diinginkan. Bandingkan apabila tidak menggunakan CSS, Anda akan mengatur style pada setiap elemen heading yang ada. Tentu saja hal ini akan sangat merepotkan. Perhatikan contoh berikut ini



<!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">
<head>
<title>CSS Guide</title>

<style type="text/css">
h1 {
color: red;
font-family: "arial";
}
</style>
</head>
<body>

<h1>Ini adalah heading 1</h1>
<p>Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. </p>

<h1>Ini adalah heading 1</h1>
<p>Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. </p>
<h1>Ini adalah heading 1</h1>
<p>Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. </p>

</body>
</html>

Code diatas akan menghasilkan tampilan sebagai berikut ini :

Perhatikan code sebelumnya! Untuk mengatur style elemen heading 1 (h1) cukup menuliskannya pada CSS sekali saja. Bandingkan apabila Anda tidak menggunakan CSS, maka codenya akan berbentuk seperti berikut untuk mendapatkan hasil yang sama.

<!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">

<head>
<title>CSS Guide</title>

</head>
<body>
<h1><font face="arial" color="red">Ini adalah heading 1</font></h1>
<p>Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. </p>

<h1><font face="arial" color="red">Ini adalah heading 1</font></h1>
<p>Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. </p>
<h1><font face="arial" color="red">Ini adalah heading 1</font></h1>
<p>Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. Ini adalah paragraf. </p>

</body>
</html>


Anda akan menuliskan style pada setiap elemen heading 1 yang dibuat. Tentu hal ini akan merepotkan. Apalagi suatu saat Anda bermaksud untuk mengubah style nya, maka Anda akan mengubahnya satu-persatu. Sangat-sangat merepotkan.

Selain itu, dengan CSS akan diperoleh suatu kekonsistenan style. Anda tentu dapat merasakan keuntungan ini, dibandingkan dengan tanpa adanya CSS yang kemungkinan besar ketidakkonsistenan akan terjadi. Hal ini dikarenakan style hanya dituliskan sekali, tidak seperti dengan tanpa CSS yang ditulis style berulang kali. Meskipun Anda masih bisa mengandalkan copy and paste… masih saja ada peluang terjadinya ketidakkonsistenan.

Read More

Sunday, September 4, 2011

Pengertian SEO(Search Engine Optimization)

Posted by Unknown Posted on 8:32 PM No comments
Ada beberapa pemahaman tentang definisi SEO tapi dari sekian banyak itu intinya tetap sama saja SEO (Search Engine Optimization) merupakan sebuah metode / cara agar Search Engine selalu mengindex website kita diinternet agar setiap proses pencarian dengan keyword melalui search engine dapat ditampilkan pada halaman utama. Bahkan ada yang menyatakan bahwa SEO adalah proses yang sangat khusus dalam membangun sebuah website yang berhasil alasannya karena sebuah website komersial tidak dikatakan berhasil jika tidak dapat ditemukan dalam Search Engine Utama ini adalah tugas dan tantangan webmaster untuk mengoptimalkan sebuah website dengan cara memperbaiki struktur tag-tag HTML tertentu pada halaman web.

Sebuah alasan yang sangat masuk akal karena bagaimana mungkin mendatangkan pengunjung, meningkatkan traffic dan mendapatkan Page Ranking pada Website Jika halaman-halaman kita tidak dapat ditemukan dalam mesin pencari utama seperti Google, Yahoo, MSN Live Search dll.

Pada kenyataannya bahwa hampir 90 % pengunjung-pengunjung baru menemukan sebuah website dari hasil Search Engine dan Search Directory dengan keyword tertentu, nah disinilah menariknya belajar seo karena mereka datang dengan keyword atau key phrase tertentu sehingga dapat menemukan situs yang relevan dengan kata kunci yang diketikkan.

Sebagai seorang internet marketer pemahaman tentang SEO merupakan salah satu skilll yang dibutuhkan dalam memasarkan produk / jasa. Karena kebanyakan pengunjung dalam mencari info selalu menggunakan search engine dengan memanfaatkan kata kunci dengan harapan mendapatkan info yang relevan. Jadi untuk promosi website, SEO adalah cara yang efektif untuk meningkatkan Traffic. yang nantinya akan memberikan banyak pengunjung dan dengan semakin banyaknya pengunjung maka diharapkan akan banyak penjualan yang terjadi melalui rekomendasi web kita.
Dari definisi SEO diatas maka dapat diketahui apa fungsi & tujuannya :
  • Menaikkan pageranking sebuah website agar selalu terindex pada search engine

  • sehingga dapat ditampilkan dihalaman utama

  • Mendatangkan trafik / pengunjung ke website melalui Search Engine

  • Membantu meningkatkan pencapaian target penjualan melalui Rekomendasi web

  • Meminimalkan biaya pemasaran online

Read More

10 Langkah Menjadi Pegusaha Sukses

Posted by Unknown Posted on 12:34 AM No comments
10 Langkah Menjadi Pegusaha Sukses
10 Langkah Menjadi Pegusaha Sukses - Halo para calon wirausaha. Sedang mencari info peluang usaha yang modalnya kecil? yang resiko kecil juga? Semoga artikel ini bisa memberikan inspirasi bisnis bagi pemirsa. Kalo ngomong soal usaha, banyakan dari kita pasti berpikir soal modal uang. Nah, sebetulnya modal bukan hanya uang. Kalo orang Jepang bilang, modal uang bukanlah modal yang pertama untuk memulai bisnis. Tapi Sebelumnya yang lebih penting adalah langkah / step-step yang dibangun untuk menjadi pengusaha sukses. Berikut ini langkah -langkahnya :

STEP 1, Mulailah dari Sebuah Mimpi

Mulailah dari sebuah mimpi, impian dapat berupa harta benda, jabatan, kesejahteraan atau kekayaan yang berlimpah. Kemudian pupuklah mimpi itu sehingga anda menemukan jalan mana yang harus anda tempuh untuk mencapainya. Ketika anda meneumukan jalan atau cara untuk mencapainya kenalilah jalan itu dengan baik sehingga anda dapat mencintai dan meyakininya bahwa itulah jalan yang harus anda lalui untuk mencapai mimpi anda. Keyakinan tersebutlah yang memperteguh hati anda untuk tetap memperjuangkannya apapun rintangannya.

STEP 2, Jalani Prosesnya

Setelah anda menemukan jalan atau cara untuk mencapai mimpi anda jalani prosesnya, lakukan action, mulai dari apa yang bisa anda lakukan, diperjalanannya kita akan belajar bagaimana menghadapi setiap masalah bisnis yang kita hadapi, apakah masalah modal, mengelola orang, produk yang inovatif dengan sendirinya seiring dengan perjalanan waktu asal kita konsisten kita akan menemukan jalan keluarnya dan menjadikan kita sebagai pemenang.

STEP 3, Tetap Menambah Ilmu atau Belajar Bisnis dari Orang – Orang Sukses.

Jangan lupa bahwa setiap jenjang yang kita lalui pasti ada ujiannya maka tetaplah menambah ilmu bisnis dari orang – orang yang telah sukses bisnis baik melalui pergaulan, buku – buku maupun seminar – seminar

STEP 4, Lakukan Tindakan Bisnis walaupun Berat resikonya

Ketika kita meyakini suatu jalan bisnis maka lakukanlah tindakan walaupun berat resikonya, karena dari tindakan itulah akan tercipta ke ajaiban, keajaiban datang karena kita mengundangnya, dia tidak datang kepada orang yang berdiam diri. Inilah yang membedakan seorang entrepreneur dengan manager, seorang entrepreneur berani mengambil resiko sedangka seorang manager hanya mampu mengambil tindakan yang semestinya dilakukannya.

STEP 5, Membuka Diri untuk Menerima Masukan Orang Lain

Ketika kita meyakini sesuatu jangan membuat kita menutup diri menerima masukan dari orang lain, dengarkan orang lain dengan baik, analisa, pikirkan dan lakukan tindakan sesuai dengan hati nurani anda, jangan tolak mentah –menetah masukan orang lain walaupun berbeda dengan prinsip anda

STEP 6, lakukan Penjualan lebih Banyak dengan Mengetahui Siapa Target Pelanggan Anda

Identifikasi siapa saja yang butuh produk anda, kemudian pikirkan bagaimana cara mencapai pelanggan tersebut, apakah dengan cara beriklan, dengan cara layanan antar ke alamat, meningkatkan mutu layanan, memberikan bonus, memberikan reward, memberikan kompensasi dll.

STEP 7, Bekerjalah Lebih Giat dari Pesaing Anda

Entrepreneur sejati akan berusaha semasimal mungkin untuk menggapai impian bisnisnya, dia mampu bekerja tidak mengenal waktu dan otaknya selalu berfikir bagaimana memajukan bisnisnya

STEP 8, Bangunlah Hubungan Baik Dengan Lebih Banyak Orang.

Tidak sedikit orang yang mau bayar lebih mahal asalkan mereka merasa diperlakukan dengan baik dan mereka merasa ada keterikatan batin dengan kita

STEP 9, Tetap Fokus Pada Tujuan Anda

Hadapi setiap rintangan bisnis anda, jangan sampai rintangan mengalihkan perhatian anda untuk memulai sesuatu yang baru, sehingga anda meninggalkan sesuatu yang telah anda jalani. Intinya setiap usaha ada peluangnya, yang membedakan hanyalah bagaimana kita melakukannya.

STEP 10, Jangan Lupa Berdo’a dan Bersedekah

Karena do’a dan sedekah adalah cara untuk mendapatkan pertolongan Allah Swt.

Semoga artikel ini bermanfaat Semoga Kita Semua Menjadi Entrepreneur Sukses.
Read More

Menikah Muda Memicu Gangguan Mental Pada Wanita

Posted by Unknown Posted on 12:04 AM No comments
Di perkotaan, pernikahan di usia muda sudah jarang ditemukan. Namun di daerah pinggiran atau pedesaan, wanita menikah di usia sangat muda masih jamak terjadi. Peneliti menemukan, pernikahan di usia muda berefek negatif pada kesehatan mental wanita di masa depan.

Artikel dalam jurnal Pediatrics menyebut, wanita yang menikah di bawah usia 18 tahun lebih mungkin mengalami masalah kesehatan mental, termasuk gangguan depresi, kecemasan dan bipolar. Mereka juga lebih cenderung mengalami ketergantungan pada alkohol, obat-obatan dan nikotin.

Dr Yann Le Strat, penulis utama studi tersebut, mengatakan pernikahan merupakan beban besar di usia yang tergolong kanak-kanak. "Menikah di usia muda, potensi gangguan mental meningkat 41 persen. Pernikahan di usia kanak-kanak menimbulkan trauma psikologis besar," katanya kepada The Huffington Post.

Untuk mencapai kesimpulan tersebut, peneliti mengandalkan wawancara lebih dari 18.000 wanita dalam Survei Epidemiologi Nasional Alkohol. Mereka menemukan, perkawinan usia anak dikaitkan dengan penduduk asli, tingkat pendidikan dan pendapatan rendah dan tinggal di daerah pedesaan.

Namun studi ini tidak menyelidiki mengapa perkawinan anak memengaruhi kesehatan mental anak. "Pendapat saya, menikah sesuatu yang indah bagi orang dewasa, dan ini merupakan pilihan penting," katanya.

"Tapi pernikahan di usia masih kanak atau remaja--bahkan di negara maju seperti AS-- berhubungan dengan tekanan keluarga dan pemaksaan seksual oleh suami sama seperti yang terjadi di negara berkembang."

Pengantin wanita yang masih belia sangat rentan dan membutuhkan lebih banyak perhatian dan perawatan mental.

Penulis penelitian mengakui, adanya keterbatasan 'konteks sosial' dalam perkawinan anak yang tidak memperhitungkan faktor seperti pilihan sendiri, hamil di luar nikah, keagamaan atau tekanan keluarga.

Perlu studi lebih lanjut untuk mengetahui faktor apa yang berkorelasi terhadap gangguan mental pada pernikahan di usia dini. "Diperlukan studi lanjutan yang menganalisis wanita selama bertahun-tahun sejak remaja untuk mengetahui seputar hubungan mereka.
Read More

Saturday, September 3, 2011

Cara Mendaftarkan Blog ke Yahoo

Posted by Unknown Posted on 6:49 PM No comments
Tulisan ini masih merupakan tingkat pemula bagi Anda yang baru belajar. Dalam artikel ini saya akan memberikan tutorial bagaimana caranya agar blog Anda dapat terdaftar di Yahoo Search.

Sama halnya dengan Google, maka Yahoo-pun menganut lokalisasi bahasa Indonesia. Saran saya gunakan Yahoo Indonesia yang beralamat di http://siteexplorer.search.yahoo.com/id/free/submit.

Langkah Mendaftar di Yahoo Search
Pastikan Anda telah masuk-log atau login sebelum menggunakan layanan ini. Siapkan data blog Anda, lalu buka alamat di atas, tampilan Yahoo Site Explorer akan tampil seperti gambar di bawah ini:


Anda hanya cukup membutuhkan satu account yahoo untuk mendaftarkan banyak blog milik Anda. Jangan pernah mendaftarkan blog milik orang lain yang tidak dikenal karena tidak akan pernah berhasil. Hal ini disebabkan Anda wajib mengkonfirmasi kepemilikan blog tersebut pasca mendaftarkan blog-blog tersebut.


Jika belum login maka Anda akan diarahkan ke halaman login terlebih dahulu. Jika Anda telah login tampilannya akan seperti gambar di bawah ini:

Klik tombol Tambah ke Situs Saya setelah Anda memasukkan alamat yang benar, tunggu sejenak lalu Anda akan dihadapkan pada halaman berikut ini:




Otorisasi Blog di Yahoo Menggunakan Upload File

Ini adalah cari paling mudah yang bisa Anda lakukan, sayangnya cara ini hanya berlaku buat Anda yang memiliki blog dan di hosting di server sendiri ataupun sewa ataupun Anda memiliki akses ke server hosting Anda menggunakan FTP atau Control Panel Hosting.

File ini telah disiapkan oleh Yahoo, Anda hanya tinggal mengunduhnya saja. Tipe file ini adalah berekstensi .html dan jangan mengubah isi file tersebut karena diperlukan oleh Yahoo untuk memverifikasi blog Anda.



Upload-lah file tersebut ke root direktori atau home direktori atau biasanya di folder /public_html.

Klik tombol Siap Melakukan Otentikasi jika Anda telah meletakkannya di server hosting Anda.

Otorisasi Blog di Yahoo Menggunakan Tag Meta
Cara ini tepat buat Anda yang memiliki blog gratis dan di hosting di server yang bukan milik Anda, misalnya di Blogger.com, WordPress.com dan lain sebagainya. Anda wajib memiliki sedikit kemampuan untuk membuka layout HTML untuk melakukan masalah ini.


Tempatkan pada bagian Header pada tag HTML Anda, temukan bagian antara <head> dan .</head>

Letakkan disana lalu simpan perubahan tersebut. Lalu lakukan otentikasi segera mungkin.

Ada kelemahan menggunakan cara ini dibandingkan cara pertama, yaitu jika Anda mengganti template blog. Maka yang perlu dilakukan adalah menempatkan kembali kode dari Yahoo tersebut ke dalam tag HTML Anda, jika Anda lupa maka Yahoo akan gagal melakukan indeks.


Yahoo akan melakukan pengecekan setiap 48 jam sekali, jadi pastikan blog Anda selalu online dan siap untuk diindeks.

Hal cukup penting lainnya yang perlu ditambahkan adalah RSS (Really Simple Syndication), jika Anda memilikinya ada baiknya tambahkan di menu Feed di bagian menu sebelah kiri halaman.




Demikian artikel bagaimana cara mendaftarkan blog ke Yahoo Search, semoga bermanfaat.
Read More

5 Penemuan Yang Tidak Sengaja

Posted by Unknown Posted on 8:03 AM No comments
Kadang-kadang, sesuatu yang tidak direncanakan dapat berakhir menjadi sesuatu yang baik atau bahkan lezat. Tahukah Anda bahwa keripik kentang, es krim dan kopi diciptakan secara tak sengaja alias kebetulan?

Berikut beberapa makanan yang lahir melalui proses 'kecelakaan' dan kini masuk daftar makanan paling digemari sepanjang masa, seperti dikutip dari Oddee.com.

Chocolate chips cookies
Ruth Wakefield, seorang pemilik penginapan House Inn di Wakefield, Massachusetts, mencoba menjamu tamunya dengan kue cokelat. Sayang, taburan cokelat dalam kuenya tak meleleh sempurna. Dan, siapa sangka, camilannya menjadi sangat populer bahkan di seluruh dunia.

Es krim
Pada 1905, bocah 11 tahun bernama Frank Epperson, lupa memindahkan soda dari alat pemutarnya semalam suntuk. Hari berikutnya, ia mengaduk adonan soda dengan tongkat kecil namun sebentuk campuran air beku menempel dan menciptakan es krim pertama.

Hampir dua puluh tahun kemudian, Epperson dewasa memiliki hak paten untuk membuat es krim dan es loli pertama.

Keripik kentang
Pada tahun 1853, koki George Crum kesal oleh ulah seorang pelanggan yang terus mengembalikan kentang goreng pesanannya dengan alasan kurang renyah. Crum lalu mengiris kentang sangat tipis, menggorengnya dan membubuhkan garam di atasnya. Dengan cepat, camilan ini menjadi fenomena di New England dan disebut 'Saratoga Chips' sesuai nama kota tempatnya terlahir.

Kopi
Para penggembala kambing di daerah Ethopia atau Abbesinia melihat ternak mereka terlihat lebih lincah setelah mengunyah buah beri merah. Setelah mencobanya beberapa kali untuk menyakinkan khasiatnya, penggembala ini lalu membawa buah ini ke imam setempat yang akhirnya memanggang dan merebusnya dalam air.

Viagra
Viagra diciptakan oleh para ilmuwan Pfizer yang bekerja menemukan obat untuk mengobati kondisi jantung. Efek samping obat tersebut ternyata meningkatkan aliran darah ke area lain yang ternyata menjadi berkah bagi pengidap disfungsi ereksi!
Read More

Thursday, September 1, 2011

Pemrograman Penjumlahan Dua Bilangan di C#

Posted by Unknown Posted on 11:59 PM 1 comment
Ok.Pertama - tama kita berdoa terlebih dahulu sebelum keberhasilan tercapai. Dalam Penjumlahan C # tipe data yang digunakan bisa seperti tipe data : float,Integer,Double atau Long Double. Sama Seperti pemrograman yang lain.

Berikut langkah - langkah yang harus dipersiapkan :
1 Siapkan tiga label,3 textBox, dan 1 Botton.
2 Rancang seperti gambar dibawah ini :

3 Klik 2 kali di Hasil dan Tulis kode dibawah ini :

int bil1 = int.Parse(textBox1.Text);
int bil2 = int.Parse(textBox2.Text);
int hasil;
hasil = bil1 + bil2;
textBox3.Text = hasil.ToString();


4 Selanjutnya tekan F5
5 Isikan Bilangan berapa yang ingin anda jumlahkan. Seperti di bawah ini :




Sekian dari saya.terima kasih :D
Jika ada yang ingin anda tanyakan silakan isi di kotak komentar
Read More
Subscribe to: Posts (Atom)