Cara Membuat Tombol Back To Top
1. Login ke blog.
Masuk ke bagian Template
2. Pilih Edit HTML + klik Expand Template Widget
3. Cari kode ]]></b:skin> letakan kode di bawah ini:
#Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}
#Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
#Enjoy img{border:0}
#Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
4. Cari kode kode <body> letakan kode di bawah ini:
<div id='Enjoy'>
<a href='#' onClick='window.location.reload()' title='Reload page'>
<img src='http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>
<a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>
<a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>
<a href='#footbar' title='Ke bawah halaman'>
<img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>
</div>
5. Terakhir simpan tamplate anda, dan lihat hasilnya
Demikian info Cara Mudah Membuat Tombol Back To Top di Blog semoga bermanfaat, terima kasih.
Infomedia
TERIMA KASIH ATAS KUNJUNGAN ANDA
Judul: Cara Mudah Membuat Tombol Back To Top di Blog
Ditulis oleh: Ryo Aditya
Semoga artikel ini bermanfaat bagi anda.
Terima kasih, sudah berkunjung dan membaca artikel ini.
Judul: Cara Mudah Membuat Tombol Back To Top di Blog
Ditulis oleh: Ryo Aditya
Semoga artikel ini bermanfaat bagi anda.
Terima kasih, sudah berkunjung dan membaca artikel ini.
.jpg)
.jpg)
Post a Comment