Cara Membuat Tombol Back To TOP

Cara Membuat Tombol Back To Top - Kali ini saya akan mencoba memberikan tutorial Cara Membuat Tombol Back To Top, Tombol Back To Top ini berguna untuk mempercepat kembali ke halaman atas pada sebuah halaman website hanya dengan satu klick tanpa menggunakan scroll.

Terlebih lagi kalau postingan atau isi blog sahabat sangat panjang kebawah, maka setelah pengunjung membaca dan melihat isi postingan atau halaman blog sampai kebawah tentunya akan menscroll kembali keatas dan ini dirasa sedikit mengganggu kenyamanan bagi pengunjung, nah dengan adanya Tombol Back To Top pengunjung tidak perlu lagi menscroll untuk kembali keatas, hanya dengan sekali klick maka pengunjung sudah ada pada bagian paling atas halaman.

Nah apabila sahabat tertarik untuk membuatnya, berikut langkah langkah Cara Membuat Tombol Back To Top:

1. Masuk ke Blogger

2. Kemudian pilih Tata Letak

3. Tambahkan widget baru atau "Add Gadget"

4. Pilih HTML/Javasript

5. Copy kode dibawah ini dan pastekan kedalam widget

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Scroll/Back to Top"><img src="http://i83.servimg.com/u/f83/18/31/04/03/untitl12.png" /></a>

6.Simpan dan lihatlah hasilnya

Backlink here..

<b style="margin: 0px; padding: 0px;">Cara Membuat Tombol Back To Top</b><span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; text-align: justify;"> - Kali ini saya akan mencoba memberikan </span><span style="font-family: Arial, Helvetica, sans-serif;">tutorial</span><span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; text-align: justify;"> </span><u style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><b style="margin: 0px; padding: 0px;">Cara Membuat Tombol Back To Top</b></u><i style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><b style="margin: 0px; padding: 0px;">,</b></i><span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; text-align: justify;"> </span><i style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><b style="margin: 0px; padding: 0px;">Tombol Back To</b></i><span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; text-align: justify;"> </span><i style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"><b style="margin: 0px; padding: 0px;">Top</b></i><span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; text-align: justify;"> ini berguna untuk mempercepat kembali ke halaman atas pada sebuah halaman website hanya dengan satu klick tanpa menggunakan scroll.</span><br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqn9-5vSruMZUztNW_n-QT0JgKALYLl7UIC82BB9uaMQrYNeoyQjQhLBPZiEeRhvu06GK2_whqwWZmDbLgl15P1csCMuPPuIk68jDIAM8M8VwVqthq7SRz-1MF17hgdHISBmGgwhSBLjg/s1600/assad.png" imageanchor="1" style=""><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqn9-5vSruMZUztNW_n-QT0JgKALYLl7UIC82BB9uaMQrYNeoyQjQhLBPZiEeRhvu06GK2_whqwWZmDbLgl15P1csCMuPPuIk68jDIAM8M8VwVqthq7SRz-1MF17hgdHISBmGgwhSBLjg/s280/assad.png" width="280" /></a></div> <div style="text-align: center;"> <span style="color: #222222; font-family: Verdana, sans-serif; font-size: 12.222222328186035px; line-height: 18.99305534362793px;"><br /></span></div> <br /> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> Terlebih lagi kalau postingan atau isi blog sahabat sangat panjang kebawah, maka setelah pengunjung membaca dan melihat isi postingan atau halaman blog sampai kebawah tentunya akan menscroll kembali keatas dan ini dirasa sedikit mengganggu kenyamanan bagi pengunjung, nah dengan adanya <b style="margin: 0px; padding: 0px;">Tombol Back To Top</b> pengunjung tidak perlu lagi menscroll untuk kembali keatas, hanya dengan sekali klick maka pengunjung sudah ada pada bagian paling atas halaman.</div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> <br style="margin: 0px; padding: 0px;" /></div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> Nah apabila sahabat tertarik untuk membuatnya, berikut langkah langkah <i style="margin: 0px; padding: 0px;"><u style="margin: 0px; padding: 0px;"><b style="margin: 0px; padding: 0px;">Cara Membuat Tombol Back To Top</b></u></i>:</div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> <br style="margin: 0px; padding: 0px;" /></div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> 1. Masuk ke <span style="color: #990000; margin: 0px; padding: 0px;">Blogger</span></div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> <br style="margin: 0px; padding: 0px;" /></div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> 2. Kemudian pilih <span style="color: #990000; margin: 0px; padding: 0px;">Tata Letak</span></div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> <br style="margin: 0px; padding: 0px;" /></div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> 3. Tambahkan widget baru atau <span style="color: #990000; margin: 0px; padding: 0px;">"Add Gadget"</span></div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> <br style="margin: 0px; padding: 0px;" /></div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> 4. Pilih <span style="color: #990000; margin: 0px; padding: 0px;">HTML/Javasript</span></div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> <br style="margin: 0px; padding: 0px;" /></div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> 5. Copy kode dibawah ini dan pastekan kedalam widget</div> <div style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; margin: 0px; padding: 0px; text-align: justify;"> <br /></div> <span style="color: white; font-family: Verdana, sans-serif;"><span style="background-color: blue; font-size: 12.222222328186035px; line-height: 18.99305534362793px;"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Scroll/Back to Top"><img src="http://i83.servimg.com/u/f83/18/31/04/03/untitl12.png" /></a></span></span><br /> <span style="color: white; font-family: Verdana, sans-serif;"><span style="background-color: blue; font-size: 12.222222328186035px; line-height: 18.99305534362793px;"><br /></span></span> <span style="background-color: white; color: #222222; font-family: Verdana, sans-serif; font-size: 12px; line-height: 19px; text-align: justify;">6.Simpan dan lihatlah hasilnya</span> Description: <span itemprop='description'>Cara Membuat Tombol Back To TOP</span> Rating: <span itemprop='rating'>4.5</span> Reviewer: <span itemprop='reviewer'>ismi tullah</span> - ItemReviewed: <span itemprop='itemreviewed'>Cara Membuat Tombol Back To TOP</span> <br/> Sumber: <a href='http://thepro-24.blogspot.com/2013/06/cara-membuat-tombol-back-to-top.html?m=1'> thepro24 </a>

Cara Membuat Tombol Back To TOP

Backlinks Please Thanks ^_^

URL

Code For Forum

HTML Code <a href='http://thepro-24.blogspot.com/2013/06/cara-membuat-tombol-back-to-top.html?m=1' target='_blank'>Cara Membuat Tombol Back To TOP</a>