Nah pada bagian ini
kita dapat mengatur berbagai variable yang akan kita gunakan pada pemrograman
blog blogger terutama pada bagian CSS nanti, setiap variable memiliki fungsi
dan mana yang berbeda-beda dan tidak boleh menggunakan nama yang sama dengan bahasa
pemrograman di blogger.
Disini saya telah
membuat bebrapa variable dengan fungsi yang berbeda-beda sebagai berikut.
Fungsi navbar-iframe adalah untuk meampilkan pesan search secara
default bawaan Blogger, disini biasanya pengguna blogger
tidak menginginkan untuk menapilkan menu tersebut, oleh karena itu kita
akan menonaktifkannya dengan menggukan display:none;
#navbar-iframe {display: none !important;}
Variable bgcolor adalah set default warna yang nantinya kita dapat
gunakan
<Variable name="nama variable" description="penjelasan"type="color" default="warna" value="warna">
Contoh:<Variable name="bgcolor" description="Page Background Color"type="color" default="#fff" value="#ffffff">
Pada bagina ini anda akan membuat variable untuk mengatur baground pada
blog anda baik dari segi ukuran dan model tampilan background blogger anda
<Variable name="nama variable" description="penjelasan" type="background"color="$(body.background.color)" default="warna url(#) repeat-y fixed top center" value="warna url(#) repeat-y fixed top center"/>
Pada bagian atas terdapat repeat-y fixed top center maksudnya adalah
mengatur tata letak posisi gambar yang akan ditampilkan
Contoh:<Variable name="body.background" description="Body Background" type="background"color="$(body.background.color)" default="#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2OBk159vGeLuE0niiMtvOVwGzlzbaMcdQ0wKVgqvxHefN4RNzvkKQDMEgXMD7nhOaBGLjrxSXIn9Tvox_qcexKC7h8Gy5BDqGsMcoiysIBMnW_7vvYgx6skLM2fh5XHPMPQ0szUs7JmVT/s1600/5Untitled-1.png) repeat-y fixed top center" value="#191919 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2OBk159vGeLuE0niiMtvOVwGzlzbaMcdQ0wKVgqvxHefN4RNzvkKQDMEgXMD7nhOaBGLjrxSXIn9Tvox_qcexKC7h8Gy5BDqGsMcoiysIBMnW_7vvYgx6skLM2fh5XHPMPQ0szUs7JmVT/s1600/5Untitled-1.png) repeat-y fixed top center"/>
Fungsi tersebut digunakan untuk mengatur warna textcolor biasa digunakan
dalam postingan blogger
<Variable name="nama variable" description="keterangan"type="color" default="warna" value="warna">
Contoh:<Variable name="textcolor" description="Text Color"type="color" default="#333" value="#333333">
Fungsi tersebut digunakan untuk mengatur warna link biasa digunakan
dalam postingan blogger
<Variable name="linkcolor" description="Link Color"type="color" default="#58a" value="#5588aa">
Contoh:<Variable name="linkcolor" description="Link Color"type="color" default="#58a" value="#5588aa">
Fungsi pagetitlecolor digunakan untuk memberikan warna pada judul
postingan
<Variable name="nama variable" description="keterangan"type="color" default="warna" value="warna">
Contoh:<Variable name="pagetitlecolor" description="Blog Title Color"type="color" default="#fff" value="#ffffff">
Fungsi pagetitlecolor digunakan untuk memberikan warna deskripsi postingan
<Variable name="nama variable" description="Keterangan"type="color" default="warna" value="warna">
Contoh:<Variable name="titlecolor" description="Post Title Color"type="color" default="#c60" value="#cc6600">
Fungsi fariable border color digunakan untuk memberikan warna pada
garis yang bebentuk table
<Variable name="nama varibale" description="Keterangan"type="color" default="warna" value="warna">
Contoh:<Variable name="bordercolor" description="Border Color"type="color" default="#ccc" value="#cccccc">
Fungsi sidebarcolor adalah fungsi yang kita gunakan untuk memberikan
warna title sidebar, atau gadget title yang kita gunakan
<Variable name="nama variable" description="keterangan"type="color" default="warna" value="warna">
Contoh:<Variable name="sidebarcolor" description="Sidebar Title Color"type="color" default="#999" value="#999999">
Fungsi sidebartextcolor adalah fungsi yang kita gunakan untuk
memberikan warna tulisan yang tampil pada sidebar, atau gadget yang kita
gunakan
<Variable name="nama variable" description="keterangan"type="color" default="warna" value="warna">
Contoh:<Variable name="sidebartextcolor" description="Sidebar Text Color"type="color" default="#666" value="#666666">
Fungsi visitedlinkcolor adalah fungsi yang kita gunakan untuk
memberikan tanda berupa warna bagi pengunjung web yang telah membuka link
tersebut
<Variable name="nama varibable" description="keterangan"type="color" default="warna" value="warna">
Contoh:<Variable name="visitedlinkcolor" description="Visited Link Color"type="color" default="#999" value="#999999">
Fungsi variable bodyfont adalah mengatur jenis font yang kita gunakan
<Variable name="nama variable" description="keterangan"type="font" default="ukuran persen model, jenis" value="ukuran persen model, jenis">
Contoh:<Variable name="bodyfont" description="Text Font"type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
Fungsi variable headerfont adalah untuk pengaturan font pada judul
judul web
<Variable name="variable name" description="keterangan"type="font"default="normal normal 78% 'Trebuchet MS',Trebuchet,Ubuntu,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Ubuntu,Verdana,Sans-serif">
Contoh:<Variable name="headerfont" description="Sidebar Title Font"type="font"default="normal normal 78% 'Trebuchet MS',Trebuchet,Ubuntu,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Ubuntu,Verdana,Sans-serif">
Fungsi variable pagetitlefont adalah untuk pengaturan font pada page
title
<Variable name="nama variable" description="keterangan"type="font"default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
Contoh:<Variable name="pagetitlefont" description="Blog Title Font"type="font"default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
Fungsi variable deskcriptionfont adalah untuk mengatur jenis model dsb
pada deskripsi blog
<Variable name="nama variable" description="keterangan"type="font"default="normal normal 78% 'Trebuchet MS', Trebuchet, Ubuntu, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Ubuntu, Verdana, Sans-serif">
Contoh:<Variable name="descriptionfont" description="Blog Description Font"type="font"default="normal normal 78% 'Trebuchet MS', Trebuchet, Ubuntu, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Ubuntu, Verdana, Sans-serif">
Fungsi postfooterfont adalah untuk mengatur font pada bagian bawah blog
<Variable name="nama variable" description="Keterangan"type="font"default="normal normal 78% 'Trebuchet MS', Trebuchet, Ubuntu, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Ubuntu, Verdana, Sans-serif">
Contoh:<Variable name="postfooterfont" description="Post Footer Font"type="font"default="normal normal 78% 'Trebuchet MS', Trebuchet, Ubuntu, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Ubuntu, Verdana, Sans-serif">
