Posted by : Stiker Jalingkut

Apa kabar sobat semuah eperti biasa kami mau berbagi sedikit Tutorial mungkin,si Tutorial ini sudah banyak yang menggunakan juga sudah banyak yang bagus tampilan back to top nya yakan bos heheh.

Nah tapi kali ini kami mau menambahakan sedikit yang biasa nya hanya naik atau turun sekarang kami tambahkan Home tapi bukan hanya Home kami tambahkan Comment-Editor seperti postingan yang pernah kami Postin kami jadikan jadi satu atau kami ulet kaya mau bikin bumbu SOTO BABAT heheheh..


Gak banyak basa basih buat sobat yang mau pasang silakan ikuti Langkah-Langkah di bawah ini

1: Kopy kode di bawah pastekan pas di atas Kode

<style type='text/css'>
#backtotop-selladrt {
 position:fixed;_position:absolute;bottom:310px; 
left:30px; clip:inherit;
_bottom:expression
(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
 _left:expression
(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#backtotop-selladrt a { filter:alpha(opacity=65);
-moz-opacity:0.65;opacity:0.65;border:0; }
#backtotop-selladrt img { border:0; }
#backtotop-selladrt a:hover { filter:alpha(opacity=100);
-moz-opacity:1;opacity:1; }
</style> 
  

2: Kopy Kode Div nya pastekan pas di atas Kode </body>

<div id='backtotop-selladrt'>

<div><a href='#' title='back to top'><img alt='back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD1jms7UNEeSGOx-czyKUOa5IRlRUzy9sBoQjgC62ENIUhMLk4U6d9ygRLI3jRky6pyLNiIfQqdnb_low9K64R8ES8K22P7msekOPU26M5OKjpZGnwF6F4HuUpQsUze8nHQqG_nuKkeXqU/s1600/Naik+Mas.png'/></a></div>

      <div><a href='http://www.bloggertutoria.com/' title='Home'><img alt='Home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilcW3I82J8ErtfkqXpe0L8vXEySd4-vskDx66qEq4cCPqCfuvFFxM6S0pCjYx0JRKpOiZy-Twu5Le3zkGVZyBcQQI5CsKKhN2DQ5RD7BAchPPrE0Stfhkn8xhNt_UbSmlLAdmqY-bIrupA/s1600/Rumah+Kami+Mas.png'/></a></div>

<div><a href='#comment-editor' title='back to Komentar'><img alt='back to bottom' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZM0eqqPEq-T6D5W7ai727saWQfvng0TYWXFuMu0xFWJhAGiUZ_5-vTf0J16k6h4n_1oirlWlYIo1rBOsDFs2mF0E2oL8MKcMNJVoj5LBgKesAcWYDpDjNHKQbTC8IL0DOIan5g-mX3gtM/s1600/Komentar+seksi+selladrt+1.png'/></a></div>

<div><a href='#footer-wrapper' title='back to bottom'><img alt='back to bottom' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK8i3CnzjtFb5EovAx-MGOArR0DbofN1wR7ym0K5v85fUWP1eMYuKOlY7Gtx6rsxUjr1_U681S9uMmiO6KRXpZuheiCj2AKwJKPx2pCBglKTdqw4rIDP34K3TWxpPOQim8aZ5VJWdZj8pu/s1600/Turun+mas.png'/></a></div>
</div> 
  

Silakan sentuhkan Mous sobat di bawah untuk melihat demonya


yang perlu di perhatikan cuma satu pada div nya sobat bisa lihat Div yang di bawa ini

#footer-wrapper

Nah ituh yang kami pake di bagian Div tersebut jadi sobat sesuwekan
bagian Div tersebut karna di setiap Div atau Template itu gak sama jadi kalu sobat memakeh

#footer-wrapper

yang kami pake mungkin gak akan bisa untuk mengguril kebawah Back to top tersebuta mungkin hanya untuk menaik tau naik kemana heheh
Kalu sudah Simpan template lihat hasilnya.

Sekian dulu dari kami sobat semoga bermanfaat buat yang mau membutuhkannya Amin



{ 32 comentários... read them below or Comment }

  1. kak KY belum pernah guna back to top, wah makin hari makin canggih aja blog BL jeles tau

    BalasHapus
    Balasan
    1. wah setau aq semuah blog itu sama mbk ky apanya canggih ko kaya robot canggih heheh

      Hapus
  2. wah keren mas...nanti kapan2 dicoba ah :D

    BalasHapus
  3. Keren mas ... :D Mas BL pancen OYE !

    BalasHapus
  4. hny 4 fungsi ya mas.., gk bs 6 fungsi, misalx tuk goyang ke kiri dan ke kanan hehehe....

    makasih ya...

    BalasHapus
    Balasan
    1. wah bener banget mas jadi serbaguna'y mas trmksih bos

      Hapus
  5. keren juga ya gan,.

    hheheh,.

    tapi gak mau nyoba ah, takut berat :D

    #kunjungan sore,.

    BalasHapus
  6. ane blom pake mas, perlu juga neh, trims

    BalasHapus
  7. Makin keren aja navigasinya sob :D

    BalasHapus
  8. Tutorial dan blog nya makin keren aja nih mas, mantap (y)

    BalasHapus
  9. wah keren mas tampilan tombol back to top nya

    BalasHapus
  10. Desain makin Gila nih blog :D

    BalasHapus
    Balasan
    1. wah blog ane di kunjungi master ni trmksh D: sob

      Hapus
  11. gile mas bro, epeknya kagak nahaaann, ajippp!!!

    BalasHapus
  12. oo iyo dihh,,, #footer-wrapper mesti diperhatikan biar ga ada yg salah" nantinye... ok ok

    BalasHapus
  13. wih keren jadi seperti navigasi vertikal gitu yaa mas

    BalasHapus
  14. bang cara buat widget posting lama dan posting lebih baru gmn? punya ku gak ada

    BalasHapus
    Balasan
    1. masa bos setau aq ada tuh di setiap template y bos kpn2 aq buatin kopi heheheh

      Hapus

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

- Copyright © TUTORIAL™ - Blogger Templates - Powered by Blogger - Designed by Sella -