Membuat Back to TOP di Footer Blogspot

       Biasanya saat kita membaca artikel sebuah website untuk kembali keaatas dari artikel yang kita baca, rasanya terlalu lama untuk kembali ke bacaan awal dari artikel itu, dengan kata lain untuk kembali keatas bacaan teraatas...

para penyedia web biasanya menyediakan perintah untuk memudahkan kembali ke bacaan awal tersebut, dengan kata lain kembali keatas atau back to TOP...
       Banyak macam dan ragam back to TOP tersebut, ada yang melayang, ada yang bentuknya tulisan, adapula yang yang ditunjukkan dengan logo atau gambar sebagai penunjuk kembali keatas atau diletakkan di bagian Footer...
disini penulis akan mencoba menunjukkan bagaimana cara membuat back to TOP yang letakknya di Footer...
                 

| ©Copyright 2012. Powered by Blogger | Template by biko |TOP

 
Sebelum melanggkah disarankan baca tengok dulu artikel Membuat Footer di Blogspot yang penulis terbitkan sebelumnya...

Caranya sangatlah mudah, ikuti langkah-langkah berikut ini :

1. Login ke blogspot anda,
2. buka template,
3. cari kode footer blog anda, contoh footer penulis,

 <!-- outside of the include in order to lock Attribution widget -->

           <div id='page-bikomgt'>

<div class='page-bikomgt'>

<div class='page-bikomgtC'>

|<span style='font-size:16px;font-weight:700'/> &#169;Copyright 2012. Powered by <a href='http://www.blogger.com'>Blogger</a> | Template by <a href='http://bikomgt.blogspot.com/'>biko</a> |

</div></div>

</div> <!-- end outer-wrapper -->

     4.  Tambahkan kode dibawah ini, sesuaikan dengan keinginan anda,

<a href='#' onclick='MGJS.goTop();return false;' rel='nofollow' title='kembali ke atas'><strong>TOP</strong></a>

     5.  Jika bloggers menginginkan seperti footer penulis menjadi seperti ini,

 <!-- outside of the include in order to lock Attribution widget -->

           <div id='page-bikomgt'>

<div class='page-bikomgt'>

<div class='page-bikomgtC'>

|<span style='font-size:16px;font-weight:700'/> &#169;Copyright 2012. Powered by <a href='http://www.blogger.com'>Blogger</a> | Template by <a href='http://bikomgt.blogspot.com/'>biko</a> |<a href='#' onclick='MGJS.goTop();return false;' rel='nofollow' title='kembali ke atas'><strong>TOP</strong></a>

</div></div>

</div> <!-- end outer-wrapper -->

    6.  Simpan template,

    7.  Selesai, silahkan cek blog anda lihat bagian footer sudah berubah kah?

Catatan:

• Ganti tulisan warna hijau dengan url blog anda
• Tulisan TOP bisa diganti dengan text lainnya, sesuka bloggers...

Selamat Mencoba

Kunjungi ini juga bro :

Cara Membuat Blog Cara Memindahkan Menu Diatas Header Cara Menambah Sub Menu Cara Membuat Readmore Merubah Footer di Blogspot Membuat Back to TOP di Footer Dalam Proses Dalam Proses Dalam Proses Dalam Proses