Home » , » Cara Membuat Widget Back To Top di Blog

Cara Membuat Widget Back To Top di Blog

Written By Justang Zealotous on Rabu, 04 Juli 2012 | 22.42

Cara Membuat Widget Back To Top di Blog
Selamat siang para bloggers!! Postingan Belajar Internet siang ini akan membahas mengenai, widget back to top di blog. Sudah pada tau kan, apa itu widget back to top di blog??  Jika Anda tahu belum tahu, baiklah saya akan memberikan sedikit penjelasan, Widget back to top adalah widget yang berfungsi untuk mengembalikan tampilan kembali ke atas halaman suatu blog atau website. Singkatnya, jika Anda scroll atau menbuat tampilan website turun ke bawah, maka ketika Anda klik widget tersebut dengan otomatis Anda akan lansung di bawah ke tampilan paling atas. Sudah mengerti sampai sini? http://matcuoi.com
Baiklah, untuk sekedar demo (bukan unjuk rasa yah), silahkan lihat widget yang berada pada sudut kanan atas, coba Anda ke bawah tampilan blog ini dan klik widget tersebut, maka Anda akan segera mengerti.

Lansung saja kita ke topik permasalahannya,
1. Login ke akun blogger sobat
2. Masuk ke bagian tata letak, klik tambahkan gadget dan cari HTML/Javascript
3. Salin kode di bawah ini ke tempat HTML/Javascript tersebut

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='alamat url gambar kamu'/></a>

catatan:

http://matcuoi.com Bottom bermakna bawah, artinya letak widget tersebut berada di bawah, jika Anda ingin letaknya di atas seperti yang saya gunakan, silahkan ganti dengan top.

http://matcuoi.com Right bermakna kanan,artinya letak widget tersebut berada di sebelah kanan, jika Anda ingin letaknya di kiri ganti dengan left atau tengah dengan center.

http://matcuoi.com Tulisan back to top Anda bisa ganti dengan sesuka hati, bisa kembali ke atas, kembali ke ujung atau yang lainnya.

http://matcuoi.com Silahkan ganti alamat url gambar kamu dengan url yang saya berikan di bawah artikel ini, atau Anda bisa buat gambar berbeda sesuai keinginan Anda dan upload, ambil alamat urlnya atau silahkan cari di mbah google, disana Anda akan menemukan banyak gambar widget back to top unik, keren dan lucu.

4. Untuk judul, sebaiknya tidak usah diisi, cukup di kosongkan saja dan lansung klik simpan.
5. Letak, Anda bisa menaruh di mana saja, karena letak yang akan muncul nanti di halaman blog atau website sobat tetap berada di tempat yang Anda atur tadi.
6. Selesai

Untuk memudahkan sobat semua, silahkan ganti alamat url tersebut dengan url di bawah ini:

: http://g.imagehost.org/0439/arrow_1.jpg

: http://g.imagehost.org/0497/arrow_2.jpg

: http://g.imagehost.org/0466/arrow_3.jpg

: http://g.imagehost.org/0130/arrow_4.jpg

: http://g.imagehost.org/0042/arrow_5.jpg

(gambar dan url diambil dari http://keripiku.blogspot.com/ ) 
Share this article :
Comments
0 Comments

0 komentar:

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!
Pasang Yahoo Emoticon Anda

Poskan Komentar

Jika ada yang kurang paham mengenai artikel ini, silahkan kirim komentar dan harus relevan dengan isi artikel di atas.INGAT jangan memberikan komentar dengan bumbu SPAM,P*RNO,PROMO,LINK !!! Terima Kasih dan jangan lupa follow blog ini nanti saya akan follback promise

 
Back To Top : Klik untuk Kembali ke Halaman Atas ↑↑↑
Copyright © 2011. Belajar Internet - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Free Coupons