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

Wednesday

Google Fonts dalam Wordpress

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...

Sunday

Menggunakan Google Font untuk Blogger

  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...

Class dan ID Selector (CSS)

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...

Implementasi CSS

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...

Monday

Jenis-Jenis Font dalam CSS

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,...