Apasih kelebihan Variable Name? kelebihannya… kita bisa mengkontrol perubahan suatu variable tidak lewat kode, tetapi lewat GUI (Graphic User Interface). Dalam Blogger, penambahan Variable Name mengakibatkan kita bisa mengontrol sesuatu yang divariable-kan langsung lewat tab Font & Colors (kalau tidak salah, maklum, sudah lupa, namun tutorialnya ini pasti bisa kok… sumpah deh). Mari yuk kita praktekkan…

Pertama-taman, kita buat Page Template dan kita cari lokasi Variable Name. Untuk contoh kali ini, kita akan membuat Variable Name untuk judul Postingan. Disana akan terdapat banyak sekali Variable-Variable Name. Kita akan mengetikkan Variable Name berikut ini dalam pemukiman Variable Name yang sudah kita ketahui letaknya:

<Variable name=”fontposttitle” description=”Jenis Font untuk JuduL Post” type=”font” default=”normal normal 78% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif”></variable>

Sudah saya bilang sedari-tadi, bahwa kita akan membuat Variable Name untuk judul postingan. Maka, dalam CSS postingan kita yang biasa seperti ini:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

Kita hapus kode yang ditebali dan diganti dengan kode font: $fontposttitle; sehingga nanti hasilnya akan menjadi seperti ini:

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font: $posttitlefont;
line-height:1.4em;
color:$titlecolor;
}

Dengan perubahan itu, maka kita bisa mengkontrol dan mengubah font Post Title kita lewat tab Font & Colors. Yuk… kita coba menkonvert elemen halaman kita seperti, Date Header, Comments, Widget menjadi ber-’kurikulum’ Variable Name yuk??? gimana menurut kalian?

echo 'Dari: blogywalkie.com, Adam Pahlevi Baihaqi'