02 October, 2011

Cara merubah warna background menjadi gradien

Gradien pada latar belakang atau background blog berfungsi untuk mempercantik tampilan blog. Berikut adalah cara untuk mengganti warna background blog Anda menjadi gradien untuk memberikan kesan lembut dan cantik.

Untuk demo atau sample tampilan akhir silahkan klik di sini

Gi mana tertarik, untuk latihan kita akan mengunakan gradien yang simple yaitu warna gradien biru transparan. Selebihnya jika ingin anda bisa berekperimen sendiri. Oke go on ke tutorial.

Pertama-tama kita membutuhkan bantuan gradien editor, pada tutorial ini saya menggunakan colorzilla gradien editor untuk mengambil sample contoh gradien yang nanti di terapkan pada background blog kita.

Monggo langsung meluncur klik di sini

Sudah good!!,


Now... Pada Presets pilih Blue To Transparent no 6 dari kiri lihat gambar.



Pada Priview pilih Orientation: vertical. size tidak usah diubah biarkan seperti itu saja.



Pada Color format: pilih rbga. Comment bisa di centang atau tidak di centang tidak masalah.


Nah sekarang pada CSS copy semua kodenya.

Langkah selanjutnya....

Login ke dasbor blogger --- KLIK Template --- KLIK EDIT HTML.

NOTE : Jika loadingnya terlalu lama silahkan langsung KLIK  Procced untuk mempercepat.

Sekarang cari kode CSS :


body (lihat gambar) gunakan F3 untuk mempermudah pencarian. Di dalam CSS body cari background-color atau background dan hapus.

Lalu ganti dengan kode CSS dari colorzilla gradien editor dan pastekan tepat di situ (lihat gambar). Dan simpan template Priview dan Beres.


Selanjutnya hanya tinggal mengekplor sendiri, untuk tampilan gradien yang lain sesuai dengan style Anda. Di kotak-atik saja pengaturan di colorzilla gradien editor, seep selamat berkreasi, salam....

0 komentar:

Post a Comment


Copyright © 2016 Photoshop blog dan Blogger