Powered by Blogger.

Note : Sebelum merubah warna template, silahkan copy terlebih dahulu kode licensi yang telah kami berikan ke dalam word/notepad (wajib), karena ketika proses edit warna, harus banyak memasukkan licensi, karena template akan tersetting seperti semula


Di template food blogger ada beberapa bagian yang bisa kita rubah warnanya agar sesuai keinginan kita, namun sebelum kita merubah warna, kita juga harus tahu betul kode warna, karena nanti kita akan merubah warnanya dengan kode

untuk melihat daftar kode warna bisa dilihat disini : http://www.dianagung.com/blog/kode-warna-css-lengkap

Contoh kode warna

Hitam = #000000
Putih = #FFFFFF
Orange = #FFA500
Merah = #FF0000
dan seterusnya

Untuk merubah warna pada tempate foodblogger itu ada di menu template html, jadi silahkan masuk ke menu tersebut, caranya :

Klik Template > Edit Html





-------------------------------------------------------------------------------------
Cara Mengganti Background Dasar Template
------------------------------------------------------------------------------------


Pada menu template > edit html, silahkan cari kata kata " Background Halaman" untuk mempercepat pencarian bisa tekan CTRL + F secara bersamaan, 

<Group description="Background Halaman" selector="body">
        <Variable name="body.background" description="Background" type="color" default="#efefef" value="#efefef"/>


setelah ketemu nanti dibawahnya ada kode seperti warna merah diatas, silahkan rubah kode tersebut dengan warna pilihan teman - teman





------------------------------------------------------------------------------
Cara Merubah Warna "Button Beli"
------------------------------------------------------------------------------



Pada menu Template > Edit Html, silahkan cari kata " Background Tombol Beli", untuk mempercepat tekan CTRL + F secara bersamaan, maka nanti akan keluar seperti ini :


<Variable name="beli.bg" description="Background Tombol Beli" type="color" default="#43ab4a" value="#43ab4a"/>

setelah itu pada kode warna (yang warna merah diatas), silahkan rubah kodenya sesuai keinginan, jika sudah jangan lupa klik Save




--------------------------------------------------------------------------------------
Cara Merubah Warna "Button Beli Sekarang"
---------------------------------------------------------------------------------------


Pada menu Template > Edit Html, silahkan cari kata " Background Tombol Beli Sekarang", untuk mempercepat tekan CTRL + F secara bersamaan, maka nanti akan keluar seperti ini :


<Variable name="beli.sekarang" description="Background Tombol Beli Sekarang" type="color" default="#43ab4a" value="#43ab4a"/>


Setelah itu pada kode warna (yang warna merah diatas), silahkan rubah kodenya sesuai keinginan, jika sudah jangan lupa klik Save






--------------------------------------------------------------------------------------
Cara Merubah Warna "Button Bayar"
---------------------------------------------------------------------------------------




Pada menu Template > Edit Html, silahkan cari kata " Background Tombol Bayar", untuk mempercepat tekan CTRL + F secara bersamaan, maka nanti akan keluar seperti ini :


  <Variable name="bayar.bg" description="Background Tombol Bayar" type="color" default="#21d374" value="#26c640"/>


Setelah itu pada kode warna (yang warna merah diatas), silahkan rubah kodenya sesuai keinginan, jika sudah jangan lupa klik Save








--------------------------------------------------------------------------------------
Cara Merubah Warna "Bayar Sekarang"
---------------------------------------------------------------------------------------

Pada menu Template > Edit Html, silahkan cari kata " Background Tombol Bayar", untuk mempercepat tekan CTRL + F secara bersamaan, maka nanti akan keluar seperti ini :


  <Variable name="bayar.sekarang" description="Background Tombol Bayar Sekarang" type="color" default="#21d374" value="#26c640"/>


Setelah itu pada kode warna (yang warna merah diatas), silahkan rubah kodenya sesuai keinginan, jika sudah jangan lupa klik Save







--------------------------------------------------------------------------------------
Cara Merubah Warna "Belanja Lagi"
---------------------------------------------------------------------------------------

Pada menu Template > Edit Html, silahkan cari kata " Background Tombol Belanja Lagi", untuk mempercepat tekan CTRL + F secara bersamaan, maka nanti akan keluar seperti ini :


<Variable name="belanja.bg" description="Background Tombol Belanja Lagi" type="color" default="#ff5621" value="#ff6600"/>


Setelah itu pada kode warna (yang warna merah diatas), silahkan rubah kodenya sesuai keinginan, jika sudah jangan lupa klik Save







--------------------------------------------------------------------------------------
Cara Merubah Warna "Ikuti"
---------------------------------------------------------------------------------------

Pada menu Template > Edit Html, silahkan cari kata " Background Tombol Ikuti", untuk mempercepat tekan CTRL + F secara bersamaan, maka nanti akan keluar seperti ini :


 <Variable name="tombol.ikuti" description="Background Tombol Ikuti" type="color" default="#43ab4a" value="#43ab4a"/>

        <Variable name="kunjungi.bg" description="Background Tombol Kunjungi" type="color" default="#ffffff" value="#ffffff"/>


Setelah itu pada kode warna (yang warna merah diatas), silahkan rubah kodenya sesuai keinginan, jika sudah jangan lupa klik Save








-----------------------------------------------------------------------------------------------------
Cara Merubah Warna "Button Deskripsi Produk"
-----------------------------------------------------------------------------------------------------



Pada menu Template > Edit Html, silahkan cari kata " Background Deskripsi", untuk mempercepat tekan CTRL + F secara bersamaan, maka nanti akan keluar seperti ini :


<Variable name="deskripsi.bg" description="Background Deskripsi" type="color" default="#ff5621" value="#ff5621"/>



Setelah itu pada kode warna (yang warna merah diatas), silahkan rubah kodenya sesuai keinginan, jika sudah jangan lupa klik Save

Post a Comment