Postingan

Menampilkan postingan dengan label css

CSS Rollover Image Effect - Change Image on Hover

Gambar
Rollover image is a design feature where an image changes when your mouse hovers over it. Think of a light bulb that turns on and off when you move your mouse cursor into that area of a page. When a page is loading, rollover images are preloaded into it to ensure that the rollover effect is displayed quickly. This used to be implemented using JavaScript , which is fairly easy with just a small amount of script involved. To make rollover images functional, onmouseover and onmouseout attributes are used to a link tag. The code is then added to a blog gadget or into a new post. It proved to have a number of disadvantages, however, which is why many web developers are using a CSS-only method. How to create a rollover image using CSS Here is how to implement a rollover image using CSS. Before getting started, we need to have two images ready, one in its initial/static state as well as its rollover state. The Image Place both the static and rollover image in one file and make sure that th...

Desain Blog Yang Baik

Gambar
Desain Blog Yang Baik Apa kabar teman-teman para blogger? Saya harap kalian tetap semangat dalam mengembangkan blog sebagai tempat berbagi ilmu dan wawasan. Pada artikel kali ini saya akan berbagi tentang wawasan saya mengenai banyak pertanyaan yang muncul,"Bagaimana sih Desain blog  yang Baik?". Sebenarnya tidak ada ketentuan khusus yang membatasi atau mamberi ketentuan tentang Bagaimana Desain Blog yang Baik, semua tergantung keinginan, selera, dan kebutuhan. Akan tetapi saya secara pribadi menyimpulkan kriteria tentang Desain Blog yang Baik dengan beberapa hal sebagai berikut: Silahkan baca tentang Syarat dan Ketentuan Pembuatan Website atau Blog bagi Pemula Desain sederhana dan tidak terlalu berlebihan. Artinya bagaimana...? Baik, mari kita bahas. Yang dimaksut dengan Desain sederhana dan tidak terlalu berlebihan adalah, menggunakan desain tema tanpa banyak animasi dan plugin. Karena animasi dan plugin dapat membuat blog teman-teman menjadi berat dan sulit untuk diakses....

Tutorial CSS Dasar Untuk Pemula

Gambar
Pada tutorial ini kita akan belajar tentang CSS Dasar Untuk Pemula, dimana seorang programer juga pasti menggunakan CSS untuk merancang sebuah website   yang sedang di bangun. Karena CSS memang tidak dapat ditinggalkan dalam merancang website, karena CSS berperan untuk meberikan sentuhan gaya dan keindahan pada sebuah website(desain website/tema). Sehingga website memiliki tata letak dan tampilan rapih dan indah serta disukai mesin telusur. Dalam Tutorial CSS Dasar Untuk Pemula ada tiga bagian penting dan perlu untuk di ketahui, yaitu selector, property, dan value. Berikut ini adalah uraian dari bagian-bagian CSS tersebut: Selector CSS menggunakan metode deklaratif untuk menspesifikasikan bagian HTML yang ingin diberikan gaya tampilan. Pemilihan elemen HTML dilakukan dengan menspesifikasikan selector. Kode di bawah ini memberikan contoh dari sebuah selector yang dapat digunakan untuk memberikan gaya atau desain tampilan terhadap seluruh elemen p yang ada pada dokumen HTML( baca t...

Syarat dan Ketentuan Pembuatan Website atau Blog bagi Pemula

Salam sejahtera dan sampai jumpa pada artikel saya yang pertama ini. Pada tutorial perdana ini saya lebih menekankan tutorial bagi mereka yang(maaf....) masih pemula dan memang benar-benar ingin belajar dari awal tentang cara membuat website . Silahkan baca dan ikuti tutorial-tutorial lanjutanya,karena sangat berguna bagi anda. Mohon dipahami tentang hal berikut sebelum anda membaca lebih jauh tutorial dalam blog ini,bahwa saya menggunakan kata atau kalimat "ANDA" hanya semata-mata untuk memudahkan dalam penyusunan kalimat. Bukan bermaksud ingin sok profesional atau lainya. Langkah-langkah pembuatan website A. Beberapa Kemampuan atau skill yang harus dimiliki dan dipelajari:  Sedikit mengerti bahasa inggris. Mengerti atau mempelajari tentang HyperText Markup Language (HTML) . Menguasai atau mau belajar tentang Cascading Style Sheet (CSS) . Mempelajari JavaScript (JS). Hypertext Preprocessor (PHP) . jQuery. B. Perlengkapan yang harus di siapkan: Komputer,laptop,notebook,da...