FOLLOWERS GIGIH

HARTA KARUN AHMAD ALBAB

Wednesday, December 29, 2010

Tutorial : Cara Buat Button Back To Top / Move to Buttom.

Assalamualaikum!

Bila tengok blog orang lain, hish geramnya!
Cantik sangat blog kau orang ni.
Sampai bikin perut aku jealous.

Kreatif sampai boleh letak macam button-button kat blog tu.
Aku pun menyibuk lah nak cuba.
Nasib baik berjaya.
Kalau tak berjaya, lebih baik tutup muka dengan kulit katak.
Eeuwww!!

Orang kata sharing itu fun kan? kan? kan? Jadik, sekarang aku mahu share sesuatu dengan kau orang semua.

Macam mana nak buat button BACK TO TOP/MOVE TO BUTTOM macam dalam blog cik yan ni




*Cheh, bunyi kerek gila. Tak baik tau. Riak itu berdosa!!!*


Mula-mula, kena online dulu ye deknon-deknon sekalian.
Lepas tu masuklah dalam blogger.com

Basically, ada 2 cara nak buat button ni. Disebabkan aku baik hati hari ni, jadik aku akan letak 2-2 cara sekali. Terpulanglah pada kau orang semua yang mana sedap!! (macam bagi resipi aja)


Sekarang aku tunjuk cara pertama @ cara paling panjang dan complicated sikit.


1) Dari dashboard korang klik Design > Edit HTML
2) Klik pada kotak Expand Widget Templates
3) Dengan menggunakan Ctrl + F,, silakan untuk mencari kod ini;  

]]></b:skin>

4) Lepas tu, copy code kat bawah dan paste di atas code yg atas ni tadi;


     a) Bagi Code Back to the top:
<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top Farixsantips'><img src='http://i1042.photobucket.com/albums/b429/Farix_2010/Up1Blue.png'/></a>


     b) Bagi code Move to the Bottom

<a href='#bottom' style='display:scroll; position: fixed; bottom:5px;right:5px;' title='Back to Bottom'><img src='http://cdn2.iconfinder.com/data/icons/glaze/32x32/actions/bottom.png'/></a>
<a name='bottom'/>




Warning : TEKAN CTRL + C UNTUK COPY CODE-CODE DIATAS

Untuk yang bertanda merah = boleh gantikan samada top  kalau nak button kat atas @ bottom kalau nak dia kat bawah
Untuk yang bertanda biru = boleh gantikan samada right @ left
Untuk yang bertanda purple = MESTI tukarkan dengan URL gambar yang kau orang nak.


Gambar tu boleh lah search kat Uncle Google. Lepas tu right click and tekan 'copy image URL.'

Yang Cik yan ni buat guna pakai photoshop aja. Biasalah amateur lagik, sebab tu nampak selekeh gila aja. hehehe
Lepas tu preview dulu. Kalau tak ada error baru boleh save kan.
ATAU
Kau orang jugak boleh cuba cara paling simple dimple pimple

1) Dari dashboard klik design > Page elements > Add a gadget > HTML/Javascript
2) Lepas tu boleh lah paste code-code yang mana kau orang nak either back to top or move to the bottom.



Senang kan?

So, lepas ni boleh lah kau orang cuba. Siapa yang tak boleh, nanti bagitau Cik Yan okey.
Biar Cik Yan bawak team edisi siasat untuk buat siasatan aduan rakyat. hehe

Siapa yang berjaya tu jangan lupa sediakan pulut kuning dengan kambing golek untuk Cik Yan

HAHAHAHAHA!!!








5 comments:

  1. @Admiral Hafiz

    hehehe..
    sharing is fun
    cik yan pun bukan pandai sgt..

    eh, cik yan dah vote tau..
    kalau menang kite share hadiah eh..
    hahahaha

    ReplyDelete
  2. @mat dan mina

    hah..
    try lah..

    semoga berjaya..
    jgn lupa pulut kuning kalau dapat buat..=)
    kehkehkeh

    ReplyDelete

Cicakman, kluangman, spiderman, superman
Dah bace jemputlah bagi comment