Template Designer Blogger memungkinkan Anda untuk menyesuaikan hampir semua aspek penampilan blog Anda melalui penggunaan cascading style sheets (CSS). Untuk menambahkan potongan CSS kustom ke template Anda, buka tab Template dan klik Customize. Kemudian, tambahkan kode Anda ke lapangan yang berlokasi di Advanced | Tambah CSS tab. Perubahan yang Anda buat akan mencerminkan langsung di live preview di bawah editor.
Catatan: Editing CSS memungkinkan Anda untuk mengubah tampilan dan nuansa dari blog Anda. Untuk perubahan konten yang sebenarnya dari blog Anda, termasuk penambahan gadget atau perubahan tata letak, klik Edit HTML pada tab Template. Juga ingat bahwa, seperti kustomisasi lainnya, CSS Anda akan dihapus jika Anda mengubah desain.Untuk daftar lengkap dari berbagai tweak CSS, silakan lihat Apa Yang Saya Bisa Lakukan dengan pasal CSS di Pusat Bantuan kami.
Apa yang bisa saya lakukan dengan CSS?
Anda dapat mengubah hampir semua aspek penampilan blog Anda hanya dengan mengubah style sheet dalam template Anda. Beberapa hal yang paling umum untuk melakukan tercantum di sini. Untuk lebih tutorial mendalam dan contoh, silakan lihat W3 Sekolah CSS Contoh dan W3C Pengantar CSS.
Template default kami memiliki semua informasi CSS arah atas, antara tag </ style> <style>. Anda akan melihat sekelompok baris ada yang terlihat seperti ini:
Garis disorot menunjukkan gaya yang diterapkan pada setiap tag <h3> dalam blog. Apa yang kita akan jelaskan di sini adalah beberapa pilihan untuk bagaimana gaya itu. Salah satu potongan kode di bawah ini dapat disisipkan di antara {} kurung keriting dalam style sheet. Kode Contoh
warna
warna: biru, teks ini berwarna biru.
background: kuning; ini memiliki latar belakang kuning.
Anda dapat memasukkan nama-nama banyak warna umum di sini (misalnya merah, hijau, kuning) atau Anda dapat menggunakan kode heksadesimal untuk berbagai besar warna (misalnya # 0033AA). Untuk informasi lebih lanjut tentang warna, silakan lihat .Kode Warna
colspan = "2"> Borders
border: 1px solid red;
Ini memiliki Border merah.
Perbatasan bisa menjadi padat, putus-putus atau putus-putus. Lebar sini ditentukan dalam pixel (px). Warna dapat nama atau kode heksadesimal. Untuk hanya melakukan perbatasan di satu sisi, menggunakan border-top, border-bottom, perbatasan-kanan, atau border-left.
Font
font-family: "Times New Roman", Serif, ini dalam font serif.
font-family: Verdana, Sans-Serif; ini dalam font sans-serif.
Anda dapat menentukan daftar pilihan font. Jika yang pertama adalah tidak tersedia pada komputer pembaca Anda, selanjutnya akan digunakan, dan sebagainya. Yang menandakan "Serif" akan menggunakan font serif tersedia.
font-size: 24px; Teks ini adalah 24 piksel tinggi.
Satuan ukuran dapat pixel (px), poin (pt), inci (dalam) atau persen dari ukuran standar (%).
font-weight: bold; Teks ini ditebalkan.
Pilihan berani dan normal.
text-decoration: underline; Teks ini digarisbawahi.
Dekorasi teks dapat diatur none, underline, overline, atau jalur-through. Hal ini paling sering digunakan untuk menghapus menggarisbawahi pada link.
text-align: right;
Teks ini benar selaras.
Keselarasan dapat diatur ke kiri, kanan, atau membenarkan.
Margin dan Padding
margin: 15px;
Ini memiliki margin 15px di sekitar.
padding: 15px;
Ini memiliki 15px dari pelapis di sekitar.
Margin dan padding keduanya menentukan jumlah ruang di sekitar sesuatu. Perbedaannya adalah bahwa margin berada di luar perbatasan dan padding di dalamnya. (Perbatasan sini hanya untuk ilustrasi.)
Seperti dengan perbatasan, Anda dapat menentukan satu sisi pada waktu dengan margin-left, padding-top, dll Anda juga dapat mengatur semua sekaligus dengan margin: 1px 3px 2px 4px, dimana order atas, kanan, bawah, kiri.
Catatan:
Anda juga dapat menggunakan gaya inline, jika Anda ingin melakukan format satu kali untuk bagian tertentu dari teks dalam posting. Berikut adalah format yang digunakan:
<span style="color:red;"> Teks ini akan merah. </ span>