Tag Archives: CSS

Cara mengatur tataletak elemen pada template blog

elemen

Kalau kamu berniat untuk membuat desain blog sendiri,harus mengetahui dasar HTML dan Dasar CSS sehingga bisa mengatur atau menambah tata letak dari susunan elemen yang ada didalam template blog. Sebuah desain blog yang rapi,biasanya selalu lengkap dengan papan navigasi yang disebut dengan sidebar.Sidebar bisa diletakkan disebelah kiri ataupun kanan dari elemen konten.Bagaimana caranya agar elemen … » Baca selengkapnya..

Cara mengedit template blogspot

tema

Desain dari sebuah situs bisa menjadi sebuah identitas tersendiri yang unik.Karena itu untuk mendesain desain template yang berbeda dari semua situs yang ada akan membuat kesan sebagai satu ciri khas. Desain template situs tidak kalah penting untuk diperhatikan,karena hal ini akan berpengaruh terhadap mood dari pengunjung.Desain harus sesuai dengan jenis dan tujuan dari sebuah situs … » Baca selengkapnya..

Cara mengganti Backgound blog dengan gambar

Sebelum memasang Background gambar atau background IMG, sebaiknya kamu pikirkan terlebih dahulu.Karena penggunaan background gambar yang kurang tepat pada blog bisa menambah loading blog dan mengganggu penampilan. Saya bilang begitu bukan tanpa alasan,sebab saya sering kali menemukan blog dengan background gambar yang berlebihan.Ketidaknyamanan yang saya rasakan terutama loading yang berat dan warna tulisan yang tersamarkan … » Baca selengkapnya..

Membuat NavBar dropdown menu dengan CSS

ddmenu

Navigasi blog yang akan kita buat berikut adalah navigasi horizontal menu dropdown dengan hanya menggunakan CSS. Karena hanya dengan menggunakan CSS,cara memasangnya pun menjadi cukup simpel.Disamping itu menu dropdown horizontal ini tidak akan memberatkan loading blog kamu. Jika kamu membutuhkan navigasi lebih banyak untuk beberapa halaman,menu dropdown adalah solusi yang tepat untuk menghemat tempat. Apa … » Baca selengkapnya..

Bagaimana cara membuat CSS scrollbar

scr

Scroolbar adalah bagian elemen yang bisa digeser naik atau turun dengan menggunakan mouse. Apakah gunanya scroolbar?…. Scroolbar biasanya dipakai jika seorang webmaster bermaksud untuk menghemat tempat dihalaman situsnya yang dirasa  terbatas.Ya,,maksudnya untuk menghemat tempat,terutama untuk widget pada blog. Jika blog kamu memiliki tempat pada sidebar yang terbatas,agar tidak terlalu memanjang kebawah kamu bisa memanfaatkan css … » Baca selengkapnya..

Memilih warna yang cocok untuk web/blog

elemen

Kadangkala dalam mendesain sebuah template blog/situs, seseorang termasuk saya tidak terlalu memperhatikan tentang warna yang digunakan. Asal menurut kita sendiri bagus, yaudah itulah yang kita pakai. Eit,, jangan egois begitu jika weblog kita ditujukan untuk dikunjungi  dibaca orang banyak. Pikirkanlah bagaimana agar pengunjung bisa kerasan dan nyaman saat menjelajahi weblog kita demi pageviews untuk SEO. … » Baca selengkapnya..

Descendant selector CSS

Descendant selector didalam pemrograman CSS Adalah selector yang bisa diatur secara khusus untuk sebuah ID atau CLASS (parent class atau parent ID) yang dibuat webmaster dalam pendefinisian suatu elemen. Beberapa contoh selector yang bisa diatur sebagai Descendant selector; p (paragraf) h1,h2,h3,h4,h5,h6 (headjng) ul li (list) img (gambar) .widget (hanya pada widget,biasanya untuk template blogspot) a … » Baca selengkapnya..

CSS Margin dan padding

marginpadding

Mengenai apa bagaimana CSS Margin dan padding ini akan saya bahas secara singkat saja,asalkan gampang dimengerti.Saya akan coba terangkan dengan gaya bahasa embongan saya semoga lebih mudah dimengerti.Wakaka… Margin Dalam CSS istilah margin adalah memberi jarak atau spasi ke arah luar sebuah  elemen/komponen. Padding Padding adalah memberi jarak atau spasi ke arah dalam  sebuah elemen/komponen. … » Baca selengkapnya..

CSS border – membuat garis pembatas

Border adalah properti dari CSS untuk menciptakan garis tepi /garis pembatas pada suatu elemen blog. Border termasuk properti CSS shorthan seperti margin dan padding.Shorthan adalah perintah yang ditulis lebih pendek/singkat. Perintah panjang penulisan CSS border adalah seperti contoh; .div{ border-right:1 px solid red; border-left:1 px solid red; border-bottom:1 px solid red; border-top:1 px solid red; … » Baca selengkapnya..

Penggunaan Pseudo class pada CSS

Kenapa dinamakan pseudo?……. Maaf ya saya tidak tahu kenapa disebut dengan pseudo,mungkin beberapa contoh dan penggunaan pseudo pada CSS ini bisa dipahami maksudnya. Pada umumya yang disebut dengan pseudo ini adalah pemberian khusus pada tag “a”. Apa itu tag “a” . Tidak hanya untuk tag “a” saja,masih banyak contoh yang bisa disebut dengan pseudo class … » Baca selengkapnya..

ID dan CLASS dalam CSS

ID dan CLASS dalam pemrograman CSS Adalah selector yang dibuat oleh seorang webmaster dalam memanipulasi pada satu elemen pada halaman HTML / web. ID didefinisikan dengan menggunakan tanda ” # ” dan CLASS didefinisikan dengan menggunakan tanda titik ” . ” . Kalau CLASS digunakan untuk memanipulasi banyak elemen dengan satu selector. Contoh Penulisan ID … » Baca selengkapnya..

Properti CSS (Font)

CSS font adalah  properti dari CSS untuk mengatur huruf yang akan ditampilkan dihalaman blog kita.Ada bermacam macam value yang bisa kita berikan.Kita contohkan dasar-dasar CSS font yang paling banyak dipakai yaitu; font-color Untuk mengatur warna  huruf yang kita inginkan. Untuk menentukan value atau warna sebaiknya kita berpedoman kepada tabel warna HTML,jika menginginkan warna yang lengkap. … » Baca selengkapnya..

Pengenalan properti CSS (background)

Properti CSS adalah syntax yang diperlukan untuk memanipulasi selector yang kita inginkan.Untuk mengetahui apa itu selector,properti dan value baca dulu: Apa itu CSS . Nah berikut  properti CSS yang umum dipakai (dasar) dalam penggunaan properti “background” background background-color background-image background-repeat background-position background-attachment Contoh penerapan body{ background-color: white; background-image: url(http://gambarku.com/image.jpg); background-position: center; background-repeat: repeat-x; background-attachment: fixed; … » Baca selengkapnya..

Apa itu CSS

css_logo_front5B15D

CSS adalah kependekan dari Cascading Style Sheet ,pengertiannya adalah sekumpulan code pemrograman web yang berfungsi untuk mengendalikan beberapa komponen didalam web sehingga menjadi tampak seragam,berstruktur dan teratur.CSS inilah yang bertanggung jawab atas penampilan web anda  dimata pengunjung melalui browser internet. CSS yang buruk bisa membuat visitor Anda tidak kerasan lagi menjelajahi blog anda,apalagi untuk kembali … » Baca selengkapnya..