Image Hover (keluar tulisan)

Asalamu 'alaikum

Haloo, Saniyya nanya di cbox cara supaya ada tulisan di foto gmn.... Langsung aja ya.. ikuti step per step.

Preview:

Sesudah

Sebelum

1. Log in>>Dashdboard>>Template
2. Tekan F3, cari kode </style>
3. Copy kode dibawah

#atin{

background:#fff;

padding:2px;

width:220px;

height:220px;

margin-top:-100px;

margin-left:1px;

opacity:.01;

-webkit-transition:all .5s ease-in-out

}

#atin:hover{opacity:.8}

4. Paste di atas </style>
----------------------------------------------------------------------------------------------------------
Step ke 2
5. Copy kode dibawah

<img style="border:1px solid #eee" width="220" src="URL IMAGE"/>

<div id="atin"><br>

<center>PUT YOUR TEXT</center>

</div><br>

6. Paste code tadi di tempat yang sesuai.
7. Preview, jika sudah puas, klik save.

Credits: Kak Atin