ini saya ajari triknya.
Bahan ini adalah kutipan saya dari http://blog.yudhaime.co.cc/2010/04/memasang-icon-shortcut-back-to-top-and.html?fbc_channel=1#. Dan telah saya modif hingga tampilannya seperti disamping.Ini caranya:
1. Login kedalam Blogger anda
2. Pilihlah Layout dan Pilihlah Edit HTML
3. Sebelum memulai edit, pilihlah DOWNlOAD FULL TEMPLATE untuk memback up template anda
4. Carilah text</body> , dapat dilakukan dengan menekan tombol Ctrl + F
5. Masukkan script dibawah ini , sebelum text </body> atau tepat diatas teks </body>
<!-- floating button -->
<div style='display:scroll;position: fixed; top:30px;left:5px; '>
<table border='0' cellpadding='0' cellspacing='1' width='32'>
<tr><td><a expr:href='data:blog.homepageUrl' title='Home'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmrF36pV7TGKiENO50QHy-VqsJw7d8MlE0h4bgGjb9E5fewMbwSCTJilwatMLN5c5SH3iE46ISheki4YjMl1-SdmN2UPTVjuAKpUt1jTaMrTe-ojSWEXJK8PrOECiY-lcqtDFIL5LkyCI/s320/home-icon2.png'/></a></td></tr>
<tr><td><a href='#' title='Back to Top'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtc6K_-OOUtrFL2MRwluoeCzq6rcUVClEOfYHmEsZE7musifuW35U68YvCqMknk4Cu0zeW46kI203D6q8VHSbrWgfV-cIWc05yf-oIbmPrOCbrV4Scfbyicm8nbcwrB33DzmxbT1x0k-Y/s320/pre-icon1.png'/></a></td></tr>
<tr><td><a href='#ngisor-dhewe' title='Go to Buttom'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitSpFCl9gEzqKMTZkevQukxpnXexQP5bt52jqGUPS_3u5ZUUWIo3FwUnyxcbSMWWgFJ_kGpt7jhe0QQR8YBVoWq4o3PJMQCcL3dHZ6z6w1eKO2dnkjBNPGT_1JsNog3Y4Zi2RvXPts2-U/s320/next-icon2.pn'/></a></td></tr>
<tr><td><a href='#' onClick='window.location.reload()' title='Reload page'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEjzRlty1MltIUcHDxMFqbqm_K4bci65alcnVx2nQg2qQ7uZLmOSbXxEAsf5rpPs-Bl4Jmzet1cB0Mvdtrga14zIhcZYZF0CgatJoeSfEWTS773FtSvo6Ueub_nIK8-WcO37HoHxEkHms/s320/refresh-icon1.png'/></a></td></tr>
<tr><td><a href='http://www.emailmeform.com/builder/form/730264' title='Mail me'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhESwPePZGQOcYALYT8nfzJggjUYxvO_jIXibvS3z7MUpCWnbl7rDDioEXnR7WTn0_GRT8EmHwF5MYiasGiVzL2xBnl71DuRblWQO2wU5rpTrOLKDdqalFCVGYanYekrxVox6WkiBr5uhk/s320/mail-icon2.png'/></a></td></tr>
</table>
</div>
<!-- end of floating button -->
<a name='ngisor-dhewe'/>
<div style='display:scroll;position: fixed; top:30px;left:5px; '>
<table border='0' cellpadding='0' cellspacing='1' width='32'>
<tr><td><a expr:href='data:blog.homepageUrl' title='Home'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmrF36pV7TGKiENO50QHy-VqsJw7d8MlE0h4bgGjb9E5fewMbwSCTJilwatMLN5c5SH3iE46ISheki4YjMl1-SdmN2UPTVjuAKpUt1jTaMrTe-ojSWEXJK8PrOECiY-lcqtDFIL5LkyCI/s320/home-icon2.png'/></a></td></tr>
<tr><td><a href='#' title='Back to Top'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtc6K_-OOUtrFL2MRwluoeCzq6rcUVClEOfYHmEsZE7musifuW35U68YvCqMknk4Cu0zeW46kI203D6q8VHSbrWgfV-cIWc05yf-oIbmPrOCbrV4Scfbyicm8nbcwrB33DzmxbT1x0k-Y/s320/pre-icon1.png'/></a></td></tr>
<tr><td><a href='#ngisor-dhewe' title='Go to Buttom'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitSpFCl9gEzqKMTZkevQukxpnXexQP5bt52jqGUPS_3u5ZUUWIo3FwUnyxcbSMWWgFJ_kGpt7jhe0QQR8YBVoWq4o3PJMQCcL3dHZ6z6w1eKO2dnkjBNPGT_1JsNog3Y4Zi2RvXPts2-U/s320/next-icon2.pn'/></a></td></tr>
<tr><td><a href='#' onClick='window.location.reload()' title='Reload page'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEjzRlty1MltIUcHDxMFqbqm_K4bci65alcnVx2nQg2qQ7uZLmOSbXxEAsf5rpPs-Bl4Jmzet1cB0Mvdtrga14zIhcZYZF0CgatJoeSfEWTS773FtSvo6Ueub_nIK8-WcO37HoHxEkHms/s320/refresh-icon1.png'/></a></td></tr>
<tr><td><a href='http://www.emailmeform.com/builder/form/730264' title='Mail me'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhESwPePZGQOcYALYT8nfzJggjUYxvO_jIXibvS3z7MUpCWnbl7rDDioEXnR7WTn0_GRT8EmHwF5MYiasGiVzL2xBnl71DuRblWQO2wU5rpTrOLKDdqalFCVGYanYekrxVox6WkiBr5uhk/s320/mail-icon2.png'/></a></td></tr>
</table>
</div>
<!-- end of floating button -->
<a name='ngisor-dhewe'/>
Setelah ini, save lah template anda dan lihatlah blog anda.
Semoga berguna bagi saudara saudara semua
Regard
No comments:
Post a Comment