Tutorial kalia ini akan mebahas tetang cara Memasang Icon Back Top Dan Back Top Melayang. Tips-Trik yang sebelumnya membahas tentang judul Blog Bergerak liat saja contohnya di blog saya sekarang :). Sebenarnya sudah banyak yang memposting tips-trik Memasang Icon Back Top Dan Back Top Melayang, misalnya di O-OM dan cidaunsblog dan masih bayak lagi yang lainnya :).Fungsi dari Memasang Icon Back Top Dan Back Top Melayang ini melakukan loncatan dari halaman bawah ke halaman paling atas. Jadi kita tidak perlu lagi melakukan scrollbar pada browser.
Langsung aja deh...!!!
untuk cara pertama memasang icon back top pada pojok kanan bawah.
pertama-tama di pastikan anda sudah mempunyai Accont di Blogger
* Klik Tata Letak (layout)
* Kemudian Edit HTML
* Kemudian Cari kode </Body>
biar lebih cepat ctrl+F
* Kemudian Tambahakan kode berikut di bawah kode </Body>
<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://1.bp.blogspot.com/_C6KkooKXCEw/STDLOei9LKI/AAAAAAAACnw/udvHQji9acI/s400/Jumptotop2.gif'/></a>
Silahkan ganti yang berwarna code gambar yang berwarna HIJAU sesuai dengan code gambar milik anda :).
sehingga menjadi
</Body>
<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://1.bp.blogspot.com/_C6KkooKXCEw/STDLOei9LKI/AAAAAAAACnw/udvHQji9acI/s400/Jumptotop2.gif'/></a>
* Kemudian save
untuk memasang Back Top Melayang
silahkan copy code di bawah ini :
Silahkan ganti yang berwarna code gambar yang berwarna HIJAU sesuai dengan code gambar milik anda :).
cara untuk memasang Back Top Melayang seperti ini :
* Masuk ke BLOGGER hingga memasuki Panel Kontrol
* Klik Tata Letak (layout)
* Kemudian Tambahkan Gadget
* Kemudian Tambahkan HTML/Javascript
* Kemudian pastekan code di atas
* Simpan Perubahan
* Selesai
Selamat mencoba Dan Semoga Berhasil :)
Salam
TUTORIAL BLOG
Langsung aja deh...!!!
untuk cara pertama memasang icon back top pada pojok kanan bawah.
pertama-tama di pastikan anda sudah mempunyai Accont di Blogger
* Klik Tata Letak (layout)
* Kemudian Edit HTML
* Kemudian Cari kode </Body>
biar lebih cepat ctrl+F
* Kemudian Tambahakan kode berikut di bawah kode </Body>
<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://1.bp.blogspot.com/_C6KkooKXCEw/STDLOei9LKI/AAAAAAAACnw/udvHQji9acI/s400/Jumptotop2.gif'/></a>
Silahkan ganti yang berwarna code gambar yang berwarna HIJAU sesuai dengan code gambar milik anda :).
sehingga menjadi
</Body>
<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='http://1.bp.blogspot.com/_C6KkooKXCEw/STDLOei9LKI/AAAAAAAACnw/udvHQji9acI/s400/Jumptotop2.gif'/></a>
* Kemudian save
untuk memasang Back Top Melayang
silahkan copy code di bawah ini :
Ini Codenya
Silahkan ganti yang berwarna code gambar yang berwarna HIJAU sesuai dengan code gambar milik anda :).
cara untuk memasang Back Top Melayang seperti ini :
* Masuk ke BLOGGER hingga memasuki Panel Kontrol
* Klik Tata Letak (layout)
* Kemudian Tambahkan Gadget
* Kemudian Tambahkan HTML/Javascript
* Kemudian pastekan code di atas
* Simpan Perubahan
* Selesai
Selamat mencoba Dan Semoga Berhasil :)
Salam
TUTORIAL BLOG
47 comments
info bagus nih
coba ahhh............
wow...infonya mantap sob ;;)
terus berkarya ;))
thanks atas info nya
info bagussob,keep shharing ;)
wow info yang sangat keren Q
keren bro...
blognya asli keren bro.......
pertamax bro... lanjutkan
bisa coba gk ya?
makash sharingnya.
keren thx infonya
full animasi,,
nanti aq pelajari sob..mksh
thanks infonya friends...GBU
LInknya udah q pasang sob, makasih ya
Kereeeennzzz.....artikelnya ^_^ PR nya juga mantaaaaaaaaaff.. Keep posting Sobat :D
mantab sobat.. info jitu nih.. tengkiyu..
Keren juga tutornya!!!!!
Wah, Sebelumnya,,makasih tas info yang bermanfaat...
blognya UNIK euy...ada smbutan pembukanya..<<
huhu..ya mampir balik...salam yuukk
good sob...
tapi tanganku ngak good...soalnya lupa disable JS
wah mantabs,,,
waah...
setelah dicoba, bener2 KERREN...!!
:D
thanks atas kunjungannya, nice article friend
caranya buat flah merah tu gmn?
kalau pake wordpress gemana sob caranya dan kodenya
berkuncung kawan
makasih informasinya, gw demen kalau yang ada seperti ini ...
ditunggu tulisan spektakuler berikutnya...
bagus infonya
wah... mantap postingannya sob..
thank ya sharingnya...
KEREN INFONYA SUKSES YAAAA :)
mantab nih .. sob artikel nya sangat bermamfaat .. sukses slalu yah ..
wah cerdas nih artikelnya :D
wkakwkm !! aneh2 az tapi keren !! :D
;;)) ;)) keren.... mo coba juga...tapi..kyknya gak bisa....gaptek sih..biasanya kalo nyoba widget baru...error jadinya... ~x( :((
bagus mas infone...tukeran link dong mas+followers..kasi komen jg y mas,baru pemula ni :)..makacih..
Bagus-bagus ya artikelnya ,prakteki aaah
keep update ya kawan...
sukses selalu
mantab sob... makasih infonya :D
nggak ah negaggu banget soalnya
Thanks ya ...bermnfaat sekali
maksih an infonya...aku dah pasang tuh...
Makin mantap aja...
http://1001processor.blogspot.com/2009/07/amd-processor.html
wah keren2..
ntar mah mo rajin2 lagi datang n berkomentar di blog ini.
klo ada post terbaru kabari lagi yah
thanks buat infonya
Terima kasih infonya..
numpang copy. hehehe....
info bagus neh.....tks yach..?