Welcome to my world ♡ +Follow | Dashboard
s y i r a h ' s

Owner

Touch the hover!


Diaries Owner Linkies
Tutobies Blog

Bonjour! Welcome to my wonderful site :)

Instagram

 silent reader(s)

Chit chat



Leave your footprints here :)
No harsh words ;)




Credit



Owner blog and redesign: SyirahAisyah


Followers
Tutorial : Floating Button

Assalamualaikum korang ! Huhuhu~ Dah lewat ni, tapi syierah maseh tak tido. Plan taknak tido hari ni tapi ada orang marah. Hahaha. Sebab syirah bnyk kali berjaga sampai lewat malam. 

Nak tahu cerita tak? Dua hari lagi nak sekolah ! Adoyayyyy x) Dah laa takde kawan langsung dekat sekolah baru . Dakpe dakpe. Ada lagi peluang nak masuk Tok Jiring dan MRSM . Allah nak syierah sabar utk tunggu result result ni. Hahaha. InsyaAllah dapat :) Korang tolong doakan utk syirah blh ? Hihihi ^^ thanks bg spe spe yg doakan untuk syierah tu ! 

Ok. Actually, korang tahu tak mana satu floating button nie ? Haaahhhh?! Korang taktahu pun. Haish. Dakpe dakpe. Syirah rasa mcm baik hati jea hari ni. hehe ^O^ Meh syierah tunjuk apa itu FLOATING BUTTON. 


Tu laa floating button . Tak berapa jelas ke? Don't worry. Korang boleh tengok secara LIVE dekat tepi sidebar syirah. Ok! Jangan buang masa lagi, Let's start now !

Pengguna Layout

1) Sign in > Dashboard > Layout > HTML/Java Script

2) Copy code dekat bawah dan paste kan dekat ruangan HTML/Java Script takdi.

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:140px; right:-12px;'>
<a class='linkopacity' href='http://www.facebook.com/insyirah.aisyah.1' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/SyierahFadzlie' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />
<a class='linkopacity' href='http://syierahonlinediary.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='Blogger'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />

</div>

 3) Eh eh? Macam nak tekan save jea? Belum siap lagi. Sabaq naa. Hahaha. Okayh. Code dkt atas ni, syirah punya. So, korang tukar laa, yaa?

Pink : Size tu boleh tukar mengikut kesesuaian blog korang. Right boleh tukar jadi Left.

Merah : Tukarkan kpd link korang sendiri , okayh? Seandainya korang tidak punya salah satu daripadanya, korang delete jea code tu. Contohnya, kalau korang nggak punya twitter, delete code bahagian twitter. Mengerti ? Hahaha ^^

Biru : Boleh ganti dengan URL image pilihan korang . Kalau taknak ganti pun takpe. Mana mana icon pun boleh diterima :)

4) Preview & save.

Pengguna Template
Korang ikut jea step step macam dekat atas ni. Paste kan kod kod yang syirah bagi takdi dekat template korang. Terpulanglah dekat korang nak letak bahagian mana sebab posisi button tu dah ditetapkan kedudukannya even korang letak kod tu dekat bahagian top, middle or bottom. Ingat ! Kedudukannya tetap sama. Okayh ?

Written by me @ 12:12 am | 0 Friend(s)
0comment(s)