Cara menghapus variable definisi template blogger

Masih tetep tentang blogger hp, yaitu cara menghapus sistem variable definisi pada template bloger.
Untuk yang belum tau apa itu variable definisi, ini contohnya:

/* Variable definitions
====================
<Variable name="link.color" description="Link Color" type="color" default="#336699" value="#336699"/>

<Variable name="link.visited.color" description="Visited Color" type="color" default="#6699cc" value="#6699cc"/>

<Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#33aaff"/>
*/

contoh css yang mengarah pada variable definisi di atas:

a:link {
text-decoration:none;
color: $(link.color);
}

a:visited {
text-decoration:none;
color: $(link.visited.color);
}

a:hover {
text-decoration:underline;
color: $(link.hover.color);
}

Lihat warna text antara variable definisi dan css di atas, maka kita akan melihat kesamaan antara value color pada css yang mengarah pada variable definisinya. Cara mudahnya langsung pindahkan saja kode warna pada value ke bagian cssnya. Sehingga menjadi seperti di bawah ini:

a:link {
text-decoration:none;
color: #336699;
}

a:visited {
text-decoration:none;
color: #6699cc;
}

a:hover {
text-decoration:underline;
color: #33aaff;
}

Untuk mulai pengeditan lihat dulu bagian cssnya dan lihat pada value atau style dengan tanda simbol seprti ini ($') kemudian lihat bagian value yang mengikutinya $(value) , kemudian cari isi dari value tersebut pada bagin variable yaitu pada bagian name='value', kemudian lihat pada bagian value='value', kemudian pindahkan value dengan contoh warna biru ke bagian value dari cssnya.
Setelah semua bagian css yang bertanda ('$') telah di rubah kepada sistem css standar, hapus saja semua bagian variable definisinya dari mulai tanda /* sampai pada tanda */

Jika terjadi kebingungan pada tanda ('$') dibagian atribut seperti di bawah ini:

padding: value;
margin-$endSide:value;

atribut yang bertanda ('$') ini juga mengikuti bagian dari variable definisi seperti di bawah ini:

<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>

Maka pindahkan saja bagian valuenya sehingga atribut cssnya menjadi seperti ini:

padding: value;
margin-right:value;

Demikian saja, moga bermanfaat. Untuk blogger handphone mungkin penghapusan ini perlu di lakukan untuk memudahkan pengeditan pada bagian cssnya karena agak ribet jika kita melakukan pengeditan pada perancang template melalui hape.

Komentar

  1. mantap kang,, lgi jalan-jalan nih,,hehe slAM knal ya'.. :)

    BalasHapus
  2. masama bozz,, lam kenal.. :)

    BalasHapus
  3. ini yang dicari gan :D

    buat membantu agar css blog ga semak :D

    BalasHapus

Posting Komentar

Postingan Populer