RSS2.0

Cara Menambah Widget Back To Top di Blog

Minggu, 16 Januari 2011


Widget ini sangat berguna bagi kenyamanan pengunjung blog anda. Terutama jika blog anda memiliki halaman yang panjang, sehingga anda tidak perlu men-scroll mouse anda untuk kembali ke bagian atas blog anda yang biasanya isinya adalah page navigation yang akan membawa pengunjung untuk menuju ke tautan blog anda. Ok, session basa-basi nya sampai disini saja! Kita mulai dengan:
*.Login ke Blogger
*.Design
*.Edit HTML
*.Cari code ini:

</b:section>

*.Pastikan code tersebut adalah code yang terletak di paling akhir atau paling bawah. Karena dalam pencarian, anda akan menemukan beberapa code yang sama. Sekali lagi pastikan code tersebut adalah yang paling akhir.
*.Letakan code dibawah ini, tepat di bawah code tadi

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='
http://g.imagehost.org/0373/arrow_up_green.png'/></a>



Keterangan:
*.URL yang berwarna merah adalah URL tombol "Back to Top" yaitu seperti ini:

*.Anda bisa mengganti gambar tersebut sesuai yang anda suka, kemudian ganti URL yang berwarna merah dengan URL gambar anda, atau anda bisa menggunakan gambar 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



Gimana? mudahkan?
Semoga berhasil

4 Komentar:

YUDI SETIADI mengatakan...

keren artikelnya gan, saya cukup terbantu..
Udah saya FOLLOW, FOLLOW balik ya..

spirit lion mengatakan...

tx gan da dicoba dan sukses
bisa dilihat di blog ana
gan folloow ane yachhh
dah di follow..

Blogger Katro mengatakan...

sip, berhasil sob, thanks ya :)

Okiba mengatakan...

wew keren, thanks ya sob :D

Posting Komentar