Dafid Palevi Stay cool with your self guys ~

Cara Menyesuaikan Tag CSS Untuk Menyesuaiakan Tata Letak

1 min read

Cara Menyesuaikan Tag CSS Untuk Menyesuaiakan Tata Letak

Dewatutor – Assalamualaikum wrb. Halo sobat dewatutor, kali ini saya akan membagikan bagaimana cara menyesuaikan Tag CSS untuk menyesuakian tata letak blog anda.

Bagaimana cara menyesuaikannya Tag CSS tersebut? Mari lihat caranya yang akan kami bagikan untuk anda dengan cara yang simpel.

Ada beberapa panduan yang harus anda terapkan untuk menggunakan desainer template dengan CSS template pada blog anda nantinya.

Cara Mennyiapkan Variabel CSS

Anda bisa melihat pada bagian <head> kode, lalu anda perlu memiliki sepasang tag <b:skin> </b:skin>.

Selanjutnya gunakan deklarasi gaya CSS yang akan anda letakkan diantara tag anda tersebut, serta dengan nama-nama variabel yang membuat desain anda berfungsi dengan baik dengan halaman font dan warna.

Contoh

<head>

<b:skin>

 <style type=’text/css’>

 /*

  * Variable definitions:

  *  <Variable name=’bgcolor’ description=’Page Background Color’

      type=’color’ default=’#fff’/>

  */

 body {

   background: $bgcolor;

   margin: 0;

   padding: 40px 20px;

 }

 </style>

</b:skin>

</head>

Anda bisa melihat kode CSS yang diapit oleh tag komentar /*dan*/ tidak akan ditampilkan pada halaman blog anda.

Akan terlihat daftar variabel disini, satu untuk font atau warna yang akan anda gunakan agar dapat diedit dengan tab “font dan warna”.

Setiap variabel yang anda gunakan perlu memiliki informasi sebagaimana yang ditampilkan dalam contoh yang berada di atas dan dijelaskan seperti dibawah ini.

• name – Dapat terdiri dari huruf atau angka. Setiap nama dalam template Anda harus unik.

• description – Tambahkan deskripsi untuk ditampilkan pada bagian “Font dan Warna”.

• type – “Font” atau “warna”.

• default – Nilai default. Warna harus berupa kode warna heksadesimal, misalnya  #FF0066. Font akan berupa daftar bentuk font-style font-weight font-size font-family (gaya font, ketebalan font, ukuran font, jenis font).

Baca Juga  Cara Membuat Postingan Baru di Blogger

Cara Menggunakan Variabel

Lalu setelah anda menetapkan variabelnya, bila anda ingin menggunakan nilai pada variabel tersebut, masukkan $variable_name dalam css b:skin.

Jenis Variabel

Perancang template memiliki dukungan pengeditan untuk kumpulan tertentu dari jenis variabel CSS. Untuk menyetel jenis variabel:

• variabel warna akan menyediakan palet warna untuk pilihan di perancang template.

• variabel font akan menyediakan pilihan font, dengan opsi ukuran dan ketebalan atau kemiringan, di perancang template.

Pada contoh diatas, terdapat variabel yang disebut bgcolor, bisa anda setetel menjadi warna putih (#fff). Lalu dalam kode berikutnya, dinyatakan:background:$bgcolor. Cara tersebut akan mengganti warna latar belakang menjadi puth, anda dapat mengubahnya pada bagian “font dan warna tersebut.

Catatan: Anda tidak perlu membuat variabel untuk jenis atribut CSS lain. Ini dapat disertakan dalam CSS sebagaimana biasanya (seperti pada atribut margin: dan padding: dalam contoh di atas).

Dafid Palevi Stay cool with your self guys ~

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *