Membuat Icon Back To Top on Blog!

Back To Top adalah button yang bisa mengembalikan kita ke halaman paling atas secara otomatis

Langkah 1:
Buka Dashboard -> Layout -> Edit html
Temukan script di bawah: [ctrl+f]

]]></b:skin>

Apabila sudah menemukannya, tambahkan script di bawah ini, di atas script tadi:

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

Langkah ke 2:
Temukan script di bawah: [ctrl+f]

</body>

Apabila sudah menemukannya, tambahkan script di bawah ini, di atas script tadi:

<a href="#" id="backtotop"><img src="Image-Url" alt="back to top" /></a>

Ganti Image-Url ke alamat model button yang di inginkan
 ------------------------------------------------------------------------------

 

http://3.bp.blogspot.com/_JwD5r652h00/SvDAnTlDfDI/AAAAAAAAAQY/y-NAytkDXjI/s1600/bttp-5.png

 ------------------------------------------------------------------------------

 

http://2.bp.blogspot.com/_JwD5r652h00/SvDAnGbH7qI/AAAAAAAAAQQ/qKtrVmPCBXY/s1600/bttp-4.png

------------------------------------------------------------------------------

 

http://1.bp.blogspot.com/_JwD5r652h00/SvDAmyqvA9I/AAAAAAAAAQI/hACE99TswzU/s1600/bttp-3.png

------------------------------------------------------------------------------

 

http://1.bp.blogspot.com/_JwD5r652h00/SvDAmXE1tvI/AAAAAAAAAP4/pQk69X73NIo/s1600/bttp-1.png

------------------------------------------------------------------------------

 

http://1.bp.blogspot.com/_JwD5r652h00/SvDAmVOZPMI/AAAAAAAAAQA/_Y2Nd0UZVMM/s1600/bttp-2.png

------------------------------------------------------------------------------

 

http://2.bp.blogspot.com/_JwD5r652h00/SvDBCN6PpfI/AAAAAAAAARA/oEpqkKnL0Jw/s400/bttp-10.png

------------------------------------------------------------------------------

 

http://2.bp.blogspot.com/_JwD5r652h00/SvDBBw_U6MI/AAAAAAAAAQ4/KDKaH8OTDO4/s400/bttp-9.png

------------------------------------------------------------------------------

 

http://1.bp.blogspot.com/_JwD5r652h00/SvDBBzoz4II/AAAAAAAAAQw/n9hIomKpQxY/s400/bttp-8.png

------------------------------------------------------------------------------

 

http://4.bp.blogspot.com/_JwD5r652h00/SvDBWWig4UI/AAAAAAAAARI/28cXbIDOaqk/s400/bttp-11.png

------------------------------------------------------------------------------

 

http://4.bp.blogspot.com/_JwD5r652h00/SvDBWmm_WTI/AAAAAAAAARQ/xfyALfcAbZ4/s400/bttp-12.png

------------------------------------------------------------------------------

 

http://3.bp.blogspot.com/_JwD5r652h00/SvDBBlYeFHI/AAAAAAAAAQo/lzY3WpZpwPA/s40

------------------------------------------------------------------------------ 

 

http://3.bp.blogspot.com/_JwD5r652h00/SvDBW6QlhXI/AAAAAAAAARY/6ZxECjTlMxM/s400/bttp-13.png

------------------------------------------------------------------------------

 

http://3.bp.blogspot.com/_JwD5r652h00/SvDBW-al_pI/AAAAAAAAARg/Aoxlzmp3Kw0/s400/bttp-14.png

------------------------------------------------------------------------------

 

http://1.bp.blogspot.com/_JwD5r652h00/SvDBXF2WGRI/AAAAAAAAARo/FIPZOwsTTBc/s400/bttp-15.png

------------------------------------------------------------------------------

 

http://3.bp.blogspot.com/_JwD5r652h00/SvDBloI2NZI/AAAAAAAAARw/VI-Li7cPUvM/s1600/bttp-16.png

------------------------------------------------------------------------------

 

http://1.bp.blogspot.com/_JwD5r652h00/SvDBl9PLQ7I/AAAAAAAAAR4/5fV05DNfZ9o/s400/bttp-17.png

------------------------------------------------------------------------------

 

http://3.bp.blogspot.com/_JwD5r652h00/SvDBl0UhsvI/AAAAAAAAASA/ge0GmH0HkyE/s400/bttp-19.png

 ------------------------------------------------------------------------------

 

http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png

------------------------------------------------------------------------------ 

 Setelah mengganti Image-Url dengan gambar yang di inginkan akan terlihat seperti contoh di bawah ini:

<a href="#" id="backtotop"><img src="http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png" alt="back to top" /></a>

Langkah 3:

Temukan script di bawah: [ctrl+f]

<head>

Dan paste script di bawah ini setelah script di atas:

&lt;script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' 

type='text/javascript'&gt;&lt;/script&gt; 

&lt;script language=&quot;javascript&quot;&gt; $(window).ready(function(){ $('#backtotop').click(function(e)

{ e.preventDefault(); $('html, body').animate({scrollTop:0}, 'slow'); }); }); &lt;/script&gt;

kemudian pilih Save Template

SELESAI SUMBER Klik DISINI!