Cara Membuat Widget Back to Top di Blog

Oke kali ini saya sedikit berbagi tutorial membuat Cara Membuat Widget Back to Top di Blog.
Langsung saja saya mulai Tutorial nya

• Login ke Blogger
• Layout>HTML/Javascript
• Lanjutkan dengan mencari code ini: </b:section>
  
• Pastikan code tersebut adalah code yang terletak di paling ahir atau paling bawah. Karna dalam pencarian, anda akan menemukan beberapa code yang sama. Sekali lagi pastikan code tersebut adalah yang paling akhir.
• Letakan code dibawah ini, tepat di bawah code: </b:section>   
• <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>
   
  Keterangan:
  
  • URL berwarna merah adalah URL tombol "Back to Top" yaitu seperti ini:
  • Anda bisa mengganti gambar tersebut sesuai yang anda suka, kemudian ganti URL yang berwarna merah dengan URL gambar anda
  gampang bukan?
  
  • Anda hanya ganti URL yang berwarna merah tadi dengan URL tombol berikut:
  • Ada beberapa lagi gambarnya untuk kamu ganti, silakan dipilih
  
  
  • http://g.imagehost.org/0439/arrow_1.jpg
  
  
  • 
  http://g.imagehost.org/0497/arrow_2.jpg
  
  
  
  • 
  http://g.imagehost.org/0466/arrow_3.jpg
  
  
  
  • 
  http://g.imagehost.org/0130/arrow_4.jpg
  
  
  
  • http://g.imagehost.org/0042/arrow_5.jpg
  
  
  
  • Nah sekarang Paste code nya..
  • Terakhir yang tidak kalah penting nya dan HARUS dilakukan SAVE TEMPLATE
  • SELESAI !!

Related Posts [ Jangan lupa berkomentar ea.. ]