Tutorial : Put Word on Image

Assalamualaikum & Salam Sejahtera

Yoo , setelah sekian lama dah tak update tutor , akhirnya kembali dengan tutor baru yang tak seberapa . tutor ni aku taktau nak nama kan apa . haha . ade orang request dekat ask.fm . macam ni ha ,

Macam mana benda alah tu ? ni ha macam dekat bawah ni :

Yoo . Apis imnida . All stuff in this blog is totally mine unless stated ! Watch your manner here . Best View using CHROME . Thank You . {}

Okay , ape tunggu lagu . ayuh kita mula kan :)


For Template Designer : Copy and Paste code dekat bawah ni dekat Add a Gadget > HTML / JavaScript , then SAVE .


For Classic Template : Paste dekat section mana yang korang nak .

<style>
@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
.gambar {
width:200px;
padding:5px;
border:1px solid #f2f2f2;
}
.kedudukan {
width:200px;
}
#tulisan{
position:absolute;
margin-top:-85px;
padding:6px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:white;
opacity:0.79;
width:200px;
text-align:center;
color:#000;
padding-top:4px;
padding-bottom:4px;
letter-spacing:1px;
-webkit-transition:1200ms;
}
.intro {
text-align:justify;
letter-spacing:1px;
font-size:8px;
font-family:tt;
text-transform:none;
}
</style>

<center><div class="kedudukan">
<img class="gambar" src="http://data.whicdn.com/images/48528335/tumblr_lwi1vvBa5v1qh2nseo1_500_large_large.png" /><div id="tulisan">
<div class="intro">AYAT YANG KORANG NAK DEKAT SINI</div></div></div>

mana mana yang BOLD kan korang boleh ubah ikut kesesuaian blog korang . pandai pandai lah korang adjust sebab diua depend pada berapa panjang tulisan yang korang nak tulis . tak paham ? sila tanya . nak pakai ? sila bagitahu . okay ? ^^v