Membuat Tombol Home Back To Top dan Bottom Terlengkap

Ingin tau Membuat Tombol Home Back To Top dan Bottom Terlengkap Mari kita mulai saja Tutorial nya Eiiiit sebelum memulai Tutorial nya saya ingin menjelas kan dulu apa itu Tombol Home , Back To Top , dan Bottom ?





Untuk lebih jelas nya coba sobat klik Tombol Home,Back To Top,Dan Bottom yang ada pada blog saya,.

sudah sobat klik,nah itu dia maksud nya dari Tombol Home , Back To Top , dan Bottom Sobat tertarik untuk membuat nya di blog sobat ? jika tertarik , mari kita mulai cara pembuatan nya

1.Masuk Ke akun Blog anda

2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang Kolo Expand Template Widget

3.Kemudian Cari Kode ]]> ( 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;
}


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/AVvXsEgNq3qCrYWcr8aCh1CQrsffcGK8rf1zQ6nXKtXNKX9ygE8WPaQksHeaeq82UZueED0rKvgQGuC96sGUTf7IndwINtBliTVfJOnvvQa5hyl_VC4FNo_umJdVN692LaocIoSoobffYhR7RaU/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidP4J2rlrBjmfVE055pgiYJqSYg5tEoxKF1oxNEYhMltHoHBAKkbGeLrxr2KGOkMH41vCYfxgCfUKFtDttiqTHZdIqJslmiQOE7T4aHbhS3YmHmbwazcpRP_oI4yb6a3NrwMs0pVCimrc/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyQtwaPTe_rlGZx__UGSi0fVocxFfh2Md01WpxCo4RC9tp0YGsV5KRZnTzt5Bo-SG-IFzNxMG-bXeVCauhlVzDd0jnLWWqQZ6qvzdBSj1UDz-Y7CsVo4f1gImE_daC-ZHb6bmaDO85108/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>


7.Simpan Mudah kan sobat Membuat Tombol Home Back To Top dan Bottom Terlengkap nya... Semoga Bermanfaat dan selamat mencoba.

sumber

>> Cara Membuat Blog Gratis di Blogger Blogspot
>> Free Responsive Templates Download
>> Free Online Shop Templates Free website / Blogs
>> Google Webmaster Tools verification site ownership
>> Cara Mendaftarkan Blogs ke Alexa
 
Back to Top