Tutorial: Hover image with text(Template Designer)

Posted by | On | | 0 Comments
Assalamualaikum...

Hehee...terdetik di hati hendak buat tutorial. Boleh, kan? Even this is for the first time. Just want to share this tutorial which usually only works in blogskin. It's about this.



How to make this? Let's follow the step :

1. Go to Dashboard-->Template-->Edit HTML
2. Search code ]]></b:skin> by pressing ctrl & F at the same time. To make it easy & fast.
3. Copy the code below and Paste it above the ]]></b:skin> code.

#elf{
font-size:12px;
background:#fff;
padding:1px;
width:258px;
height:152px;
margin-top:-163px;
margin-left:1px;
opacity:.01;
-webkit-transition:all .5s ease-in-out
}
#elf:hover{opacity:.9}
red-change with your own font size. The larger the size, the bigger the font.
blue-you can change it according to your image size.
orange-margin here means how to make it fit with your image. margin-top, the larger the negative number, the higher its position. margin-left, the larger the number, the deeper it will be into your image.
brown-this for the opacity of the background. the larger the number, the opacity will be increase.

4. Preview. If there is no error, then you can click save.

5. Go to Papan Pemuka(Dashboard)-->Reka Letak-->Add Gaget-->HTML/Javascript.
6.Copy and Paste the code below in HTML/Javascript.
<img src="http://3.bp.blogspot.com/-HrMPPEkyqOk/UMQh-t8uGHI/AAAAAAAACUo/kvGnQkINDE4/s1600/sj2.png" width="262" height="152"/><div id="elf">
YOUR TEXT</div>

orange-your own image url
purple-you can use that code if your image too big.
red-put your own text

7.Save. Done.

Goodluck & Happy Blogging!
Comment me then.




    


READ MORE>>

Tak Sopan

Posted by | On | | 0 Comments

*dah kenapa SB melekat di entry Farahin nii? Jom baca.

Assalamualaikum....
adoiii..tengah memalam begini perut meyanyilah pula. hmm...okey. Straight to the main topic. hmm...apalah yang tak sopan tu ya, Farahin? Ni ha. Tadi sedang semak komen yang berpulun-pulun dari bloggers yang berkunjung ke SJelfFoundland. Maklum, sudah berhari tak disemak. Then, terbaca this one comment. "Askum....." Err...Farahin baru baca satu perkataan tu je then terus terasa annoying. Why? Tengoklah ejaan itu. Okey. I know that was short form. Tapi tolonglah. Jangan short form yang begitu. Sakit mata Farahin. Bukankah ada short form lain bagi Assalamualaikum like salam, slm. Kenapa tak guna itu saja? What? Apa bezanya short form 'slm' dengan 'askum' ? Here. If there is short form 'slm', we'll automatically say it or read it as salam. But if 'askum'? Look. Anda sendiri membacanya dengan 'As-kum' right? Tak usah tipu. Farahin sendiri membacanya begitu. So, baguskah begitu? Assalamualaikum means selamat sejahtera ke atas kamu, right? But if 'askum'? What will that means? Farahin tanya anda sebab Farahin bukannya power Bahasa Arab. Okey. Untuk memendekkan entry, my advice is next time eja dengan betul. Kalau malas tapi terasa nak beri salam, eja saja "salam". Tak susah pun. Kalau memang malas, tak payah tulis. Yalah. Malas itu kan mampu mengundang sifat tidak ikhlas. So, rugi saja kalau beri salam kalau tak ikhlas. Farahin kalau blogwalking, memang jarang beri salam. Jadi hantu. Main terjah saja. Huhuu. Nak-nak lagi akhir-akhir ni, kalau terjah blog orang tak tinggalkan jejak pun. Malas nak menaip. Plus, bengang melayan keyboard yang sudah jahanam ini. Erghh~! Kalau ada follower widget, kasi follow terus senang. If that bloggers follback, memang happy lah kan sebab dia prihatin. Dia semak followers dia. Yang kurang prihatin tu, tak apalah kan. Halal sajalah. Okeyh. Tadi kata nak memendekkan entry. Tapi panjang juga. Hehee. Done. Ingat! Eja tu biar betul okey. Assalamualaikum.

Happy Blogging!




READ MORE>>

ELFollowers

just because i'm a mental illness patient, doesn't mean i'm less human. -06/11/2019-