Membuat Tombol Home Melayang | Tutorial Blog
Membuat Tombol Home Melayang | Tutorial Blog
Sebelumnya saya pernah posting tentang Membuat Tombol Back To Top, pada postingan kali ini saya akan berbagi cara Membuat Tombol Home page dan Reload page Melayang.
Langsung saja Sob, berikut caranya :
- Login ke Blogger, Klik Design/Rancangan > Edit HTML.
- Beri tanda centang pada Expand Template Widget.
Tips : Biasakan mendownload template untuk membackup template sebelum di edit. - Copy kode berikut dan pastekan di atas ]]></b:skin>
#floating-home {
position:fixed;_position:absolute;top:280px; left:0px; clip:inherit;
_bottom:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#floating-home a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#floating-home img
{
border:0;
}
#floating-home a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
} - Kemudian cari kode <body>, dan paste kode berikut dibawah <body> :
<div id='floating-home'>
<div><a expr:href='data:blog.homepageUrl' title='Home'><img alt='Home' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/home-i.png'/></a></div>
<div><a href='#' onClick='window.location.reload()' title='Reload page'><img alt='Reload page' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/refresh.png'/></a></div>
</div> - Terakhir klik Save / Simpan Template.
ada demo nya nggak gan??
ReplyDeleteDemonya liat di kanan blog ini ada tombol homepage.
Deleteseperti itu hasilnya.
kalo mau dirubah posisinya jadi dikanan gmn gan?
ReplyDeletemantep gan, dipake dulu dahhh
ReplyDeletesaya coba ya
ReplyDeletemakasih gan buat informasinya semoga bermanfaat buat kita semua salam kenal aja dari aku
ReplyDeletethanks gan...
ReplyDelete
ReplyDeletemakasih infonya semoga bermanfaat gan
ReplyDeletenice nih infonya
ReplyDeleteinfonya sangat menarik untuk saya simak,, nice infonya gan. sukses terus!!!!
. artikel yang anda tulis di blog ini, sungguh sangat memotivasi diri saya untuk trus berkarya, terima kasih semoga kebaikan anda mendapatkan balasa yang lebih baik.
ReplyDeletesangat menarik sekali infonya :)
ReplyDeleteterimakasih banyak atas info nya sangat bermanfaat sekali
ReplyDeletesemoga sukses...
Thanks infonya sangat bermanfaat sekali buat saya, di tunggu ea artikel selanjutnya :D
ReplyDelete
ReplyDeleteInformasinya sangat keren....
Mantappppp infonya gan thankas ea :D
ReplyDelete. artikel yang sangat menarik dan tentunya sangat membantu saya dalam belajar, makasih banyak ya lam sukses selalu
ReplyDeletepostingannya sangat menari gan,,
ReplyDelete
ReplyDeletethanks ea, kerennn bangettt infonya.... sukses selalu ea sob
nice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!
ReplyDeletethanks infonya gan,,,
ReplyDeletePembelian obat denature bisa invite pin bbm kami : 7968ab6b
ReplyDeletePembelian obat denature bisa invite pin bbm kami : 7968ab6b
ReplyDelete