Hasil seni dan reka bentuk adalah berbayar dan hakcipta Whitey Mommy.
Sila hubungi saya di whiteymommy@yahoo.com untuk sebarang pertanyaan dan tempahan.
Anda TIDAK DIBENARKAN SAMA SEKALI untuk mengambil/menyalin/menyimpan
mana-mana bahagian hasil seni dan reka bentuk yang telah saya hasilkan TANPA KEBENARAN!

Cara Membuat Floating Up & Home Button


Anda semua nak buat tak button up and home macam saya?seperti dalam gambar kat atas ni? saya kalau boleh nak share semua tutorial yang pernah saya buat pada blog saya... sharing is caring... satu lagi senang kalau tukar template baru, tetiba setting yang dari template lama hilang... terus boleh rujuk dalam blog sendiri... tak payah terfikir2 kat mana ambil tutorial untuk cantikkan dan lengkapkan blog...=p...

Continue to the tutorial...panjang sangat la into pulak...

1. Login ke Blogspot .

2. Klik Layout > Add a Gadget Javascript / HTML

3. Copy kod di bawah dan Pastekan kedalamnya

<a href='#' style='position: fixed; right: 1px; bottom: 260px;' title='back to top'><img height="21" src="http://4.bp.blogspot.com/_LZtXSNcp76A/SxuSQwW77uI/AAAAAAAAAsc/qXqE9on4u5k/s320/up.png" width="21" /></a><a href='http://whiteymommy.blogspot.com/' style='position: fixed; right: 1px; bottom: 287px;' title='home'><img height="21" src="http://3.bp.blogspot.com/_LZtXSNcp76A/SxuSNhQnfiI/AAAAAAAAAsU/vFPaDmaIMQE/s320/home1.png" width="21" />

*bahagian yang saya highlightkan dengan warna merah tu... sila tukarkan kepada url blog anda...

4. kemudian save dan lihat hasilnya... mudahkan?

Whitey note : Sekarang ni Blogspot dah kena save gadget Javescript/HTML ni dengan tajukkan? ok... untuk save tanpa tajuk... anda perlu taip <sp> kedalam bahagian title dan wallah... terus save... Selamat mencuba tutorial ini... Sila tinggalkan komen ya selepas ambil tutorial ini....

44 Comment (s):

  1. mommy,kenapa saya tak dapat ek?
    Dia keluar tpi x dpt tkn.

    ReplyDelete
  2. @hanie_afifah97@yahoo.com sorry dik... hehe lupa nak highlightkan tempat warna merah tu... hm... kena masukkan url blog adik...

    ReplyDelete
  3. @Whitey Mommy
    Tak dapat jugalah :( tak tau kenapa tak bleh keluar.Hani guna google chrome,tak buleh ek?

    ReplyDelete
  4. tapikan saya punya blog ada border -,- haishh HOW ?

    ReplyDelete
  5. @hanie_afifah97@yahoo.com

    sy pkai google chrome boleh aje :) cuba try betul kak eh ?

    ReplyDelete
  6. akak, xjadi lah. xgerak ape pon. cmne eh?

    ReplyDelete
  7. WM tengkiuuu for tutorial..
    dah jadii..
    hihi..

    ReplyDelete
  8. alhamdulillah selamat apply di blog..tqvm whitey mommy :)

    ReplyDelete
  9. saya apply ye, thanx a lot ye white mommy.

    ReplyDelete
  10. @α∂αωιʏαн αʓ-ʓαняαα'(아다위얗 )
    hm... tak leh dik. memang icon tu besar tu... kalau nak tukar... kena tukar image lain...

    ReplyDelete
  11. saya dah cuba..alhamdulilah,ok..terima kasih whitey mommy..!

    ReplyDelete
  12. Yeyeee! Dah dapat. Thank youuu (:

    ReplyDelete
  13. salam. maaf ya. saya nak tanya macam mana nak buat transparent header ?? dah banyak kali try. tapi tak dapat. hukhuk :/

    ReplyDelete
  14. done, even kecik tapi still ada =)

    ReplyDelete
  15. tenkiu wm...dah siap!..heee

    ReplyDelete
  16. thanks.. tutorial ni amat bguna. :)

    ReplyDelete
  17. tu sebab kitorg semua sayang kat WM!puas kite menaip macam2 words kat google cara utk floating button home dan back to top.asyik yg kuar tutorial fb,twitter sedih betul tadi...

    ReplyDelete
  18. thx u white mommy..dah jadi..=D~

    utk yg tak jadi tu, mungkin sbb..
    link blog korg yg mommy merahkan tu kena letak
    "blog.anda" << instead of 'blog.anda' macam kat bawah ni ni >>
    "http://storysayelah.blogspot.com/"

    mgkin white mommy tak perasan =]~

    ReplyDelete
  19. saya nak tanya cemana nak buat show all kat blogroll tu? tq

    ReplyDelete
  20. boleh tak saya nak amik sesikit tuto ni... ^.^

    ReplyDelete
  21. thanks bgi tutorial. :D
    junguk la blog sye. http://ayepstatik.blogspot.com

    ReplyDelete
  22. mommy..macam mane kalau nak ubah icon tue..kire macam nak pilih yang lain la..yang lagi besar (kecik sangat icon tue.smpai tak perasan )

    or lagi best..boleh tak besarkan icon tue..sebab icon tue dah comel pon..

    please...reply..

    ReplyDelete
  23. @Ja Hajar
    hm... kalau nak tukar image lain...
    tukar sahaja pada yang url image tu...replace dengan image sendiri...

    kalau nak besarkan... tak di nasihatkan...
    sebab gambar tu memang dah sebesar tu..
    kalau besarkan dia akan pecah.

    ReplyDelete
  24. Tq mummy..besar pahala mummy share knowledge dgn org ramai kan..huhu..selamat ari raya mummy..^^

    ReplyDelete
  25. da dapat~~ thx whitey mommy :P

    ReplyDelete
  26. saya tak dapat nk copy kod tu =(

    ReplyDelete

Thank You For Leaving a Comment to Me...

 
Copyright © Whitey Mommy™