Ketavank City: JavaScript

<div style="text-align: justify;">
Tombol Back To Top adalah sebuah tombol yang berfungsi untuk memudahkan pengunjung kembali ke atas artikel secara otomatis. Tombol ini bisa di bilang penting karena jika sobat mempunyai artikel yang panjang dan pengunjung ingin kembali keatas artikel harus menscroll keatas. Jika ada tombol ini maka pengunjung akan cukup terbantu.</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
Saya akan memberikan tutorial lengkap cara memasangnya di blog, menurut saya caranya sangat mudahh sekali bagi pemula atau newbie yang seperti saya ini hehehe. Langsung saja simak langkah langkahnya dibawah ini :</div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7SGzFffjACEfPOe9Z0pJEJuDCJWoyovhZZWiN4dFF78q1_8pBm31MKKm5m8f8BBfSBkcYf5oZ4iNe-Sau8Qj-3nChJUJXGhaibjW4sOY7Milw_tITKwUtGE4GSwSxEjduwdrEVNAkqho/s1600/chibi_back_to_top_by_rizqiakanishi-d6hf4l0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7SGzFffjACEfPOe9Z0pJEJuDCJWoyovhZZWiN4dFF78q1_8pBm31MKKm5m8f8BBfSBkcYf5oZ4iNe-Sau8Qj-3nChJUJXGhaibjW4sOY7Milw_tITKwUtGE4GSwSxEjduwdrEVNAkqho/s320/chibi_back_to_top_by_rizqiakanishi-d6hf4l0.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<h3 class="ono-wae">
Berikut Tutorial Cara Memasang Tombol Back To Top:</h3>
</div>
<div>
<div style="text-align: justify;">
1. Login ke blogger.com</div>
</div>
<div>
<div style="text-align: justify;">
2. Pilih Template >> Edit template</div>
</div>
<div>
<div style="text-align: justify;">
3. Kemudian cari kode <span style="background-color: #e06666;"><span style="background-color: blue; color: #f3f3f3;"></head></span></span> (gunakan CTRL+F untuk mempermudah pencarian)</div>
</div>
<div>
<div style="text-align: justify;">
4. Letakkan 2 kode di bawah ini, diatas kode <span style="background-color: #e06666;"><span style="background-color: blue; color: #f3f3f3;"></head></span></span></div>
</div>
<div>
<pre><code class="JavaScript">
<script type="text/javascript" src="https://googledrive.com/host/0B1xeWeMyQXhgZ2FCT3VCYVRpZWc/"></script> </code></pre>
</div>
<br />
<pre><code class="JavaScript"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/></code></pre>
<br />
<span style="text-align: justify;">5.</span><span style="text-align: justify;"> </span>Kemudian Cari kode <span style="background-color: blue; color: #f3f3f3; text-align: justify;"></body></span><br />
6. Letakkan kode di bawah ini tepat di atas kode <span style="background-color: blue; color: #f3f3f3; text-align: justify;"></body></span><br />
<pre><code class="xml"><a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='<span style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvj3EzhcJA7SAy683igMf85CR8iZxe-7aeJAa50amdgxDSWlb3Npmip7KRODRuEjxqezPpFfb_Rz-9MVHNDsCIf5doNz-WRv5rbil5SIqwpIfet3NWTsLgFoGrpQgWbKFEGzGEW4CSoUg/s1600/back-to-top.gif</span>'/></a></code></pre>
<br />
<div style="text-align: justify;">
7. Setelah selesai simpan template</div>
<div style="text-align: justify;">
<br /></div>
<h4 style="text-align: justify;">
Keterangan:</h4>
<ul>
<li style="text-align: justify;">Yang saya beri warna biru adalah URL dari gambar Back To Top, jika ingin menggantinya saya sediakan sedikit gambar, jika sobat merasa kurang cocok dengan gambar dibawah bisa sobat cari sendiri di Google.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6IE0b3FRctE_VnilH3PnjcLFppZ6Z2hW9pfUZpfgCzs6rGYxgu7UO-UQpQ3oPXBMWvOe3-X27yo_MBWjyXMs62buymrKqNWthf1Ou0UOwD1bd45bxx83u9zXSkbctFM4NmuKQ6gKzK8ne/s1600/top_up.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6IE0b3FRctE_VnilH3PnjcLFppZ6Z2hW9pfUZpfgCzs6rGYxgu7UO-UQpQ3oPXBMWvOe3-X27yo_MBWjyXMs62buymrKqNWthf1Ou0UOwD1bd45bxx83u9zXSkbctFM4NmuKQ6gKzK8ne/s1600/top_up.png" /></a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkh5KnuRWNBLBHrd6yX1SKPeH3__PmRvXY7MF67g8Cb2w0rySFqW1TH66x6Zshj12ijRROL4Vlv7IsoV60XG0zMzCy2uNpxj2ktZ_JirXY5iwyO1lH8Vz37DQ-lxZmttSL2qkgJHRbjhg/s1600/1.png" />  </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV4pOiGtsptEiNv8WRb2BSzsrAkU6j5UU06wWdRDZtxpkCx_mKXHOayQcVgWMfzAVUNDSpQa35helrXe6vbl4sLnAtW0DQIW-qLtqJAA-du-9BBnhayzXG3AxTVEC6CPSZR46VOe798q0/s1600/untitled-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV4pOiGtsptEiNv8WRb2BSzsrAkU6j5UU06wWdRDZtxpkCx_mKXHOayQcVgWMfzAVUNDSpQa35helrXe6vbl4sLnAtW0DQIW-qLtqJAA-du-9BBnhayzXG3AxTVEC6CPSZR46VOe798q0/s1600/untitled-1.png" /></a></div>
 <br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img src="http://www.canamsoftware.com/Portals/_default/Skins/Ares/images/back_to_top_btn.png" />  <img src="http://www.sinopcicekci.com/images/jumptop.png" /> <img src="http://www.tagrammata.nl/images/backToTop.gif" /></div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRvFag4oPszmSDMVXSjoDW5ZZInOeS2wzvGW6Ps2s07ShFpSa9zDzevxaAduxZUsEX5Efmid-yvKwPeI0Yq7Ljfud85sJCN7iqPec6dwHbtAbPkdgvguwcWL7cHmmbUb5A2-ktQFm-0rR0/s1600/back+to+top2.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3bSwAHtmoIWvRBqogBP2ybpdkejkFJRlhdJNg3JRO585uXJkP0elJ8PaqhM0RgXY8T8s9nDwxQ-14URuHMVx8gGGfLPhZrEQEkpKr_uaOVPUhAHPephhDVcDvbLEFK8utpD5Vr8Ie1WjL/s1600/back+to+top3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1rFtJR1b63m-SFcJG2VuW0FU8QWqZM4ALygIJWT2pa1XGZY4AYw1fTKVvojFYBTO69adihUgavxgXsWNey9BQG6SRw_vb1uzavM2_It5mWWBrkDBJiJumYGqnxtET6dQe70yvfZD5uqQ/s1600/back+to+top5.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: justify;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD4U7jvkhIc05vms7zQL9xx3WgyZ8AZEV9pKJDyb2tRPp711b_AJiRpVTHPbkqq4NXz9gCLyHQXGHT9j6Q2RH0Ug9bhmP81OzwwG6Io1BKSSMTzwVRfn3YyAvUO1TpPapLdJbJ2rO4q9S9/s1600/back+to+top4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a></div>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD4U7jvkhIc05vms7zQL9xx3WgyZ8AZEV9pKJDyb2tRPp711b_AJiRpVTHPbkqq4NXz9gCLyHQXGHT9j6Q2RH0Ug9bhmP81OzwwG6Io1BKSSMTzwVRfn3YyAvUO1TpPapLdJbJ2rO4q9S9/s1600/back+to+top4.png" />   <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1rFtJR1b63m-SFcJG2VuW0FU8QWqZM4ALygIJWT2pa1XGZY4AYw1fTKVvojFYBTO69adihUgavxgXsWNey9BQG6SRw_vb1uzavM2_It5mWWBrkDBJiJumYGqnxtET6dQe70yvfZD5uqQ/s1600/back+to+top5.png" />   <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3bSwAHtmoIWvRBqogBP2ybpdkejkFJRlhdJNg3JRO585uXJkP0elJ8PaqhM0RgXY8T8s9nDwxQ-14URuHMVx8gGGfLPhZrEQEkpKr_uaOVPUhAHPephhDVcDvbLEFK8utpD5Vr8Ie1WjL/s1600/back+to+top3.png" />    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRvFag4oPszmSDMVXSjoDW5ZZInOeS2wzvGW6Ps2s07ShFpSa9zDzevxaAduxZUsEX5Efmid-yvKwPeI0Yq7Ljfud85sJCN7iqPec6dwHbtAbPkdgvguwcWL7cHmmbUb5A2-ktQFm-0rR0/s1600/back+to+top2.png" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRvFag4oPszmSDMVXSjoDW5ZZInOeS2wzvGW6Ps2s07ShFpSa9zDzevxaAduxZUsEX5Efmid-yvKwPeI0Yq7Ljfud85sJCN7iqPec6dwHbtAbPkdgvguwcWL7cHmmbUb5A2-ktQFm-0rR0/s1600/back+to+top2.png" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6vxTfae0Ha0mE_rfthPMh39P7XLeRWtzF1JihB9m3ISxE4nTUlaxFfDD8yW572X7U9grlZy9oUYujgSraqx4hcFaKF9cN7Ow-7ZsGvIfBEKudZWnqp8khpgixu0wvFOQ_9nxuG_pY5vR3/s1600/back+to+top1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6vxTfae0Ha0mE_rfthPMh39P7XLeRWtzF1JihB9m3ISxE4nTUlaxFfDD8yW572X7U9grlZy9oUYujgSraqx4hcFaKF9cN7Ow-7ZsGvIfBEKudZWnqp8khpgixu0wvFOQ_9nxuG_pY5vR3/s1600/back+to+top1.png" /></a></div>
<div style="text-align: justify;">
<ul>
<li>Klik kanan pada gambar lalu salin URL gambar, dan hapus kode berwarna biru terus pastekan</li>
</ul>
</div>

Blogging JavaScript Cara memasang Back To Top keren Di Blogspot

Tombol Back To Top adalah sebuah tombol yang berfungsi untuk memudahkan pengunjung kembali ke atas artikel secara otomatis. Tombol ini bisa...

Baca selengkapnya »