Pengertian CSS (Cascade Style Sheet)

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

Pengertian SEO(Search Engine Optimization)

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

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

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

Cara Mendaftarkan Blog ke Yahoo

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

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

Pemrograman Penjumlahan Dua Bilangan di C#

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