Cara memberi background pada judul posting dengan warna gradient

Wahahai ketemu lagi bersama??? Pa Bisa GeSharean dikit gak ada yang mau baca artikel ini, baru, baru posting hehehe. Kali ini Wahyu pengen posting tentang Tips Blog yang judulnya Cara memberi background pada judul posting dengan warna gradient, Sebenernya cara ini sama dengan Cara memberi backround pada judul posting dengan menggunakan gambar, kalo yang saya gunakan dengan menggunakan warna gradient karena saya lebih suka dengan Warna dari pada menggunakan gambar wkwkwk. Langsung aja ikutin caranya...

  • Yang Pertama Cari kode Dibawah ini menggunakan CTRL+F supaya gampang pencariannya
.post h3{
margin:.25em 0 0;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#ffffff;
}

  • Lalu Tambahkan kode Dibawah ini Disamping kiri kode '}' atau yang berwarna merah diatas



background:#ddd -moz-linear-gradient(top,  #00ff00,  #000);background:-webkit-gradient(linear, left      top, left bottom, from(#00ff00), to(#000));padding: 2px;border-top: 2px solid #fff;border-right: 2px solid #fff;border-bottom: 2px solid #00ff00;border-left: 2px solid #00ff00;

  • Dan Akan menjadi seperti Dibawah ini

 .post h3{
margin:.25em 0 0;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#ffffff;
background:#ddd -moz-linear-gradient(top,  #00ff00,  #000);background:-webkit-gradient(linear, left      top, left bottom, from(#00ff00), to(#000));padding: 2px;border-top: 2px solid #fff;border-right: 2px solid #fff;border-bottom: 2px solid #00ff00;border-left: 2px solid #00ff00;}
  • Dan yang terakhir ganti kode yang berwarna merah dengan pilihan Kode Warna sendiri klik disini untuk memilih kode warna

9 komentar:

-Blog Dofollow-
Silahkan Beri Komentar Anda Disini.
Komentar Panjang maupun Pendek Sama Saja
Yang Penting Bukan Komentar SPAM

Terima Kasih atas Perhatiannya...