Home / Trik dan Tips Blog / Cara Membuat Tombol Home,Back To Top,Dan Bottom

Cara Membuat Tombol Home,Back To Top,Dan Bottom

Posted by Unknown Kamis, 01 Desember 2011 0 komentar

Pada Tips Blogspot Sebelumnya saya sudah Menjelaskan Bagaimana Membuat Link Mengeluarkan Bintang Saat Mouse Menyorotnya?Dan Sekaraang Saya akan Menjelaskan Tentagn Cara Membuat Tombol Home,Back To top,Dan Bottom.Baiklah Saya akan Memulai Langkah langkahnya?

1.Masuk Ke akun Blog Sobat
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;
}

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/AVvXsEif-frhtuRMveXJBTzzNgB4N6dsdNYD3tAAsThz00BAt9hbuX5-U42LnltKFXX6nV0K_qtxGOhPLzLtyQpRQVZQYLFSj7WPlkyP_Hs1azNXRWN4bn_J3yaLvFhxFbId2SvjFCkUVE5s-Do/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjReuRVKW0zlvm4Lc0W3rAjeGdq3T-FAAkZQAfrLaoKpSggzMJVdLGWXidoigHhbJUBGOBHlB0vKdUcnNSP3Fes47iNG7l8fwhbnq9HaTBfp1rDsN_pNdytG5RaD_Ezod9VPPZepsd5NzA/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3DlNWbc_8_e6_cY9x4SQQQU0NVIX06LSWJ-NpXL_YC1Strip-y6ZScsZdpCm-rUcOeybtcOFi2X3hj5Cbk3tIWdDbaUp_iThQmHtYxm26TAK_4wylprQmlnssWa6ohOt2ruKd-22gUoQ/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>

Dan Simpan Templatenya

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Cara Membuat Tombol Home,Back To Top,Dan Bottom
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://azharadzuan.blogspot.com/2011/12/cara-membuat-tombol-homeback-to-topdan.html. Terima kasih sudah singgah membaca artikel ini.