Halo sobat Perantau ...posting kali ini Perantau akan menjelaskan cara
membuat tombol seperti gambar di atas.Tombol Home,Back to Top dan
Bottom sangat membantu sekali baik untuk kita sendiri maupun untuk para
pengunjung blog kita karena dengan ada nya tombol tersebut pengunjung
bisa kembali ke halaman utama,halaman sebelunya atau halaman
selanjutnya..atau pengunjung begitu klik langsung kemabali ke Home
(Rumah aslinya alias balik kandang) hehehe...tapi nga lah dengan ada nya
pengunjung pasti dong yang punya blog senang seperti Perantau yang sudah
di kunjungi oleh sobat sudah pasti senang...ya nga sob..:D....huhhhhh
ngoceh melulu kapan bahasnya ne...hehehe
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/AVvXsEixZv7zvSe-7Gb-dxEeV9Hjb54pvzj6-VpqqPKicORcGwfuKsh1r1R4EzIaZl_fXX3agcIIdC-sYva3uo6vYMefEa0vBXH-wNvFPYXaYCVdm46oQfQp-7CoQ3LNgw2abEnSthYS8Vm8SWA/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg31439fRUlq0G5E82SRdriiIwZZMUwJd5in3FWs9f0H1bd6PVkJ44Q563I9Hf3zm1_8RjRI526QbZ7OA5fngqEsi-3_760060Wm1HqOdh681VLTgLztZpRzOaeObYMcbTgl8HIalDwbOU/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6TdDaR3nK4iDPDSmNP1N2wiKYsy3MxwlF2tKOfl2lQx1K9pqbuJ3QPXWSo81A6h-nYw62dzd5d6sAzdx17PIEgc3eXQfjVOfySmjT0RsNNB_4LPRSeb3R2kNNlAOFeg5KbwSPTDu11Mo/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>
Sebelum di simpan coba sobat lakukan Preview terlebih dahulu dan kalau sudah ok silahkan sobat simpan Templatenya...
** Selamat Mencoba Semoga berhasil **
0 komentar:
Posting Komentar