Cara buat Box dg Efek Gelap-Terang (Fade Effect) CSS3 Klik Save Template

Copy kode CSS dibawah ini

.mybox{ position:relative; display:block; width:200px; max-height:400px; background:#fff; color:#000; overflow:auto; padding:20px 15px; margin:20px 5px; border:2px solid #777; border-radius:6px; opacity:0.2; filter:alpha(opacity=20); transition:1s; -o-transition:1s; -moz-transition:1s; -webkit-transition:1s; } .mybox:hover{ opacity:1.0; filter:alpha(opacity=100); }

Dan letakan diatas kode ]]></b:skin>
dan Klik Save Template
 Gunakan xHTML atau xHTML dengan tag p di halaman posting atau di sidebar blog...

1. xHTML

<div class="mybox">
Letakkan teks, image atau yang lainnya di sini!
</div>

2. xHTML dengan tag p

Letakkan teks, image atau yang lainnya di sini!

Contoh xHTML

Gambar ini adalah hasil editingku yang aku pakai untuk PP Facebook.

Sumber