Saturday, May 4, 2013

Cara Membuat Gambar Muncul Bersama Border



Ingin menuhin tutorial agar blog ini memulai hidup baru 'w'

1. Pergi ke 'Dashboard' lalu ke 'Template'

2. Seperti biasa, 'Edit HTML'

3. Lalu, cari code dibawah ini dengan menggunakan 'CTRL + F'
/* Header
4. Ketemu kan? Terus, paste code dibawah ini tepat Diatas code /* Header
/*------ IMAGE ANIMATION------*/img {filter:alpha(opacity=100);-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#000000; border-radius: 50px; -moz-border-radius: 50px;}-moz-opacity:1.0;opacity:1.0;}img:hover {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:.80;}u {text-decoration:underline;border-bottom: 2px dotted #ff0080;padding: 0px;}
5. Klik 'Save' dan jadi deh!

Note :
  • Ubah warna 'Pink Muda' dengan code warna kesukaan kamu, pilih codenya disini
  • Ubah warna 'Pink Sedang' dengan code warna kesukaan kamu untuk border, pilih codenya disini
  • Ubah warna 'Pink Tua' dengan type border kesukaan kamu, border-border ada dibawah

1 comment:

My Banner

Grab My New Banner, Okay?
This Template Are Made @ Copyright All Right Reserved By NUR IRDINA ZAKARIA. Please Do not Open My Pagesource Anonymous !!!