Cara mengganti body template dengan warna gradient

-
Cara mengganti body template dengan warna gradient. Tahukah anda apa itu gradient atau gradasi? Rasanya saya tak perlu mendefinisikan panjang lebar. Lihat gambar di atas, tanda anak panah ke luar template itulah yang disebut gradient atau gradasi. Warna template gradient ini menggunakan kode css.

Dengan warna gradient rasanya template blog lebih hidup dan tidak membosankan. Selain itu kelebihan warna gradient dengan menggunakan css ini lebih ringan di banding menggunakan image.

Pada posting ini saya akan membahas bagaimana cara mengganti background template dengan warna gradient seperti gambar di atas. Jika anda tertarik ikuti langkah berikut:

1 Masuk ke Account blogger anda.
2. Dasbor > Rancangan > Edit HTML.
3. Download Template Lengkap, centang Expand Template Widget untuk berjaga-jaga jika terjadi kekeliruan.
4. Tekan Crtl+F  pada keyboard anda, cari kode body {.
5. Di bawahnya cari kode background dan kode warnanya. Tergantung template anda, jika template anda menggunakan kode warna akan di ikuti kode warna pada tulisan background, misal background: #ffa45a;. Namun jika background pada template anda menggunakan dengan url tertentu maka akan tampak seperti ini:
6. Ganti pada tulisan background dan kode yang mengikuti di belakangnya dengan kode di bawah ini:

background: #ffa45a;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#FFFF00');
background: -webkit-gradient(linear, left top, left bottom, from(#800000), to(#FFFF00));
background: -moz-linear-gradient(top, #800000, #FFFF00);

7. Maka kode keseluruhan akan tampak seperti ini:
body {
font-family:"Trebuchet MS", "Lucida Console", Arial;
background: #ffa45a;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#FFFF00');
background: -webkit-gradient(linear, left top, left bottom, from(#800000), to(#FFFF00));
background: -moz-linear-gradient(top, #800000, #FFFF00);

8. Ganti kode warna yang saya beri warna merah dengan warna kesukaan anda.
startColorstr='#800000'= dimulai dari wana yang dimaksud.
endColorstr='#FFFF00'= diakhiri dengan warna yang dimaksud.

9. Jika anda rasa cukup Simpan Template, selesai. Lihat hasilnya.
Demikian tutorial Cara mengganti body template dengan warna gradient. Selamat mencoba

Komentar

Posting Komentar

Postingan populer dari blog ini

Arti dan perbedaan lambang Koperasi Indonesia

-
Gambar
Arti dan perbedaan lambang Koperasi Indonesia. Tentunya kita tak asing lagi dengan yang namanya Koperasi. Di Indonesia koperasi diresmikan berdiri pada tanggal 12 Juli 1947 setelah mengadakan Kongres yang pertama di Tasikmalaya, kemudian tanggal ini ditetapkan sebagai Hari Koperasi Indonesia. Bung Hatta diangkat sebagai Bapak Koperasi Indonesia. Beliau pernah berkata: bukan Koperasi namanya jika di dalamnya tidak ada pendidikan tentang Koperasi. Ingin tahu lebih jauh tentang siapa Moh. Hatta? Silahkan baca artikel Bung Hatta dan Bung Karno sang Dwitunggal Sekilas tentang Koperasi Sebelumnya, ide-ide tentang perkoperasian mula-mula dikenalkan oleh Patih di Purwokerto, Jawa Tengah, yang bernama R. Aria Wiraatmadja, yang pada tahun 1896 mendirikan sebuah Bank untuk Pegawai Negeri. Cita-cita semangat tersebut selanjutnya diteruskan oleh De Wolffvan Westerrode. Koperasi singkatan dari ko atau co dan operasi atau operation. Koperasi adalah sebuah kumpulan orang-orang untuk bekerja sama demi
Baca selengkapnya

Three yellow box

-
Gambar
Vector images, Three yellow box adalah sebuah gambar desain berformat vector yang bisa digunakan untuk sablon kaos manual maupun digital. Desain ini berbentuk tiga kotak hampir kubus berwarna kuning yang jika dilihat dari kejauhan tampak menonjol ke depan. Desain file cdr ini bisa anda garap dan modifikasi dengan Corel Draw X4 pada komputer anda. File coreldraw ini bisa anda rubah sendiri jika memang ada yang kurang memuaskan. Seperti tampak pada gambar di bawah, desain sablon kaos tersebut di sablon pada badan depan kaos dengan dasar berwarna merah, dan cat sablonnya menggunakan warna kuning saja. Coba perhatikan desain kotak tersebut tampak seperti 3d bukan? Jika mungkin anda berminat untuk menggunakan desain ini, silahkan ambil pada link yang telah disediakan. File cdr ini berukuran 853 KB saja, jadi jangan khawatir bagi yang menggunakan komputer pas-pasan akan terasa berat. Unduh dan langsung buka menggunakan coreldraw X4 maka siap dimodifikasi baik warna, ukuran maupun bentuknya d
Baca selengkapnya

Notasi Ayak-ayakan Pamungkas Pelog Barang

-
Gambar
Notasi Ayak-ayakan Pamungkas Pelog Barang adalah notasi gending Jawa yang disebut ayak-ayakan pamungkas dengan laras pelog barang. Notasi ini terdiri dari 13 baris yang ditandai lengkap letak kenong, kempul, dan gong. Seperti notasi ayak rangu, notasi ini juga kami terbitkan dalam dua format, yaitu PNG (31 KB) dan PDF (20 KB). Nah, bagi anda yang membutuhkan notasi ini dalam rangka belajar gending-gending Jawa, kami rasa ini sangat bermanfaat. Download Notasi Ayak-ayakan Pamungkas Notasi Ayak-ayakan Pamungkas format PNG sebagai berikut: Lebih jauh notasi gending Jawa, kami membuat blog baru khusus untuk gending Jawa lengkap dengan notasi dan syairnya, silahkan kunjungi: Not Gamelan Jawa Demikian Notasi Ayak-ayakan Pamungkas Pelog Barang, semoga bermanfaat bagi anda penggemar gending Jawa.
Baca selengkapnya