Minggu, 06 Januari 2013

Cara Membuat Tombol Back To Top Blogger

Tombol Back to Top berguna untuk mempercepat pembaca artikel blog supaya tidak direpotkan dengan scroll keatas. Tapi sebelumnya udah baca kan artikel mengenai tentang info blogger yang selumnya tentang Musik Template Untuk Blogger Gratis kalau belum monggo..

Mungkin artikel tentang membuat tombol float back to top atau kembali keatas ini sudah banyak yah, tapi kali ini admin memutuskan untuk tetap membuat artikel ini, siapa tahu ada sahabat Media Infonetku yang belum tahu, dan mungkin juga suka dengan tombol yang admin sediakan disini.
Contoh demonya itu seperti blog ini nih, sebelah kiri bawah..


Langkah-Langkah Mengaplikasikan Tombol Back To Top Blogger.



  • Edit HTML Template

  • Centang Expand Template Widget

  • Kemudian carilah kode dibawa, gunakan Ctrl + F supaya lebih cepat.


  •  </body>




  • Untuk tombol warna biru copy paste code dibawah tepat diatas code yang tadi

  •  <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/backtotop_48x48x32.png?  attredirects=0' style='border: none;'/></a>



  • Untuk tombol warna oranges copy paste code dibawah tepat diatas code yang tadi

  •  <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/back-to-top1_48x48x32.png?attredirects=0' style='border: none;'/></a>



  • Untuk tombol warna hijau copy paste code dibawah tepat diatas code yang tadi

  •  <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/back-to-top2_48x48x32.png?attredirects=0' style='border: none;'/></a>



  • Untuk tombol warna Coklat copy paste code dibawah tepat diatas code yang tadi

  •  <a href='#' style='position: fixed;bottom:5px;right:0px;' title='Back to  Top'><img    src='https://sites.google.com/site/marudutsimarmata/back-to-top4_48x48x32.png?attredirects=0' style='border: none;'/></a>

    Notes :

    jika ingin menampilkan tombol Back To Top disebelah kiri , sahabat tinggal ganti right menjadi left
    Selamat Mencoba yah, Salam...

    26 komentar

    sukses gan ;)
    makasih gan infonya

    postingan sangat menbantu saya

    saya tidak pernah mengedit template blogspot ni walaupun juga punya, mungkin nanti akan saya coba juga tutorialnya agar bisa
    terima kasih atas tutorialnya

    Salam Kenal, http://serbafakta.blogspot.com/

    Serba Fakta : Makasih bro udah berkunjung

    makasih bray..di coba dolo ..jngan lupa sempatkan kunjungn balik ya sob

    AfiliasBisnis : sama-sama gan, silahkan dicoba, pasti dikunjungi balik bro

    mauliate bo postingan mon
    cocok dipasang di blog na ganjang postinganna,


    __Come_Hit_Back___

    gan saya coba dan sukses, trims ya gan. lam kenal.

    @ahmad Senang bisa bermanfaat gan, SALAM

    nah ini yang saya cari, thanks sob...
    akhirnya berhasil

    cek TKP http://qyystyle.blogspot.com/
    ^_^

    Nice sob, terima kasih ..
    berhasil nih, kunjungi nineexcellent.blogspot.com

    makasih atas tutorial nya

    Thanks banget tutornya, keren

    wah mantap juga ini perlu dicoba

    Terimakasih gan......

    visit back yaaa :-)

    http://matt-hiday.blogspot.com

    Nice , Boleh Di Copas ggan ke blog saya dan nanty Demo Nya Ke Website anda boleh :)

    Keren gan! Blog agan juga keren ahahaha

    terima kasih gan. keren warna orange. http://www.ptvsi.blogspot.com

    terima kasih gan. keren warna orange. http://www.ptvsi.blogspot.com. kalau pop up yg muncul itu gan gimana caranya

    bagus gan blognya, pengen minta masukan di blog saya
    muslim-kreativ.blogspot.com

    terima kasih gan untuk artikelnya, sangat bermanfaat sekali.

    www.idstudy.com

    Makasih gan....bermanfaat sekali.
    o iya kalau boleh tau, iklan nya daftar dimana ? trims


    EmoticonEmoticon