Pos

Menampilkan postingan dari Juni, 2013

Efek Lipatan pada Sudut Elemen

Gambar
Pernah melihat bentuk sudut elemen atau div yang dilipat? Lihat gambar di atas atau contoh di bawah ini. dibuat menggunakan CSS pseudo-elemen.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar rhoncus risus, vel ornare lacus sagittis sit amet. Duis vel sem magna. Proin pulvinar velit eleifend ligula ultrices vestibulum. Nunc posuere dolor eu mauris feugiat dignissim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pulvinar rhoncus risus, vel ornare lacus sagittis sit amet. Duis vel sem magna. Proin pulvinar velit eleifend ligula ultrices vestibulum. Nunc posuere dolor eu mauris feugiat dignissim.
Anda juga dapat membuat yang demikian. Tidak rumit untuk membuat sebuah kotak dengan efek sudut terlipat. Ini hanya sebuah kotak berwarna sederhana. Browser tua IE6 dan IE7 pun mampu menampilkan ini.

Mula-mula buatlah dua buah class, misalnya .page dan .lipat.

.page { background: #fff; width: 250px; height: 330px; margin: 50px; /* Pilihan efek g…

Judul Sidebar Terbagi Dua Seperti Adobe

Gambar
Hari ini kita belajar memodifikasi judul widget sidebar blogger. Kita akan membuat judul sidebar mirip dengan navigasi redmore milik Adobe.com. Kita akan menerapkan properti :before dan :after dan ini bekerja tanpa masalah di browser apapun, termasuk IE8. Trik ini akan membagi header atau judul sidebar menjadi dua bagian kiri dan kanan. Bagian kiri akan berisi judul dan bagian kanan berisi link terkait. Menarik, bukan?

Langkah 1. Login ke dashboard Blogger Anda > pilih Template > Edit HTML, kemudian klik dimana saja di area HTML Editor untuk memulai pencarian - tekan CTRL + F dan temukan tag penutup </head>

Langkah 2. Tepat di atas tag </head>, Copy dan Paste CSS berikut ini.

<style> .module h2 { background-color: #D5D5D5; border-radius: 20px 0 0 20px; color: #FFFFFF; font-family: Verdana; font-size: 14px; line-height: 32px; margin: 0; padding: 0 0 0 20px; text-shadow: 2px 1px 1px #222; } .module h2 a { border-left: 5px solid #ffffff; …

Definisi Web dan Sejarah Web

Gambar
Definisi Website
Website atau situs web biasa disebut web saja adalah kumpulan dari halaman - halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format HTML ( Hyper Text Markup Language ), yang selalu bisa diakses melalui HTTP (Hypertext Transfer Protocol), yaitu sebuah protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai (klien) melalui web browser (peramban web; misalnya Chrome, Firefox, Internet Explorer, Opera, dll).


Halaman - halaman dari website dapat diakses melalui sebuah URL atau alamat website yang biasanya disebut Homepage. URL ini mengatur halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink - hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan. Beberapa website membutuhkan subskri…

Pengenalan HTML - Introduction to HTML

Gambar
Pengenalan  HTML berarti proses, cara, perbuatan mengenal atau mengenali HTML. Sebelum kita membahas apa itu HTML ada baiknya kita kenal dahulu apa itu website - anda bisa membaca artikel Definisi Web, Sejarah Web, Macam - macam Situs Web, dan Aplikasi Web. Pengetahuan tentang HTML mutlak diperlukan untuk membuat sebuah halaman website. Selain itu perlu juga diketahui bagaimana sebuah website bekerja.

Pada saat sebuah website diakses melalui jaringan internet, ada dua sisi yang bekerja, yaitu klien dan server. Klien adalah orang yang mengakses website melalui browser. Ketika klien mengetikkan alamat website