2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang Kolo Expand Template Widget
3.Kemudian Cari Kode ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian )
4.Copy Paste Kode Dibawah Ini Tepat Diatas Kode Tadi
#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;
}
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;
}
5.Selanjutnya cari kode </body> Dan Letak Kode Dibawah Ini Tepat Diatasnya
<a name='ngisor-dhewe'></a>
6.Langkah Terakhir Tinggal Memasukan Kode Dibawah Ini Tepat Dibawah Kode <body>
<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/AVvXsEi2Eyn_NyWymvVINSwpWLyjUwUFOMj85dIFiuNaVKGdhjy44IX2Ipf3VRw-sRlKRokVTUfzVvV37Bq-wk9ndHEzFDGSdfUmHyTb2UJhy9iBhzSA0IdKEj6N7xuqjzIhiNCUk_NQKwqgup0/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLQ8-xfxEQSwYrIHBIzVf3gCsjIhd0TpIRdEHn6bMK6ke4TZA4rGScSPHr_XXUNNmH21lMqmBze766cm5srSZe37GEIgdahqhfd43jcR2eCGJYEf3cVZ3FaUL4V7iEX-7Eot2RCu6uC0/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTOrKv2pBN1wEQdzY1vTkRwRWjsDOvhUvQAZFCNSZEWapp3sqVP1r_AGAYHLE4200p_GH5mWrLw561DT-fJoGHw63vckh9XUMgCuUpOegIjPtNm7t6Q8HxC6k49xvhXfPdKDofFwb6kNA/s320/next-icon2.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/AVvXsEi2Eyn_NyWymvVINSwpWLyjUwUFOMj85dIFiuNaVKGdhjy44IX2Ipf3VRw-sRlKRokVTUfzVvV37Bq-wk9ndHEzFDGSdfUmHyTb2UJhy9iBhzSA0IdKEj6N7xuqjzIhiNCUk_NQKwqgup0/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLQ8-xfxEQSwYrIHBIzVf3gCsjIhd0TpIRdEHn6bMK6ke4TZA4rGScSPHr_XXUNNmH21lMqmBze766cm5srSZe37GEIgdahqhfd43jcR2eCGJYEf3cVZ3FaUL4V7iEX-7Eot2RCu6uC0/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTOrKv2pBN1wEQdzY1vTkRwRWjsDOvhUvQAZFCNSZEWapp3sqVP1r_AGAYHLE4200p_GH5mWrLw561DT-fJoGHw63vckh9XUMgCuUpOegIjPtNm7t6Q8HxC6k49xvhXfPdKDofFwb6kNA/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>
7.Simpan
Mudah kan sobat cara membuat Tombol Home,Back To Top,Dan Bottom nya...
Semoga Bermanpaat dan selamat mencoba....^-^
Anda Sedang Membaca Artikel : Tutorial Blog
dengan judul "Membuat Tombol Home, Back To Top, Dan Bottom Di Blog". Anda bisa bookmark halaman ini dengan URL https://hobbypusing.blogspot.com/2014/02/membuat-tombol-home-back-to-top-dan.html.
ٱلْحَمْدُ لِلَّهِ رَبِّ
ٱلْعَٰلَمِين
DAFTAR ARTIKEL HOBBY PUSING
