close
cbox

Home » » Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun

Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun

Kali ini saya sedikit share Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun yang lengkap dengan tombol kembali ke beranda / home dan muat ulang / reload yang saya dapat dari salah satu blog / website dengan alamat url www.ozanhacker.com.

Tips dan trick ini sudah saya peragakan di blog saya. singkat cerita mari kita simak saja Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun berikut ini.

Cara Memasang Tombol Back to Top

Memasang tombol kembali ke atas atau memasang tombol back to top ini mungkin bagi blog saya ini sangat diperlukan, karena untuk menyikapi blog yang terlalu memanjang kebawah, mungkin masalah ini tidak akan ditemui jika kita memasang template yang sudah menyertakan widget ini, tetapi jika belum ada kita bisa memasangnya sendiri, karena jika tidak ada tombol back to top akan membosankan pembaca blog kita, apalagi jika menggunakan mouse yang kebetulan keadaannya sudah letoy (hehe…) atau lebih parahnya lagi sudah tidak ada scroll nya lagi, itu akan membuat mereka capek untuk mengakses blog kita, maka alternatifnya adalah membuat tombol back to top atau tombol kembali ke atas.

Ada dua cara pembuatan tombol back to top ini, berikut penjelasannya:
(Sebelum memasuki penjelasan, download terlebih dahulu template anda, sebagai asuransi tamplate anda...hehe...)

Cara Pertama:
Untuk cara pertama ini sangat simple, karena tampilannya sederhana, anda hanya perlu menambahkan kode berikut sebelum kode </body>

<!-- Bact to top By Ozan Hacker -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://3.bp.blogspot.com/-tIcrAJXd0SQ/TbbzlODegZI/AAAAAAAAAeo/JFTR2FkHHTw/s1600/Untitled-2.png'/></a>



Untuk penjelasannya, anda login dulu ke blogger anda lalu Ikuti tahap-tahap berikut ini:

1.      Pilih Rancangan
2.      EDIT HTML ( Centang Expand Template Widget )
3.      Cari Kode </body> ( Untuk lebih cepat mencari gunakan Ctrl+F )
4.      Simpan kode berikut sebelum atau di atas kode </body>

<!-- Bact to top By Ozan Hacker -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://3.bp.blogspot.com/-tIcrAJXd0SQ/TbbzlODegZI/AAAAAAAAAeo/JFTR2FkHHTw/s1600/Untitled-2.png'/></a>




5.      Lalu simpan tamplate, SELESAI dan lihat hasilnya…

Keterangan:
  • Kode warna kuning adalah posisi tombol berada
  • Kode warna merah adalah URL gambar tombol (silahkan anda ganti dengan URL gambar anda bila ingin menyesuaikan  gambarnya dengan selera anda)


Cara Kedua:
Tombol back to top pada cara pertama hanya tombol back to top biasa, jika anda ingin yang lebih komplit, anda bisa memekai cara kedua ini:

Tahap-tahapnya sama dengan yang diatas, cuma sekarang anda harus menambahkan kode CSS sebelum kode ]]></b:skin>, berikut penjelasannya:

1.      Cari kode ]]></b:skin> lalu sisipkan CSS berikut sebelum atau diatasnya.

    #Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}
    #Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
    #Enjoy img{border:0}
    #Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}



2.      Kemudian sisipkan kode berikut ini setelah atau dibawah kode </body>

    <div id='Enjoy'>
    <a href='#' onClick='window.location.reload()' title='Reload page'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a>
    <a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a>
    <a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a>
    <a href='#footbar' title='Ke bawah halaman'>
    <img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a>
    </div>



3.      Lalu simpan tamplate anda, dan lihat hasilnya…

Keterangan:
=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna kuning adalah posisi tombol

apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana hijau seperti ketyerangan di bawah:

=> Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.

Sedikit tambahan lagi untu menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Jangan lupa komentarnya… Untuk artikel ini jika ada yang mau menambahkan cara yang lainnya aku tunggu…

Sumber: http://www.ozanhacker.com 
Bagikan artikel ini ya sobat :
Related Posts Plugin for WordPress, Blogger...

33 komentar:

Bong Firman berkomentar:

:j: sip

didihermawan12@gmail.com berkomentar:

:m: thanks

Agous Shopyan berkomentar:

NAMPAK INDAH BLOG INI

Alipyan Susanto berkomentar:

keren sekali blog ini

fajar budiman berkomentar:

mantap gan di coba dulu

Maulana PoetraBima berkomentar:

Mantap surantap, gan....

Amira Rachmatillah berkomentar:

blognya agan ini emang bener bener top deh , 2 tutorial udah ane coba dan berhasil gan :)

Muhammad Fikri berkomentar:

:p: sep!!

Rafy Azhari berkomentar:

mantap dah blog agan ini
kunjungan balik : rafy-socialpoint.blogspot.com

Naruto Wahib berkomentar:

mantep,
kunjung juga ke http://narutowahib.blogspot.com yah gan :)

ZaU HaRi berkomentar:

mampir gan
http://zaunikon.blogspot.com/

Fajar Dwi Maarif berkomentar:

Gan (Centang Expand Template Widget) Itu Ada DImana ?? saya masih bingung

calrase adioyo berkomentar:

wow memang work gan.... thanks a lot.

Rumah Dijual Bekasi berkomentar:

matap gan blog nya yuuk ke link ane rumah dijual di bekasi

Kamto Romandhoni berkomentar:

Thanks atas sharing tips dan triknya :c: :e:

Agus Supriyanto berkomentar:

:c: jangan lupa kunbal ya gan

herbaldenature berkomentar:

cara mengobati bintik kutil pada kelamin dan cara mengobati menghilangkan kutil dan cara mengobati kutil kelamin dan kelamin keluar nanah dan obat kutil kelamin dan obat kutil kelamin tradisional dan peyakit herpes genital dan infeksi herpes simpleks dan apa penyebab dan bagaimana herspes bisa dan apa penyebab dan bagaimana herspes bisa dan cara pencegahan penularan herpes dan bagaimana penyakit herpes bisa menular yang tentunya sangat berbahaya

herbal gonore berkomentar:

<a href="http://obatherbal0103.blog.com/2015/02/17/tips-menghindari-kutil-kelamin/>cara mengobati penis keluar cairan nanah</a>

Nay Denature berkomentar:

Mengapa kemaluan mengeluarkan nanah

Nay Denature berkomentar:

obat herbal penderita kencing obat penyembuh kencing nanah alami cara menyembuhkan bueng air kecil obat kencing keluar nanah

kurniawan edi nugroho berkomentar:

saya coba kok gagal ya mas, apa yang salah ya kira kira? mohon pencerahannya

Ace Maxs berkomentar:

Terimakasih banyak mas, sangat membantu sekali artiklnya... keep posting mas..

http://landongobatherbal.com/obat-herbal-kanker-serviks/

Liya Alicia berkomentar:

salam kenal, sukses terus gan
http://ramuantradisionalkita.com/pengobatan-tradisional-stroke/

sinta andini berkomentar:

Obat Penyakit KelaminDe Nature Indonesia

Raden hilman Nasution berkomentar:

Kren gan Rahina Blog

wasirdenature berkomentar:

nanah keluar dari kemaluan cairan nanah keluar dari kemaluan obat cairan nanah keluar dari kemaluan obat untuk cairan nanah yang keluar dari kemaluan obat ujung kemaluan keluar cairan nanah obat ujung kemaluan keluar cairan nanah cara mengobati ujung kemaluan keluar nanah ujung kemaluan keluar nanah di sertai perih saat kencing penyebab penis keluar nanah penyebab penis keluar nanah cara mengobati penis keluar nanah kelamin pria keluar nanah obat kelamin pria keluar nanah obat kelamin pria keluar cairan nanah mengapa alat kelamin keluar nanah kemaluan laki laki keluar nanah kemaluan keluar nanah kemaluan keluar cairan nanah mengapa kemaluan keluar nanahcairan nanah keluar dari kemaluan kencing perih dan keluar cairan nanah cairan nanah keluar dari kemaluan pria mengapa cairan nanah keluar dari kemaluan kemaluan pria keluar nanah

SomeOne berkomentar:

Agen Bola Taruhan Online 988bet
Agen Bola Taruhan Online 988bet
Agen Bola Taruhan Online 988bet
988Bet Trade In
988Bet Produk Asia77
988Bet Produk AsiaPoker77
988Bet Produk Asia8
988Bet Produk 1sCasino
988Bet Produk 338a
988Bet Produk IBCBET
988Bet Produk SBOBET
Prediksi Bola 988Bet
Tebak Bola 988
Panduan Bermain 988

Valena Michelle berkomentar:

Banteng88 MASTER AGEN BOLA
Banteng88 MASTER AGEN JUDI
Agen Bola
Agen Judi
Agen Judi Online
Agen SBOBET
Agen IBCBET
Agen Casino
Poker Online
Agen Judi Terpercaya
Prediksi Bola
Bandar Judi
Bandar Bola
Judi Online
Bola Online

OghayZ Newbie berkomentar:

keren gan, makasih atas info nya

www.jarangbeli.com

Khoirul Os berkomentar:

JUAL BERBAGAI PRODUK : "Obat Pembesar mr.P, "Alat Terapy Pemanjang mr.P, "Obat Vitalitas Sex Kuat dan Tahan Lama, "Obat Herbal Cosmetik Kecantikan, "Aneka Obat Peningkat Libido Sexsual Wanita, "Alat Bantu SexToys P/W

CALL / SMS 082210508200

BEST SELLER PRODUK
TOKO ACHONG - HUA


- alat bantu sex pria

- alat bantu sex wanita

- cream pembesar payu dara

- kapsul pembesar payu dara

- kapsul peninggi badan

- kecantikan

- kesehatan

- kondom silikon

- minyak pembesar penis

- obat kuat pria

- obat pelangsing

- obat pembesar penis

- obat penggemuk badan

- obat penumbuh rambut

- obat penyubur sperma

- obat perangsang

- penghilang tatto permanen

- vakum pembesar penis

- vakum pembesar payu dara

- SELAMAT BERBELANJA -








WWW.ACHONGHUA.COM

988 bet berkomentar:

Agen Judi
Bandar Judi Online
Agen Judi Bola
Bandar Bola Terpercaya
Agen Casino
Bandar Poker Online
Agen Judi Terpercaya
Prediksi Bola
Agen Bola
Bola Judi
Agen SBOBET
Agen IBCBET
Agen Casino
Casino Online
Poker Online

sania rin berkomentar:

Agen Bola
Agen SBOBET
Agen Judi
Bonus
Prediksi Bola Jitu
Pendaftaran

Linda yuonne nicole berkomentar:

Thanks a lot very much for the high quality and results-oriented help. I won’t think twice to endorse your blog post to anybody who wants and needs support about this area. | eksim | eksim | kanker | kutil kelamin | kutil kemaluan

:b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p:

Silakan Berkomentar Sobat,,

Luangkan Sedikit Waktu Sobat Untuk Memperindah Blog Ini Dengan Berkomentar,, (^_^)

Tolong jangan berkomentar spam ya,,!!

 
..::: Copyright © 2012. Kumpulan Trick Blog . All Rights Reserved :::..