Cara memasang Variable Definition pada Blogspot

Cara memasang variable definition pada platform blogger/blogspot sebenarnya cukup simple, hanya saja terkadang seseorang dibuat pusing jika melihat kode-kode pada template blogspot yang dia dapatkan. Maka dari itu, mari kita pasang variable definition pada blog anda yang berplatform blogspot.

Sebelumnya apakah anda tahu yang dimaksud dengan variable definition itu? Singkatnya, variable definition adalah serangkaian kode css yang disusun sedemikian rupa agar bisa merubah tampilan web (warna, huruf atau layout) melalui dashboard tanpa otak-atik kode template. Gak kebayang jika anda yang masih awam dengan kode-kode css harus merubahnya melalui template, pasti sangatlah memusingkan kepala. Silahkan simak cara memasang kode variable definitions pada blogger ini.

Cara mudah memasang Variable Definition pada Blogspot

 

1. Kode variable definition adalah seperti dibawah ini :

<Group description=“A">  
 <Variable name=“B" description=“C" type="color" default=“D" value=“E"/>
 <Variable name=“B" description=“C" type="color" default=“D" value=“E"/>
</Group>

Keterangan dari kode diatas adalah sebagai berikut

Keterangan Variable Definitions:
A : Nama Group
B : Nama variable – Dipakai untuk kode CSS
C : Deskripsi – Muncul di dashboard
D : Warna default – Tampilan website
E : Warna yang tampil default di dashboard

Contoh variable definition yang sudah saya rubah sebagai berikut :

<Group description="Backgrounds">   
<Variable name="body.background.color" description="Body Background" type="color" default="#fc8f44" value="#fc8f44"/>
<Variable name="menu.background.color" description="Menu Background" type="color" default="#fafafa" value="#fafafa"/>
</Group>

Pasang kode diatas dibawah tag <b:skin><![CDATA[

2. Mengaplikasikan variable name di CSS
Lihat kode css pada salah satu template yang saya gunakan dibawah ini :
body{color:#555;background-color:$(body.background.color);font-size:14px;line-height:24px;}

Pada bagian yang berwarna merah diatas sudah diaplikasikan variable definitionnya.

2 poin diatas saja yang harus anda perhatikan untuk memasang kode variable definition pada template blogspot anda. Dengan demikian,maka anda bisa merubah warna background tidak terbatas (unlimited colors) dari dashboard.

Penampakan variable definition pada blogger adalah seperti dibawah ini :