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.
sekarang copy code di bawah in:
dan letakan di HTML/Javascript
selamat mencoba,semoga berasil
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: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;
}
- bottom letak gambar di bawah
- top letak gambar di atas
- right letak gambar di kanan
- left letak gambar di kiri
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>
<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