Cara membuat Tombol Home,Back to Top dan down
بسم الله الرحمن الرحيم
Oke kawan pada posting kali ini saya memostingkan tentang cara membuat Tombol home,back to top dan down,yg di request oleh salah satu rekan saya di kampus ..kebetulan saya sudah memakai dan mencoba jika rekan-rekan ingin mencoba sok silahkan berikut caranya :
1.Masuk Ke akun Blog Rekan-rekan
2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang KolomExpand 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 yg berwarna merah diatas
#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 Letakan Kode Dibawah Ini Tepat Diatasnya
7.Selesai tinggal simpan template anda dan lihat lah ada perbedaanya :D
Oke kawan pada posting kali ini saya memostingkan tentang cara membuat Tombol home,back to top dan down,yg di request oleh salah satu rekan saya di kampus ..kebetulan saya sudah memakai dan mencoba jika rekan-rekan ingin mencoba sok silahkan berikut caranya :
1.Masuk Ke akun Blog Rekan-rekan
2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang KolomExpand 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 yg berwarna merah diatas
#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 Letakan 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/AVvXsEj3o8eaK7lC0toEqNV8YNjUgRxSjmIOQJEozOMNtZFd_3tCZMekNbKj4BMjiaOHPjrUx8H6ciAJ9m7B6aGvcwS1xyUegxW_-vWi7SsqCmiK-5LZpI82P3C63XJhm15KlOAJRjac82glG0M/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8QR4dPGNpk84NoL_BvmXdG_AFIn4_OT83ji0C0AEeIu3DDv-4MrT0Rgi4wThc079JHDBMc-xw0v9yp91XUsYWsgpnm1rDCToHR2tqhv-Py-MSTDNTmsOVZO1TBzH7ngeCsoG_30hylD8/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCEiCZyXzzBKXdN12fbvxngafjZ_Gke_y_NtUFE4KeLDO-uUMCoxfuLDQX1lG_UgryoupK6EG4sqV5NDb4xxhZmshCXIvgsDjN8c5WGKV9JQy5jwgP2Kt9MZc8zLikTd0L0OmeYLYHW18/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/AVvXsEj3o8eaK7lC0toEqNV8YNjUgRxSjmIOQJEozOMNtZFd_3tCZMekNbKj4BMjiaOHPjrUx8H6ciAJ9m7B6aGvcwS1xyUegxW_-vWi7SsqCmiK-5LZpI82P3C63XJhm15KlOAJRjac82glG0M/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8QR4dPGNpk84NoL_BvmXdG_AFIn4_OT83ji0C0AEeIu3DDv-4MrT0Rgi4wThc079JHDBMc-xw0v9yp91XUsYWsgpnm1rDCToHR2tqhv-Py-MSTDNTmsOVZO1TBzH7ngeCsoG_30hylD8/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCEiCZyXzzBKXdN12fbvxngafjZ_Gke_y_NtUFE4KeLDO-uUMCoxfuLDQX1lG_UgryoupK6EG4sqV5NDb4xxhZmshCXIvgsDjN8c5WGKV9JQy5jwgP2Kt9MZc8zLikTd0L0OmeYLYHW18/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>
Label: tips
0 Komentar:
Posting Komentar
^_*cHat-cHeat*_^
Berlangganan Posting Komentar [Atom]
<< Beranda