Membuat Back to Top Di Blog

Rabu, 13 Maret 2013

1. Masuk ke account blogger>>
2. Untuk membuat caranya mudah tinggal pilih Rancangan >> Edit HTML
3. Lalu cari kode ]]></b:skin> dan copykan kode CSS dibawah ini diatas kode tadi:

#credits-footer{color:#fff; background:#1a1a1c; width:100%; float:left; text-align:center; margin:10px auto; padding-top:5px; padding-bottom:5px; line-height:1.7em; letter-spacing:.0em; font-size:11px;font-weight:bold;box-shadow: 0 0 3px #191919;}#footer a:link{color:#000; text-decoration:none}#footer a:visited{color:#000; text-decoration:none}#footer a:hover{color:#333; text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}#credits-footer a:link{color:#fff; text-decoration:none}#credits-footer a:visited{color:#fff; text-decoration:none}#credits-footer a:hover{color:#fff; text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

4. Kemudian cari kode </body> lalu copykan kode html di bawah ini diatasnya:

<div id='credits-footer'><div style='float:right;padding-top:4px;padding-right:5px;'><a href='#top'><img src='https://lh3.googleusercontent.com/-24jxtCILKmE/T_aNEQ9vtOI/AAAAAAAABo4/pWVrOnmq0ps/s30/nl42sp8d.png'/></a></div>

Jika sudah klik pratinjau dulu, jika hasil telah baik silahkan simpan... Dan lihat hasilnya
Demo bisa dilihat dibawah...

NB: kode yang berwarna pink silahkan silahkan bisa diganti dengan gambar selera sobat sendiri. Mungkin segitu dulu yang dapat share, semoga Membuat Back to Top ini bermanfaat.