Cara Membuat Tombol Back to Top pada Blog

Luas area bidang baca blog terbatas. Bahkan dengan menggunakan template apapun, area bidang baca masih belum bisa mencakup keseluruhan isi blog. Kecuali ada modifikasi tertentu pada blog, misal konten yang sedikit dan homepage berupa informasi deskripsi blog saja.

Button Back to Top

Untuk memudahkan pembaca kembali melihat uraian awal yang letaknya di bagian atas postingan, maka dirasa perlu membuat tombol untuk mempermudah melihatnya tanpa harus menggeser kursor mouse pada komputer. Tombol ini biasa diistilahkan dengan button back to top.

Cara Membuat Tombol Back to Top pada Blog

Tutorial kali ini akan menguraikan bagaimana membuat tombol back to top pada blog. Berikut tahapannya.

1. Masuk blogger. Menuju ke HTML pada menu template.

2. Copy kode di bawah ini, lalu pastekan di atas kode </body>.

src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

Bagi sebagian template, kadang kode di atas telah ada. Maka, pemasangan kode tersebut hanya untuk template yang belum ada kodenya.

3. Lalu copy kode di bawah untuk kemudian diletakkan tepat di bawah kode poin 2.

<script src='https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/backtotop.js' type='text/javascript'/> 

<!-- Back to top designed by Tutorial Blogging - www.bloging-gampang.blogspot.com --> 

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLsT-OGqSjS5e7Ybm-NLgmRZctbGcrvMyaKQT7fVtorCXu4TDvtTDdjktLNaFuGNJMyfh8gPoDUPzUhIcoFdSiPJS5u560ompIk_ubPpxtu1LIER5sblaIJ5RYtzBuJEDT2skX8ozAN_uC/h120/backtotop.gif'/></a>

Bila sahabat ingin memakai gambar sendiri, silakan ganti URL gambarnya. Caranya simak Cara Mengetahui dan Membuat URL Gambar.

4. Klik preview untuk hasil sementara. Akhiri dengan Save template jika sudah mantap dengan hasilnya.

Demikian tutorial membuat tombol back to top pada blog. Semoga bermanfaat dan selamat mencoba.

Bagaimana Membuat Redirect Blog ke URL yang Lain

Saat kita membuka sebuah situs atau blog, terkadang yang terbuka justru bukan alamat URL yang kita tulis, namun alamat situs lain. Mengapa itu bisa terjadi? Hal itu disebabkan karena situs atau blog itu telah diatur sedemikian rupa agar siapapun yang mengklik tautannya atau menulis URL di browser akan dialihkan ke situs lain. Yang demikian ini secara mudah dinamakan redirect.

Alasan redirect url

Beragam alasan seorang admin memutuskan untuk mebuat redirect ke URL lainnya. Ada yang ingin mengalihkan visitor ke blog lain yang juga miliknya atau ingin mengalihkan blog yang sudah dirubah menjadi custom domain. Ada pula yang memang berorientasi pada bisnis marketing yang membuat pengalihan blognya ke situs komersial tertentu. Bahkan ada pula yang memanipulasi redirect untuk mendapatkan backlink dari situs yang berpage rank tinggi.

Cara Membuat Redirect Blog ke URL yang Lain

Apapun alasannya, membuat redirect pada blog ke blog lainnya tidaklah sulit. Sahabat hanya meletakkan kode tertentu ke dalam HTML template.

Baiklah, jika memang sahabat ingin membuat redirect blog ke URL situs atau blog tertentu, silakan simak tahapannya sebagai berikut.

Masuk ke akun blogger. Buka mode HTML pada menu template. Lalu letakkan kode berikut di bawah kode <head>.

<meta content='1;url=http://bloging-gampang.blogspot.com/' http-equiv='refresh'/>

Ganti URL blog warna biru dengan URL tujuan. Angka 1 menunjukkan detik redirect saat halaman terbuka.

Selesai. Kini blog sahabat akan terforward ke URL tujuan yang telah sahabat pilih.

Pembuatan redirect ini sebenarnya juga bisa dilakukan dengan cara lain yang lebih simple. Yaitu dengan mengganti URL warna biru dengan URL tujuan redirect pada kode berikut.

<script type='text/javascript'>

var d='<data:blog.url/>';

d=d.replace(/.*\/\/[^\/]*/, '');

location.href = 'http://bloging-gampang.blogspot.com/';

</script>

Pilih salah satu saja untuk mengaktifkan proses redirect. Akhiri dengan Save template.

Demikianlah sekilas bagaimana membuat redirect blog ke URL lain. Semoga bermanfaat.