Blog Cinangka

Pasang Home,Refresh,Up,Down Vertical di pojok

Posted by Taufiq Rohman Thursday, September 1, 2011
Share this Article on :

1. login ke blogger

2. pilih rancangan-edit html

3. centang Expand Template Widget

4. cari </body>

5. letakan script dibawah ini tepat di atas kode </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='http://1.bp.blogspot.com/_rJyl7MtUcdY/S9QFyGDOdHI/AAAAAAAAAe4/Uz2_Cn7MQrU/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='http://2.bp.blogspot.com/_rJyl7MtUcdY/S9QFtGirgKI/AAAAAAAAAew/8djXsedR4wg/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='http://4.bp.blogspot.com/_rJyl7MtUcdY/S9QFncHAkrI/AAAAAAAAAeo/dklrey4DVTk/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='http://2.bp.blogspot.com/_rJyl7MtUcdY/S9QF5V8CcAI/AAAAAAAAAfI/dzKXCMciQrs/s320/refresh-icon1.png'/></a></td></tr>



<tr><td><a href='http://www.emailmeform.com/builder/form/rBbDnjLea2T2' 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='http://1.bp.blogspot.com/_rJyl7MtUcdY/S9QF3YENjdI/AAAAAAAAAfA/1PHve2tmx9g/s320/mail-icon2.png'/></a></td></tr>



</table>

</div>

<!-- end of floating button -->

<a name='ngisor-dhewe'/>

6. ganti http://www.emailmeform.com/builder/form/rBbDnjLea2T2

dengan ID "email me form" kamu sendiri, silahkan daftar [gratis !] dan buat email me form kamu sendiri. dan juga ganti top:30px;left:5px; '> dengan

- top = bottom

- left = right

- 30px= ... Dan seterusnya px

- 5 px = ... Dan seterusnya px

7. Setelah selesai simpan template

Related Post:

Post a Comment