Showing posts with label belajar CSS. Show all posts
Showing posts with label belajar CSS. Show all posts

Wednesday

Google Fonts dalam Wordpress

8:22 PM  , , , , , , , , , , ,  No comments

Jika sebelumnya saya telah menerbitkan postingan bagaimana menggunakan dan menampilkan Google Fonts dalam blogger dalam postingan Google Fonts untuk Blogger, sekarang saya akan membahas bagaimana menggunakan Google Fonts tersebut kedalam Wordpress.Kita tahu bahwa Google memiliki ratusan jenis fonts yang dapat kita gunakan dalam mempercantik tampilan website kita, karena tampilan fonts dalam website kita tentu saja akan mempercantik tampilan website...

Read More

Sunday

Menggunakan Google Font untuk Blogger

5:03 PM  , , , , , , , , , , ,  No comments

  Google mempunyai salah satu layanan berupa karakter fonts yang sangat beragam, kita bisa memilih ratusan fonts yang disediakan Google untuk digunakan dalam web atau blog kita.Langsung saja kita praktek kan, pertama kita kunjungi dulu web Google Fonts.Setelah masuk, disana kita dapat memilih banyak fonts yang akan kita gunakan untuk mempercantik tampilan web/blog kita. Setelah kita memilih salah satu, atau kita bisa memilih banyak fonts. klik...

Read More

Class dan ID Selector (CSS)

10:26 PM  , , , , ,  No comments

Class Selector Class selector adalah penggabungan beberapa properties yang digunakan lebih dari satu kali. Cara penulisan Class Selector: .nama-class {property:value;}Untuk menempelkan class ke dalam tag HTML: taghtml.nama-class {Property:value;}Perhatikan tanda titik di setiap awal nama Class. Jika anda ingin menggunakan class selector di luar kode HTML anda menggunakan tag <div class=nama-class> dan di akhiri dengan tag </div>. Contoh: Penulisan kode CSS: .tengah {text-align:center;} p.tengah {color:red;} h1.kiri {color:blue;} h1.tengah...

Read More

Implementasi CSS

11:11 AM  , , , , ,  No comments

Ada 4 cara memasang kode CSS ke dalam kode HTML / halaman web, yaitu: Inline CSS Embed atau memasang kode css ke dalam bagian <head> Nge link ke external CSS Import CSS file Yuk kita bahas satu per satu… Inline CSSKode CSS dituliskan langsung ke dalam tag HTML yang ingin di format. Penulisan cara ini tidak memerlukan penulisan selector dalam kode CSS. Cara ini sebaiknya hanya digunakan jika anda mau memformat suatu elemen satu kali saja. Contoh: <P style=”color:blue”> Isi paragraf. </p>Pada contoh di atas, elemen paragraf...

Read More

Monday

Jenis-Jenis Font dalam CSS

9:40 PM  , , , , ,  3 comments

Berikut adalah contoh penulisan font-family: selector {font-family: family-name, generic-family;} Contoh real untuk pengaturan font selector heading (h1) di dalam CSS: h1 {font-family: ”Trebuchet MS”, Helvetica, sans-serif;} Family-name Family-name adalah nama dari kumpulan beberapa font yang sejenis, seperti contoh Trebuchet MS Normal, Trebuchet MS Bold, Trebuchet MS Italic, Trebuchet MS Bold Italic, jadi family-name untuk font-font tersebut adalah Trebuchet MS.Di dalam “family-name” kita bisa memasukkan lebih dari satu pilihan family-name,...

Read More

Friday

Membuat rounded corners menggunakan CSS

10:06 PM  , , , , ,  No comments

Rounded corners merupakan desain web atau blog baru yang sedang digemari saat ini karena kesannya yang menarik. Yang saya maksud rounded corners adalah membuat border atau garis lengkung pada web atau blog seperti contoh berikut: Kita dapat melihat bahwa setiap sudutnya memiliki lengkungan yang rapi. Biasanya untuk membuat lengkungan tersebut kita menggunakan gambar (image), namun kita dapat membuat rounded corners tersebut dengan hanya menggunakan...

Read More

Pengaturan List menu dengan CSS

9:54 PM  , , , , ,  No comments

Tag elemen untuk membuat List di dalam dokumen HTML adalah: <ul> digunakan untuk list yang tidak berurutan (unordered list) kemudian, <ol> digunakan untuk list yang berurutan kemudian diikuti <li > adalah list menu yang akan ditampilkan (list item). Untuk lebih jelasnya perhatikan contoh berikut ini: <ul> <li>Menu A </li> <li>Menu B </li> <li>Menu C </li> </ul>Hasil yang akan ditampilkan di browser: Menu A Menu B Menu C  <ol> <li>Menu A </li> <li>Menu...

Read More

Thursday

CSS Coding

9:21 PM  , , , , ,  1 comment

Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file).Pada umumnya CSS dipakai untuk memformat...

Read More

Memasukan CSS kedalam dokumen HTML

9:21 PM  , , , , ,  2 comments

CSS adalah singkatan dari Cascading Style Sheets, yang berfungsi untuk mengontrol tampilan dari sebuah halaman website. Ada 3 cara untuk memasukkan CSS ke dalam dokumen HTML yaitu: 1. Dengan menambahkan langsung di tag dokumen html, sebagai contoh: <p style="color:blue">Membuat tulisan warna biru</p> <p style="font-family:arial;font-size:150%;color:green"> Membuat jenis font, ukuran dan warna</p> <p style="color:yellow;background-color:red;width:60px;text-align: center"> Test</p> <p style="font-style:italic;">Membuat...

Read More