Cara Memasang Tombol Back to Top diatas Footer pada Blog



Kali ini saya akan share Tutor Cara Memasang Tombol Back to Top diatas Footer pada Blog. Pemasangan tombol Back To Top dilakukan agar untuk mempermudah menuju kebagian atas Blog XD. Oke langsung saja ya :


  • Login akun Blogger sobat dulu
  • Pilih Template > Edit HTML
  • Cari Kode dibawah ini

]]></b:skin>


  • Lalu Copy dan Pastekan kode dibawah ini tepat diatas kode yang tadi.

.kirito-top{width:876px; background-color:#9000bf; border:4px solid #51006b; box-shadow:0 00 3px rgba(0,0,0,0.9); text-align:center; font-size:16px; padding-top:10px; margin-left:19px;margin-bottom:15px; font-family:'Passero One',cursive;color:#ffffff; padding-bottom:10px; border-radius:10px 10px 0px 0px;}


  • Cari lagi kode kode dibawah ini

    <div id='footer'>

  •  Lalu Copy dan Pastekan kode dibawah ini tepat diatas kode yang tadi

<div class='kirito-top'> <a href='#top'>&#9650;Top&#9650;</a></div>


  • Klik Simpan/Save 

NB :
  • Teks warna Merah adalah kode warna Background-nya
  • Teks warna Biru adalah Ketebalan garis Bordernya
  • Teks warna Ungu adalah Kode warna garis Bordernya
  • Silahkan anda Edit sendiri sesuka sobat :D


Credit : http://www.ardi007jr.blogspot.com/2012/12/cara-memasang-tombol-back-to-top-diatas.html#ixzz2L91RM2Kd

0 Response to "Cara Memasang Tombol Back to Top diatas Footer pada Blog "

Posting Komentar