Tuesday, 13 March 2012

tutorial blog #2 : membuat icon arrow back to top :)

firstly tutorial ni sesuai untuk orang yang suka letak number of post banyak-banyak dalam 1 page . untuk memudahkan pembaca-pembaca , haruslah diletakkan icon back to top ni . selalunya icon ni akan ada kat side bawak sebelah kanan page . tengokkk , blog saya ada kann ? haha . okay , kalau dah sedia kita boleh proceed cara nak buat benda ni :)

1. login BLOGSPOT dulu .

2. Klik layout > add a gadget > javascript / HTML 

3. copy code dibawah , dan paste kan didalamnya 
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="<a href="<a href="http://www.glitter-graphics.com"><img src="http://dl2.glitter-graphics.net/pub/588/588832ogirvw3kqk.gif" width=100 height=100 border=0></a>" /></a>
4. save dan letak widget tu kat sidebar tepi taww . tulisan kaler lain dari yang lain tu boleh laa ditukarkan dengan picture yang anda suka . lagi satu , tulisan " http://www.dlitter-graphics.com" tu boleh la delete . nanti tak cantik pulak sidebar korang :)

5. kalau nak icon comel boleh dapat kat sini .  selamat mencuba kawan-kawan pluss en.azzwan sekali :)

#mudah kannn ? tutorial berguna ni datang dari CIK NURFARAH dan diolah sedikit mengikut citarasa saya :)

sincerely from nadya :)

2 comments:

  1. Nad,

    Wah, sindiran pedas untuk saya. Kalau ikut zaman muda remaja dulu, bila buat website, saya mesti pastikan cukup-cukup skrin. Cuma, sekarang kena banyak bagi info kepada pelajar, berlebih-lebih panjang ke bawah. Saya cuba juga nak masukkan kod di atas, tapi mungkin interface blogger saya sangat berlainan. Anyway, thanx for the info.

    ReplyDelete
    Replies
    1. code ni banyak digunakan oleh blogger lain . sebelum ni saya pernah jugak try tapi tak jadi . alhamdulillah kali ni jadi . kalau en.azzwan nak buat jugak , boleh try google code lain yang sesuai dgn interface blogger en. azzwan :)

      Delete