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!!!
nice tutorial!
ReplyDeleteTQ2
Wow! Cantiknya Header Blog ni! Pencarian 10 Header Blog Tercantik 2010!
gud....i nk try la....
ReplyDelete@Admiral Hafiz
ReplyDeletehehehe..
sharing is fun
cik yan pun bukan pandai sgt..
eh, cik yan dah vote tau..
kalau menang kite share hadiah eh..
hahahaha
@mat dan mina
ReplyDeletehah..
try lah..
semoga berjaya..
jgn lupa pulut kuning kalau dapat buat..=)
kehkehkeh
nice!!nak try~thankz yan!
ReplyDelete