membuat tombol back,forward,top dan bottom di blog

pembaca pasti senang jika fasilitas blog kita lengkap.masudnya lengkap ada print,ada juga fasilitas tombol back,forward,top dan bottom.pasti pengunjung lebih betah di blog kita.sekarang saya akan memberi tahu bagai mana cara membuat tombol back,forward,top dan bottom di blog.contoh dan caranya sebagai berikut:














1.masuk ke account blogger

2.tata letak--->edit html

3.cari kode ]]></b:skin>

dan letakan kode di bawah ini di atas kode tersebut.



#mangetsu {

position:fixed;_position:absolute;bottom:0px; right:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

#mangetsu a

{

filter:alpha(opacity=65);

-moz-opacity:0.65;

opacity:0.65;

border:0;

}

#mangetsu img

{

border:0;

}

#mangetsu a:hover

{

filter:alpha(opacity=100);

-moz-opacity:1;

opacity:1;

}
keterangan:

  • bottom letak gambar di bawah
  • top letak gambar di atas
  • right letak gambar di kanan
  • left letak gambar di kiri
gantilah sesuai anda

sekarang copy code di bawah in:

dan letakan di HTML/Javascript



<div id='mangetsu'>

<table border='0'>

<tr>

<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpas_W1ljt9V-bwUZUUjdjcqzDOQdAg5CLYS40nroinCN4hyZdisKfViUu4jdSYASaeX7mkkpsPdNA7j3i-D7MIhiUi_20QiuuoCWdqsTI5IBSCSehIDg7B-2SqOkznJhqVAjHKV0JFeI/s320/home-icon2.png'/></a></td>

<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCa6b7SjrFzRwD0EqKMuDmVrG5_IsEqF0XpdyYXV3TDXNSQ0XlNVhNcn41hHFgaYr_XQUae_iVWV6sKO0pz5Zx6T67D_TkjGxZBCwNsyFZPtKfCMF9KW4A3fRCm24ShTyb026EF18JpxY/s320/pre-icon1.png'/></a></td>

<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhh21iLk2qxIPsP9oL8_cHevGbs0dDAI-G_X9uzbpOlNB_yY0poInurq-enhU2Q1n8Q_SOC3BSiWswB_clidV43HSLiT1_K1v-83DI-v0uSbinVjYTJXdyOS1fsgtG4ffQtFwpztc8v4/s320/next-icon2.png'/></a></td>

<td><a href='#' onClick='window.location.reload()' title='Reload page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpw-N88gcFmRrYiAXRC1P5t-ndtKNVsv5EvYX9hQFV-N3TAddQGcgEhEGmnwC60gJqHwBP8eNwfuEWLOyiGqFhgIZm6O6ZT4_n2UrncGedSjWNKIwJjcUV3SMwvgcbr2wpdUKRwqmDrgs/s320/refresh-icon1.png'/></a></td>

</tr>

</table>

</div>


selamat mencoba,semoga berasil


Tidak ada komentar:

Posting Komentar

SILAHKAN KOMEN ?...TLP:08388288180/SUHNDY@GMAIL.COM