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