Instalar o layout códigos + Download

E então o que acharam do tema? Neste eu criei algumas opções de gadgets da sidebar, por exemplo, o menu das tags tem duas versões, um com imagens e a outra normal, quem não quiser a de imagens pode colocar só a outra ou vice-versa (^^), fiz o mesmo com a despedida caso queiram link's ou não...

Download do Layout (aqui)

1. Primeiro gadget "Apresentação"

<div style="left: 239px; margin-top: 7px; position: absolute; right: 0px; width: 102px; z-index: 100; "><a href="Link" imageanchor="1"><img border="0" class="SHAKE" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDoRKlUSDYPZRhh8b1Wwd85vazCNGl8CAalBVcgm2pLDVq5Q45wzCRTknUG7hoFJHtmW_v_7IOpb0V_f1gh67-R4avdMPda4sT2O8oB0-heX7Do6vJXfA05EGZkU8rOOlDmg5Hw3E7n7gW/s1600/b.png" /></a><br /><a href="Link" imageanchor="1"><img border="0" class="SHAKE" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZyEC-hfs4wn4O-1cJd7JyZTasBOYsojjibp_ZsBSAqgQouyMtiEZcZ95jOJolJ9FD0ruvKnmIyRSdusx8NKQAN2XSXIpIR0JcSNJ7p6IEukbj9waH-aVlgZkR6_4Fm2zn9_DdXZcFPPoy/s1600/e.png" /></a> <br /><a href="Link" imageanchor="1"><img border="0" class="SHAKE" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJQqJe2mIyuUVsjT3eGrdKrf4wK3aEPLJvnper0hRuN4CJsUVj7bAne_PtI3bju9-A02Q24eIQBT9Roezrfr93qFt0iEkpt7iuq-DWpKqQMnbAhDZscD42iMZH_1Z2WV0ZBvctzL812DX/s1600/AS.png" /></a><br /> <a href="Link" imageanchor="1"><img border="0" class="SHAKE" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWiAjZO5tvCfrkIMt_B9qgNztwxif_KpH-Cx_HCOYhGKVSH2WH4p4kAZOGmWbFmhk0hGYeDvJU3gywzRdzNlx4-qfHseEvag_cHZMRTc7YuYcBJWk6Thyphenhyphen7bzaDaLIytfzmOwMu1wf-39aq/s1600/lk.png" /></a></div><img border="0" src="http://i694.photobucket.com/albums/vv301/MinnieChun/fx%20NU%20ABO%20concept%20pics/b_22.jpg" style="margin-top: 5px; border-left: 1px dotted #dcdcdc;" width="85%"/> <div style="text-align: justify;">Escreve aqui a apresentação</div>

2. Segundo gadget "Menu tags com imagens"

<center style="margin-top: 5px; margin-left: -0px; margin-right: -3px; "><a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK6dKSc4bm1ftAbjQNfRabCRGAjwNsZz0xeM7ig2HRpuaLS3_5x8LjfpqqUD_UWdric98rg3TgoDiE5CyDcaoB9hl7ExP6H1A7Y9ssN_8PpnU8PcmFCvQw-_8SGgEwwlT8X1rTcX5C7HKA/s1600/n.png" /></a> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdn2FWnvS5uBOjCUCL9lZnbelC1YXnlSYvb_FvtTfF3YjCkalFNOTQDaSvP-S0JGZhxHZ4fo7WPewfMnx02U6g-Q9BMpid0VeAma2c45za0CH-TMyPHo3ih3VUzOU3vl3VjLGYafyE1qHC/s1600/m.png" /></a> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg2q94lpjaxEV105RlteOJB3tTtV2sdVBXbtZXfrzo9VJmP1-Q_m7cDItKj_SzErBB0Wu3Q1G4fk99L0OKWcUTwmMFG42wCaSOWhKwV4Qwlc0aYTkSNsEP1xDLxcIaDDr-ZOQZtNBwg7aO/s1600/w.png" /></a>

<a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz4hDM6LuEhWYBZUDE2eHU1HfVInyUYvPHR53mGChUhlA6ISglZoTGfwB4fHMAXRbtHEIA34uDdpwMPfeAPngCZc2pWYaJPZaVn9puwb-1DcJz3ZcquX-LVd693kJUcp5p3DclBFpV6RK4/s1600/q.png" /></a> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZyEC-hfs4wn4O-1cJd7JyZTasBOYsojjibp_ZsBSAqgQouyMtiEZcZ95jOJolJ9FD0ruvKnmIyRSdusx8NKQAN2XSXIpIR0JcSNJ7p6IEukbj9waH-aVlgZkR6_4Fm2zn9_DdXZcFPPoy/s1600/e.png" /></a> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj54_3ql_fzfBp9Y6DSbYynT1VFvRZp7j8sFaDb5AAJ2T3AxtpCIKd4b_8GzO3D4ktFs4WrCJo9cD1-mylSegAh3CmAKMC0z20YBLK6ysIkaDwj6YGhqV4cQQAr9ba3ajmtgw3g-3AZ-AMV/s1600/qq.png" /></a> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXo0mN5yMoeXwSo4gafaQ7JTAhSyt9VHsDz2dAnROOSgbFuAjBwX5rXZ_zGTOCJkn_1ruLqd-2iaWvkpnVd697oqy_KvTn7_Qa5aaC94eufmZX2dBlwqP9jB56Z0DFEHsRxsnwM2HA4rne/s1600/l.png" /></a> <a href="Link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghM9_DeR4kuz6EpmCNHXQ1ktDJgTGdNz0GtLzz8c8pyMw6OATFHFrheL3inW3HDVa0fLYdgaa9Au71EQBTnXzwmamTqw-eVpLQWGZDnzM_L3Icne1Yf5NKkLO10glNNlnq1I0jiZdwEPOF/s1600/LLK.png" /></a> <a href="Link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfkWpfXYgtktv_ofUUxj11A6CrtnAZHElwbKKWmX3Xe2mdjtCKZbvfoDYSVvk01hM3IzvHYtTVHTGG7gHcMrq8dQnun-N_umJrt_0U1orsrTKqQ5T9UMcSCqgxoW6mTPUoDhp6-59BpZhW/s1600/CO.png" /></a> <a href="Link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgRmn-Id-eNlKLwgJz2gxN-FluoLyPOWK_Nbs6THnCKBVRdUXXzuG9zJ2-_aXJx20eVOqMicPbHY3bn-7nzT8AgATsmy3xvQyvZhwOhzWVHvI9pzmekuWsYi4cChH0KTcOwjdpGnplwVXX/s1600/sm.png" /></a> <a href="Link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPozv-Jo_42kqn75WGD9YBGRycs7b7ZUJ7axbv0k5jch-rcqozp12IFgf-Ax1rGubqCMIz0KkY7u8zlUoTgderY7L8ooA-BlePpzPBBkUqNNr-SBvSr4Ijoe8WjWA9tsj19ddBgWMDJTaO/s1600/f.png" /></a> <a href="Link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpNqaWGmGQPQPjAOHDtwWk6Pp6o_ZPDEC8-oWmrsWF2mYLlnmakoVEp7Wptar_ymsLfYz5dfvRNcrHfZD5S83i4PEJRig0UPGzRtpF90m02hMQjc_0gPfRmeI8uirSEPopQzj9P_l5lmWh/s1600/0.png" /></a> <a href="Link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDxNxnsj5ShbCc5iTEYYj6IlcTyr0Q-T5zc71nQoQvLRye7DvCyU_I4letXDvilJuEM99HHj-xgSS0doLCTkXjQrIvWc5T_IABI4RL1YTAlDilF63djUScjNxIo5n6jpcja_W_NTTN1u3/s1600/fo.png" /></a> <a href="Link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqxXwrKJ-jhkxLQCC99EFcToOorwxnb392MWuqa21T7uErVca_A6H5trFjgl-SHHlxTvwUXV1DAy1Rs1lCo0Z6-xQeetPIL_AaUE0_8NLx3d0Y6duc0gK1LnOACzb2aiu3v_R6FW735m0t/s1600/NN.png" /></a> <form action="/search" method="get"><input type="text" name="q" value="Procure + Enter"/></form> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDoRKlUSDYPZRhh8b1Wwd85vazCNGl8CAalBVcgm2pLDVq5Q45wzCRTknUG7hoFJHtmW_v_7IOpb0V_f1gh67-R4avdMPda4sT2O8oB0-heX7Do6vJXfA05EGZkU8rOOlDmg5Hw3E7n7gW/s1600/b.png" /></a> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWiAjZO5tvCfrkIMt_B9qgNztwxif_KpH-Cx_HCOYhGKVSH2WH4p4kAZOGmWbFmhk0hGYeDvJU3gywzRdzNlx4-qfHseEvag_cHZMRTc7YuYcBJWk6Thyphenhyphen7bzaDaLIytfzmOwMu1wf-39aq/s1600/lk.png" /></a> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhxrHkocVwgPK69-l0h2qhBLM9vkMEab3oY6lIP0Hh3MCApk_9kbD_1BUvEoXVLcBcinXzI8pAHBv8Rsqc1h5nwGYnVk2wtXzehtilyZ_zwc65dfQJpoOKMv1aJzaoQeWQnyd5jwY-goyu/s1600/c.png" /></a> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Aq_CXB9Fa7_xQYHHvfrmcqhZasyVgDreuJxZV3N__PZg_t2r_Cdl2B-glb5n7HEaFxXwVtLoDxhjbEPbtsoPzQZlroqPfcLk_dvvHxyNQr8bP_rodkNrHkDfZ_HVBKYZSP4Skq0oPf_Q/s1600/fds.png" /></a> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJQqJe2mIyuUVsjT3eGrdKrf4wK3aEPLJvnper0hRuN4CJsUVj7bAne_PtI3bju9-A02Q24eIQBT9Roezrfr93qFt0iEkpt7iuq-DWpKqQMnbAhDZscD42iMZH_1Z2WV0ZBvctzL812DX/s1600/AS.png" /></a> <a href="Link" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMPmF-d88xV3Ft3QH9Ugkwog7Zcd_9E3LWurpBVI0yYthQNqg30M6eh9zf4oTeG5XbDiGyXFhajtPyz1eHbQw5OjrEmwdCGe020sSThw5NCKXT5cFA4lJ1lw4vXO_fagb4oc7eWxaqSvdu/s1600/SD.png" /></a> <a href="#" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjESucZUYeI6TqtvWmsLnYNaMQJTDwNE9wKmwliH6vYv2ZtVnyGBZLINHjLv3yszRE3XVjyXkYylGjMyHf-kX5fVoSvCAS0cSJzH1BYLe1B0zQOrsxeFOP2jLTLCyxTR7hSTHd4lZ5WXj5v/s1600/nb.png" /></a>

<a href="Link" imageanchor="1" style=""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9qiM2WNj6iLNZ9-DDe3weWAUtcU8BZkaVDXVf6aYCNjMZqniTjn15Nt16XDfXQc3DTLqaHDX8rGyHK8H4jl9qDj2OkOtOjOghYIpl6vwbSmGVd3DyHYqQf5nYBNVgG604UQoiPGcl72Cd/s1600/wq.png" /></a> <a href="Link" imageanchor="1" style=""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWd_A75tg-khsOEJ1rXzQlad5kxtGK0VmNRN6Cj2ytetWnkXNYijD8OEyU3PcCxEY494-uP1cRd9A0YKkUplHDvGEDI6Rd2Ej4pgcG-m9sL9sMVEJGYXMNMaI1VCVWzHFBvGZQQHnF7cWH/s1600/FDSA.png" /></a> <a href="Link" imageanchor="1" style=""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPiUvgsTaOC6Hc4FRSwIqdf9uPdGs_zu3BXc39R0gPpZM9S2uPLJuD0Yy85QnU-wR_wlV1mmSx7hLMxpgpWYAqx7ew_5KnC-pidi1ubcUDZXMfI77KkyKRkzre6IxQfegNWAHB1FMcXS1d/s1600/O.png" /></a> <a href="Link" imageanchor="1" style=""><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOPilEDFHvciQVQ8-obGm6Nf2IHZTZLojwtbjW01hH26eR5FVEIqrjqrj-1LOhpCpukwGouM-Gq9gs5Abgq_PiQPTfTrdoz7NkonC-Rv1RWYdbK6LGcUUlBkRqbSigZ5NqKqTRhSez-TqJ/s1600/j.png" /></a> <a href="Link" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjf5tzjqP25PETalChOvZc_ww-_eKttsPRBGdnoz063rsRsdv79qJRc-LY4WzQMc7OzhoME7jO3PSTCo8Ug84mxSCUqZCV_nvdlcd9JYjy3wzxNGnmwCHmvjKzLWoZQFY988oKbiz37CoE/s1600/x.png" /></a> <a href="Link" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzejHYWZBQ8YfFykrDsT8NPGkuvO2Jd1QkG0TPlABJgxTBFTSMv4vgqbnLgeB3q3oSanHs1wLmGT2TXJth9KrQdkv5uRimGU6iA8uRgVttYoz5_h0-jjeci0MLyDrKiCw4XD00JxOH3beJ/s1600/ccc.png" /></a> <a href="Link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGME77G5gwCj7zrJLb5FkYjqumtEspW_9GE-gUakLxDbW2EJougvnEDl9H8Jn8En8YI_seA12UtWsuG48RX36Gd2ICCEgM1ICUoTXkIVklL3kzpaBFp0KCdY78DAFowSyeY-6iOempTwBG/s1600/s.png" /></a>

2. Segundo gadget "Menu tags sem imagens"

<center style="margin-top: 5px; margin-left: -0.5px; margin-right: -3px; "><a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a> <a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a><form action="/search" method="get"><input type="text" name="q" value="Procure + Enter"/></form><a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a> <a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a>&nbsp;<a href="Link"><nice>Nome</nice></a></center> 

3. Terceiro gadget "Bye bye" sem link's

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxjK05gChZVytLe3wfyNbHX9cHyiP47jBYK39LSRJ7BM7m_3IIHr0gyLzjHoYJYo6n8C3FAhW2joqoGHb9ixtFWma3RENzlJk61GKEK3kimU4IYuydpQWcHxD81MaA7QwapjvC5JkAgtfP/s1600/Nu+Abo_f(x)09.jpg" style="margin-top: 5px; margin-right: 0px; margin-left: 0px; border-right: 1px dotted #dcdcdc;" width="100%"/> <div style="text-align: justify;">Escreve aqui o texto</div> <div style="left: 30px; margin-top: 15px; position: absolute; right: 0px; width: 230px; z-index: 100; ">Créditos: layout criado por<a href="http://justbubbledays.blogspot.pt/" target="_blank"> Mei Bubble</a></div>

3. Terceiro gadget "Bye Bye V2" com link's

<div style="left: 10px; margin-top: 7px; position: absolute; right: 0px; width: 102px; z-index: 100; "><a href="#" imageanchor="1"><img border="0" class="SHAKE" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDoRKlUSDYPZRhh8b1Wwd85vazCNGl8CAalBVcgm2pLDVq5Q45wzCRTknUG7hoFJHtmW_v_7IOpb0V_f1gh67-R4avdMPda4sT2O8oB0-heX7Do6vJXfA05EGZkU8rOOlDmg5Hw3E7n7gW/s1600/b.png" /></a><br /><a href="#" imageanchor="1"><img border="0" class="SHAKE" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZyEC-hfs4wn4O-1cJd7JyZTasBOYsojjibp_ZsBSAqgQouyMtiEZcZ95jOJolJ9FD0ruvKnmIyRSdusx8NKQAN2XSXIpIR0JcSNJ7p6IEukbj9waH-aVlgZkR6_4Fm2zn9_DdXZcFPPoy/s1600/e.png" /></a> <br /><a href="#" imageanchor="1"><img border="0" class="SHAKE" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJQqJe2mIyuUVsjT3eGrdKrf4wK3aEPLJvnper0hRuN4CJsUVj7bAne_PtI3bju9-A02Q24eIQBT9Roezrfr93qFt0iEkpt7iuq-DWpKqQMnbAhDZscD42iMZH_1Z2WV0ZBvctzL812DX/s1600/AS.png" /></a> <br /> <a href="#" imageanchor="1"><img border="0" class="SHAKE" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWiAjZO5tvCfrkIMt_B9qgNztwxif_KpH-Cx_HCOYhGKVSH2WH4p4kAZOGmWbFmhk0hGYeDvJU3gywzRdzNlx4-qfHseEvag_cHZMRTc7YuYcBJWk6Thyphenhyphen7bzaDaLIytfzmOwMu1wf-39aq/s1600/lk.png" /></a></div><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxjK05gChZVytLe3wfyNbHX9cHyiP47jBYK39LSRJ7BM7m_3IIHr0gyLzjHoYJYo6n8C3FAhW2joqoGHb9ixtFWma3RENzlJk61GKEK3kimU4IYuydpQWcHxD81MaA7QwapjvC5JkAgtfP/s1600/Nu+Abo_f(x)09.jpg" style="margin-top: 5px; margin-right: 0px; margin-left: 39px; border-right: 1px dotted #dcdcdc;" width="85%"/> <div style="text-align: justify;">Escreve aqui o texto</div><div style="left: 30px; margin-top: 15px; position: absolute; right: 0px; width: 230px; z-index: 100; ">Créditos: layout criado por<a href="http://justbubbledays.blogspot.pt/" target="_blank"> Mei Bubble</a></div>

5. "Cabeçalho"

<div style="left: 130px; margin-top: -310px; position: absolute; right: 0px; width: 102px; z-index: 100; "><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNb0EahfaYSWl3pglu0Q0Vb_nQvZdcbNIDmZ0S-R9YB1scBuhuXoTb_BgoYdJ9-SXntHolbQ8Us-EjlsDBuIXDXR_mNMPS9d4UWPNasDtWO4nBr5ZsF7V_rctfeI5g79BNPYbc-05T66MI/s1600/cab.png"  /></div> <div style="left: 230px; margin-top: -250px; position: absolute; right: 0px; width: 302px; z-index: 100; "><div class="titulo"> O título do <br />teu blog</div></div>

Código. Este é o código do botão de voltar ao topo, coloca no final de um gadget qualquer.

<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sA5pVfrrooZPwmC640zLTEV8ghgJjahRnkgRpO4vW9XMiUvQ0Q_GLlepk9Lbt3WUOVXupspZyvXCwk_OtVEgS-0fr-PHpdKbSB_OW5sxQLSelsAqUG8o_VN-A8n14s7garqD7crYw2oE/s1600/UP.png" title="Voltar ao topo" style="margin-bottom: 20px;"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:''})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>