Cara membuat teks area membesar saat di sorot mouse - Untuk lebih detailnya, lihat gambar di atas
Jika sobat tertarik untuk membuatnya, berikut ini langkahnya:
1. Login blog
2. Rancangan
3. Edit html
4. Letakkan kode berikut di atas ]]></b:skin>
#asharea {-o-transition:1.2s ease-out; -moz-transition:1.2s ease-out; -webkit-transition:1.2s ease-out;padding:0.75em;width:80%;color: #FFFFFF;border:1px solid #C0C0C0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius:5px;background: #000;}#asharea:hover {color: #000;-o-transform:scale(1.2) translate(40px,40px) rotate(0deg);-moz-transform:scale(1.2) translate(40px,40px) rotate(0deg);-webkit-transform:scale(1.2) translate(40px,40px) rotate(0deg); background:#555;-o-transition: all 1.2s ease-in;-moz-transition: all 1.2s ease-out;-webkit-transition: all 1.2s ease-in;}
5. Simpan template
Kemudian untuk kode pemanggil di postingan, letakkan kode di editor blog, edit html bukan yang compose
<div id="asharea">Isi dengan apa saja, sesuai keinginan</div>
6. Simpan dan lihat hasilnya