Sabtu, 22 September 2012

Cara Membuat Tombol Back To Top Simple dan Ringan

Membuat Tombol Back To Top itu bro sangat perlu jika postingan lo itu bro memang panjang dan ribet untuk memainkan touch pad nya apalagi kalo gak ada touch pad bro, untuk itu bro bagi lo yang berminat, ini gua kasih Tips yang simple dan ringan untuk blog lo bro, simak aja ya bro untaian berikut :




1. Masuk ke Dashboard Blog Lo bro 
     >> Pilih Rancangan 
      >> Edit Tata Letak 
      >> Add Gadget  
     >> Pilih HTML/Javascripts  
     >> Pastekan Kode yang Lo copy tadi bro >> Simpan Deh bro kode dikit ini . . .

         

2. silahkan copy paste kode dibawah ini bro lalu ikuti langkah 1.

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;">
<img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAMpDZdE7MPXSR1hJlXtwsfjpoGsrw4myzku6SSoazq_KB-D7s12LJRYBbCiSRVkNQeXfCbEykIcZwnoUJOyUkyx1wWJJTozNPwXJvgU79L9aLSdVybpePY7luV5U2yfNOe3m-70fImR5j/s1600/backtotop.jpg " /></a>


Ket :
  •        Silahkan Lo ganti bro Tulisan yang Berwarna MERAH dengan URL GAMBAR yang   lo suka bro.
  •        Kode ini Bro akan Muncul di Homepage dan dalam Postingan.


3. Tapi bro jika lo inginnya muncul hanya saat di dalam postingan saja bro bukan di homepage, 
     silahkan ikuti cara ini bro :

>> Pilih Rancangan
>> Pilih Template 
>> Edit HTML 
>> klik Expand Widget Template
>> Cari Kode </Body> bro
>> Setelah Ketemu bro, Silahkan Copy Kode diBawah dan Letakkan diAtas Kode </Body>
      bro.


<b:if cond='data:blog.pageType == "item"'>
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;">
<img src=" 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAMpDZdE7MPXSR1hJlXtwsfjpoGsrw4myzku6SSoazq_KB-D7s12LJRYBbCiSRVkNQeXfCbEykIcZwnoUJOyUkyx1wWJJTozNPwXJvgU79L9aLSdVybpePY7luV5U2yfNOe3m-70fImR5j/s1600/backtotop.jpg " /></a>
</b:if>


>> Setelah Selesai bro Tinggal Save Template aja bro



4. Tinggal Save deh bro dan Lihat hasilnya oke bro pasti keren and simple. . .




Gampang dan simple kan bro, selamat mencoba ya bro. 

Tidak ada komentar:

Posting Komentar