Membuat 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 Sobat
2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang KoloM 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;
}
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/AVvXsEhj-i-I62oasoM1h9H-qdi7oMIXaE2GjT1Kic2i8eu8JjIUC1Et5wbreBNasVtxMs3sfWJ4n6dRT5xoWXR390k0lxWreqtOlg0gltuCGGWALVc8ThqTd41FwsjxGAQU8BBAI3lkSerFo3I/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3mca_C_dEpTkz9kzP4feZOuvhM_ImpSVQ6pkW7YqHEcMhaUTwZQDpYnMzULdSun68cg9rlFT24Dm9ORRgscBZtCq7M3GQUhXqbZRNa_f5a0KFOKpNZY8OtDI8aRiK1ymGI1n80NGidqA/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVVWOt0pPxgKrpHz8cNzkEmpZ54F3TX1-5BP73el3oHg6mqDLthL-kVUjKPHh7A3f7-ZE5drU9EtEW84a4Q64z4bfAY3DgIBvXf4x5UVU_65HvYHBxpMQZiIxU1uiLahWPNqIejUVSHV8/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.
1 komentar:
waaah blognya gaul abisss gan,,,betah nue ane disini,,hemmm ijin belajar ea gan..
Posting Komentar
Silahkan Berikan Komentar yang layak dan bijak, komentar yang mengandung SPAM, SARA , dan PORNOGRAFI akan saya hapus . Blog DOFOLLOW.
Saya Mengucapkan banyak terimakasih atas partisipasi dan atas kunjungan kalian, Saya Berharap semoga ini bisa bermanfaat buat kita semua .