Membuat Tombol Back To Top

Memasang tombol kembali ke atas atau memasang tombol back to top ini mungkin bagi saya sangat diperlukan karena untuk menyikapi blogg saya yang terlalu memanjang kebawah, mungkin masalah ini tidak akan penah di temui jika kita memasang template yang sudah menyertakan widget ini.. tapi jika belum kita bisa memasangnya sendiri..

karena jika tidak dikasih tombol back to top ini akan membosankan pembaca blog kita apalagi mereka menggunakan mouse yang kebtulan keadaanya sudah letoy hehe atau lebih parahnya lagi udah aus tidak ada scroll nya lagi itu akan membuat mereka capek untuk mengakses blog kita, maka alternatifnya adalah membuat tombol back to top atau tombol kembali ke atas. tujuanya sich agar pengunjung blog kita betah
Langkah - lankahnya :

    1. masuk blogger
    2. masuk ke Tata Letak
    3. Edit Html n centang wxpand widget cari tag </body>
    4. copy paste kode dibawah ini tepat diatas </body>




<!-- Bact to top edited by akur -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i580.photobucket.com/albums/ss241/nobhita/Up.png'/></a>

5. Save dan selesai..

membuat tombol back to top cara kedua..

    1. masuk blogger
    2. masuk ke Tata Letak
    3. Edit Html n centang wxpand widget cari tag ]]></b:skin>
    4. copy paste kode dibawah ini tepat dibawah kode ]]></b:skin>


    <script src='http://h1.ripway.com/antokcupu/backtotop.js' type='text/javascript'/>

    <script src=' http://h1.ripway.com/antokcupu/scrollTop.js' type='text/javascript'> </script>
    5. Selesai ..



membuat tombol back to top cara ketiga

copy kode dibawah ini dan tambahkan di add element


&lt;div id=&quot;back2top&quot;&gt;&lt;a href=&quot;/#outer-wrapper&quot;&gt;Back to Top&lt;/a&gt;&lt;/div&gt;

save dn lihat hasil nya.


Selamat Mencoba....

POSTING BERKAITAN

akur:
Tips Trick | Blog