Apakah Kegunaan Variable Dalam Template Blogger

Deskripsi: Artikel ini menjelaskan mengenai kegunaan variable yang terdapat dalam template blogger. Meliputi variable warna (color) dan variable huruf (font) disertai penjelasan dan contoh yang mudah dipahami.

Tahukah Anda yang dimaksud dengan variable yang terdapat pada template blogger itu? coba perhatikan di bawah ini:

<Variable name="bodybgColor" description="Body Background Color" type="color" default="#81ED89" value="#81ED89" >
<Variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal bold 110% 'bolts sf','commerce sf bold',georgia,Times, serif" value="normal bold 110% 'bolts sf','commerce sf bold',Georgia, Times, serif" >

Nah, itulah yang dinamakan dengan variable. Variable terletak sebelum code-code CSS. Jadi apabila ditulis secara keseluruhan akan seperti di bawah ini:

<b:skin><![CDATA[
/* ---------------START OF CSS STYLING ----------------*/

/* -------------------------------------------------------

Blogger Template Design: Generic Template
Designer: Asep Hibban 2009
WebBlog: http://khoiriyyah.blogspot.com

------------------------------------------------------- */

/* Variable definitions
<Variable name="bodybgColor" description="Body Background Color" type="color" default="#81ED89" value="#81ED89" >
<Variable name="blogTitleFont" description="Blog Title Font" type="font" default="normal bold 110% 'bolts sf','commerce sf bold',georgia,Times, serif" value="normal bold 110% 'bolts sf','commerce sf bold',Georgia, Times, serif" > */

/* -----   End Variable Definitions    ----- */

body
{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px  0px;
   min-width: 950px;
   text-align: center;
   color:  #000000;
   font-family: verdana,helvetica,tahoma,arial,Sans-serif;
   font-size: 100%;
   background-color: $bodybgColor;
}

Kegunaan utama dari variable adalah untuk memudahkan meng-customize, artinya user (pemilik blog yang awam seperti saya) dapat merubah nilai-nilai properti selector CSS-nya dengan cara mengklik layout kemudian mengklik fonts and colors atau colors and fonts ya (lupa lagi) tanpa harus membuka code CSS atau mengedit code CSS-nya secara langsung.

Yup.. variable itu memanjakan pemilik blog. Tetapi menambahkan variable tentu saja akan menambah pekerjaan. Itulah alasan mengapa beberapa pendesainer template tidak mendeklarasikan variable, tetapi langsung memberi nilai-nilai pada propertinya.

Akhirul kalam, beberapa pertanyaan terjawab dan menjadi tidak penting, misalnya:
Mas, kenapa template saya tidak bisa dicustomize font dan colornya? padahal saya sudah mengklik layout kemudian mengklik fonts and colors?

Keterangan:

<Variable name="bodybgColor" description="Body Background Color" type="color" default="#81ED89" value="#81ED89" >

• name="bodybgColor" merupakan nama variable yang akan digunakan dalam code CSS. Penggunaannya diawali dengan huruf "$", boleh juga diawali dengan huruf "@", "#", "%" tetapi saya jamin tidak akan berjalan dengan semestinya.
  
• description="Body Background Color" merupakan kata yang muncul ketika mengcustomisasi dengan cara mengklik layout -> fonts and colors.
• type="color" merupakan jenis variablenya.
• default="#81ED89" merupakan nilai awal yang diberikan pada saat kita mendesain template.
• value="#81ED89" merupakan nilai akhir sesudah kita mengkustomisasi. Value inilah inilah yang di-assign ke dalam template pada saat run-time.