Hover Image Got Something



your own words
Nah, maksud dari tutorial ini, adalah kayak di atas. Kalo kursor kalian di arahkan ke gambar itu, maka akan muncul kata-kata. Yuk, kita buat!

Thanks for Jesslyn ^^

Design Templ.
  • Dasbor > Tata Letak > Add A Gadget > HTML/Javascript
  • Copy kode ini
<style>#ck{background:#BBEBFF;color:#000;width:252px;height:142px;padding-left:0.5px;margin-top:-150px;padding-right:0.5px;padding-bottom:0.5px;padding-top:5px;opacity:.0;-webkit-transition:all .5s ease-in-out; }#ck:hover{opacity:.7}</style><div style="text-align:center;"><center><img height="152";width="252" src="your image" width="250" /><br /><div id="ck"><br /><div style="text-align:center">your words</center></div>

  • Paste dan Save! 

Classic Templ.

  • Dasbor > Template > Edit HTML 
  • Pastekan kode hover imagenya di sidebar kamu! ^^
  • Save!
Semoga bermanfaat! ^^

Comments

Post a Comment

Before leave a comment, please ensure your comment is supportive and spread positivity :)

Popular posts from this blog

Lomba Children Helping Children Tupperware 2015

Image
Halo temen-temen! Kali ini aku mau kasih info, yaa! Tahun 2015 awal Januari ini, Lomba Chidren Helping Children Tupperware  kembali lagi, loh! Kalo mau tahu selengkapnya, simak yukk! Tahun 2015 ini, lomba CHC tidak hanya mengarang cerita dan menggambar, lho! Tapi, ada lomba baru, yaitu lomba fotografi. Tapi, lomba ini hanya khusus untuk teman-teman yang menduduki bangku SMA yaa! Untuk info selengkapnya, bisa baca foto di bawah ini atau bisa baca infonya di bawah fotonya yaa! ^^ Karya Hebat, Bantu Sahabat Lewat Beragam Kreasimu! Selama 10 tahun anak Indonesia menolong sesama lewat 274.687 karya yang tercipta. Yuk, kirim karya gambar, cerita, atau fotografi (khusus SMA), karena setiap karya yang kamu kirimkan,Tupperware Indonesia akan mendonasikan Rp10.000,00 dalam bentuk peralaan sekolah kepada teman-teman yang membutuhkan. Tema Karya: MENOLONG Hadiah menarik menantimu! Juara 1 Rp. 5.000.000,- + laptop, piagam, dan produk Tupperware Juara 2 Rp. 3.000.000,- + la...
Read More >>

My Life Update

Image
Hi everyone! Here i am and i wanna share you about what i've been through this past. Looking my blog posts that i just posted a post in August, it really makes me a little dissapointed of myself huhu. Sorry i couldn't post something useful or entertain you guys in this occasion, so here are the reasons! Okay, credit this photo to Google, i just found this is soo aesthetic and take it as my post cover hahah. Lately, i got many assingments to do from my college even i haven't started my first academic year!! Yess, now i am a freshman. Those assignments have intention to prepare the freshmen for doing their study in college because as you know the environtment is quite different than high school and that is the college is working for educate us about character education. Start from this past two weeks, i'm busy to finish all of my assignments and until this second, i haven't finished it yet, lol. Actually it has two topics; about softskills and information technology t...
Read More >>

Movie About Insecurity : Imperfect

Image
Hai semuanya! Btw , ini tampilan blogger baru berubah gini ya? Jadi agak bingung wkwk. Okee, kali ini aku balik lagi dengan review film yaa. Film kali ini mengangkat isu insecurity , nih. Pasti kalian udah tau soal insecurity . Buat yang belum tahu, insecurity  merupakan kondisi di mana kita nggak nyaman dengan diri sendiri, bisa dibilang nggak pede gitu karena flawless . Tapi, di dunia ini memang nggak ada kan, manusia yang sempurna? Nah, sayangnya, banyak orang-orang di luar sana yang suka membuat standar kecantikan perempuan. Makanya kalo gendutan dikit, muka ada jerawat, dan lain-lainnya suka bikin nggak pede.  Mungkin beberapa di antara kalian juga mengalaminya? Cocok banget nih, Film Imperfect hadir untuk menghibur kalian! Judul : Imperfect  Tanggal rilis: 19 Desember 2019 (Indonesia)  Sutradara: Ernest Prakasa  Lagu unggulan: Pelukku untuk Pelikmu  Produser: Chand Parwez Servia  Skenario: Ernest Prakasa, Meira Anastasia Sinopsis Mine Version Ra...
Read More >>