Tutorial : Floating navigation button~★
Apa tu floating navigation button? Floating navigation button ni navigation yang float kat tepi belog cam ni.
First, kowg kena download icon yang kowg berkenan utk belog kowg. Kowg boleh pergi
sini utk download. Pilih icon yang kowg berkenan dan download. Extract file tu and pegi ke imageshack or photobucket utk uploadkan icon tu. Uploadkan satu2 so setiap satu icon ada direct link yang tersendiri.
Selepas selesai upload, biar dulu. Login ke account belog anda utk step yang seterusnya.
1. pegi Dashboard --> Design --> Add a Gadget --> HTML java script
2. copy code bawah ni :
<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:240px; right:-12px;'>
<a class='linkopacity' href='http://gengblogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='gengblogger'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh35VlpoaIASHuMv2GpAgQRExNM_Yq2pXFFRT4UrlDGP8CFF5BWM4cUVfo61rO8hnQOHSCFmA2J9ElgvualUpURMiA3FRpH5PlDHYlGkDskgY2Fkhyphenhyphenh-08VAOD8Ktq0XHZSfPahIVdjbmG0/s320/icongb.PNG" /></a><br />
<a class='linkopacity' href='http://facebook.com/akaun facebook anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Ksu0G-2Iu6eO6PE-_xNqOn1XX_0nSyIJJ24IdxwrArL_8fDF5v_nskhJdEY6ARTn1HHFWdUlAUZEY4JuqG4ucNnlTJHpaEHUvbePqBWrk7jyoPU9-ixF9u2YAxh_E7tz_7E7rt6ZCtdD/s320/facebook.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/akaun twitter anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpaPZkVcVxLYi2tBORbksbwscS0BNnQTLnIcjAEbvWzruNWcZYUUImYhzgZ_NhyphenhyphenW1tLEMTAOppefoxqU0fbpHZTRxGppR7t7JuovIQloxqy8D66PH6XM1EQSrOCxocpHHnQDEy02mALVe_/s320/twitter.png" /></a><br />
<a class='linkopacity' href='http://maribinablog.blogspot.com/feed blog' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXgyXl_2hh-zTdqe7guZJ5L5lgdhjWyUAKWykc93yQwZJ_vfWeUFhtTCcdEBHabnO8eqn4aqV4swJGTH1O5-fzvy14N6bVZ6CEyaxLKhUZiZtDqEeGnLBFgYIEZhUlpJ_tkqdunoWsRoEG/s320/feedblogger.png" /></a><br />
<a class='linkopacity' href='http://feedburner.com/akaun feedburner anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feedburner'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7Y3j9xARhgNvIL0qRYqtGs_8B73P_6_0PwCkKF3kwcQ1ibu2E2mYzh_oVHI-cFeK9xZTSnJTCnQntjpnqNwl2c8tUs80Z2sM-R6RI18pAbrWKUSqarQ4_5zYMgm3OBq0pnJminrrgB9t/s320/feedburner.png" /></a><br />
<a class='linkopacity' href='http://youtube.com/akaun youtube anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYcYz-0CZa05iyAWvKQk257NpCzGmtgTnCcR1IgL3qSNhSs8aknkKw7uXORrkcIOkEZCUD9TQOD6tzgT25q2OoPAKYimsTNhvtBBW2YUzRro3oWRsot6mAoNTRYdF1i2FXY0mKor0LVsS/s320/youtube.png" /></a><br />
<a class='linkopacity' href='http://flickr.com/akaun flickr anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='flickr'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHrYgJR4P43ymQrvP7xkUA-sF7a5cQU074o-3O1s3Yc9GxKUcV4n5oOQ0rjJwYMTfvClFa5LUiSYSBMOP5jr4awQn1iYK6vdTEbLsAj4a9vbKn6M74Du2vIFhCSnqgyz23H_opNYTmYy3h/s320/flickr.png" /></a><br />
</div>
3. Yang warna merah tu tukar ikowt URL sendiri. Yang warna purple lak URL image. Kalau malas nak tuka URL image tu pun tak pe.
Labels: tutorial
Hearts, Ivy Wong
Le blog mistress~★
Name :
Ivy Wong Lye Kwan
Age :
20 years old T_T
Birthdate :
16 August 1993
Nationality :
Malaysian
Current study place :
Singapore Polytechnic
Language :
English, Malay, Cantonese, Mandarin
I
LOVE Running Man.
I'm addicted to
chocolates
I'm
shy around strangers. But I'm
crazy around my peeps and besties.
I'm a proud
VIP. (what BIG BANG fans call themselves)
I have
Lil Stitch as a gift from my dearests. It's not a litle, but a big stuffed toy :3
I can be very sensitive at sometimes. and I mean
VERY SENSITIVE
Wanna know more about me, please leave your question at the chatbox.
Tutorial : Floating navigation button~★
Apa tu floating navigation button? Floating navigation button ni navigation yang float kat tepi belog cam ni.
First, kowg kena download icon yang kowg berkenan utk belog kowg. Kowg boleh pergi
sini utk download. Pilih icon yang kowg berkenan dan download. Extract file tu and pegi ke imageshack or photobucket utk uploadkan icon tu. Uploadkan satu2 so setiap satu icon ada direct link yang tersendiri.
Selepas selesai upload, biar dulu. Login ke account belog anda utk step yang seterusnya.
1. pegi Dashboard --> Design --> Add a Gadget --> HTML java script
2. copy code bawah ni :
<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:240px; right:-12px;'>
<a class='linkopacity' href='http://gengblogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='gengblogger'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh35VlpoaIASHuMv2GpAgQRExNM_Yq2pXFFRT4UrlDGP8CFF5BWM4cUVfo61rO8hnQOHSCFmA2J9ElgvualUpURMiA3FRpH5PlDHYlGkDskgY2Fkhyphenhyphenh-08VAOD8Ktq0XHZSfPahIVdjbmG0/s320/icongb.PNG" /></a><br />
<a class='linkopacity' href='http://facebook.com/akaun facebook anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Ksu0G-2Iu6eO6PE-_xNqOn1XX_0nSyIJJ24IdxwrArL_8fDF5v_nskhJdEY6ARTn1HHFWdUlAUZEY4JuqG4ucNnlTJHpaEHUvbePqBWrk7jyoPU9-ixF9u2YAxh_E7tz_7E7rt6ZCtdD/s320/facebook.png" /></a><br />
<a class='linkopacity' href='http://twitter.com/akaun twitter anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpaPZkVcVxLYi2tBORbksbwscS0BNnQTLnIcjAEbvWzruNWcZYUUImYhzgZ_NhyphenhyphenW1tLEMTAOppefoxqU0fbpHZTRxGppR7t7JuovIQloxqy8D66PH6XM1EQSrOCxocpHHnQDEy02mALVe_/s320/twitter.png" /></a><br />
<a class='linkopacity' href='http://maribinablog.blogspot.com/feed blog' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXgyXl_2hh-zTdqe7guZJ5L5lgdhjWyUAKWykc93yQwZJ_vfWeUFhtTCcdEBHabnO8eqn4aqV4swJGTH1O5-fzvy14N6bVZ6CEyaxLKhUZiZtDqEeGnLBFgYIEZhUlpJ_tkqdunoWsRoEG/s320/feedblogger.png" /></a><br />
<a class='linkopacity' href='http://feedburner.com/akaun feedburner anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feedburner'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7Y3j9xARhgNvIL0qRYqtGs_8B73P_6_0PwCkKF3kwcQ1ibu2E2mYzh_oVHI-cFeK9xZTSnJTCnQntjpnqNwl2c8tUs80Z2sM-R6RI18pAbrWKUSqarQ4_5zYMgm3OBq0pnJminrrgB9t/s320/feedburner.png" /></a><br />
<a class='linkopacity' href='http://youtube.com/akaun youtube anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYcYz-0CZa05iyAWvKQk257NpCzGmtgTnCcR1IgL3qSNhSs8aknkKw7uXORrkcIOkEZCUD9TQOD6tzgT25q2OoPAKYimsTNhvtBBW2YUzRro3oWRsot6mAoNTRYdF1i2FXY0mKor0LVsS/s320/youtube.png" /></a><br />
<a class='linkopacity' href='http://flickr.com/akaun flickr anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='flickr'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHrYgJR4P43ymQrvP7xkUA-sF7a5cQU074o-3O1s3Yc9GxKUcV4n5oOQ0rjJwYMTfvClFa5LUiSYSBMOP5jr4awQn1iYK6vdTEbLsAj4a9vbKn6M74Du2vIFhCSnqgyz23H_opNYTmYy3h/s320/flickr.png" /></a><br />
</div>
3. Yang warna merah tu tukar ikowt URL sendiri. Yang warna purple lak URL image. Kalau malas nak tuka URL image tu pun tak pe.
Labels: tutorial
Hearts, Ivy Wong
