Tutorial ini sebenarnya udah biasa,cuma mengingatkan kembali, yakni membuat icon shorcut Back to Top and Bottom. Caranya sebagaiberikut:
* Masuk ke Tata Letak -> Edit HTML
* Copy CSS berikut dan pastekan di atas ]]></b:skin>
#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;
}
* Kode yang dicetak tebal adalah letak dari widget, "bottom" bisa kamu ganti dengan "top" dan "right" bisa kamu ganti dengan "left" (terserah kamu)
* Kalau sudah, cari lagi kode </body> tambahkan kode <a name='ngisor-dhewe'></a> tepat diatasnya.
* Simpan templatenya!
Sekarang tinggal memasang shortcutnya...
* Copy kode yang ada dibawah ini!
<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/AVvXsEggSDlbUGL0pw4h3Tw_BrSMtirH7H1fZ098vKZw3MbwWjt1g5OKFB8C92y1PGzq_Xpof1pn1CsUW2FhKhmjYBofjfjPXF_pwrrjTPpIzuqwTgLsmjhTlQF6tXvDH_XYPNyvHty5MlEr-1U/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz39diKZfo1ktsH35s_gCPSCEqekc4QJh98kFX1yqOjUNtAMzU86SpMpGclNLVx-6I3Up6z3BN8v1sTHWFkgCuufbQ9Vs_S0omPC1bkh8SwGJj7xoFKEDlCADbhjsRjeFInWWGCy8xFjg/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGpsIa90Ln8okFtlklV_o6wo2ogblML2F_EnT7VVINMqSE0Gy1n_qGMyofKu_NSREWL2OBeg3zB4ZLXfuBfiOvNB5mLHLzzTgKZYg-WST7nkaOd0-MBteOx91Dq1mh4SxyMyzbeVwxoc4/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/AVvXsEjmshXvkLo1S2rjApViQTokK8Gx4uphNqIFUzzf4FsPV6VP-5nE88Uo9TRYhH8RQvvYvdPTfhyphenhyphengfKZqKszWnAl-R9rsu_9s_IE2ZtgzhmRWL427KGFtRKRkWq3L4SkQFZ-3P5JnNm1GMT0/s320/refresh-icon1.png'/></a></td>
</tr>
</table>
</div>
* Kodenya bisa paste dibawah <body> atau bisa juga ke Tata Letak -> Elemen Halaman -> Tambah Gadget -> HTML/Javascript, Paste dan simpan.
![--::[[ No Musik No Life ]]::---](http://infis.comoj.com/images/INfiscok.gif)
0 komentar:
Posting Komentar
Silahkan Tinggalkan Jejak Sobat Lewat Komentar.
Maka dengan Serta Merta saya Akan Jelajahi Sobat Kembali