Home » , , » Cara Membuat Butang Top dan Home

Cara Membuat Butang Top dan Home

Wednesday, June 16, 2010

Salam.Pertama sekali mijie ingin memohon maaf kerana baru sekarang mijie dapat buat tutorial ini disebabkan agak busy, tambahan pula internet kadang-kadang down. Tutorial ini adalah permintaan salah seorang rakan mijie, tapi lupa pulak sape nama dia..sory erk. Oklah tak nak cakap banyak..Ikuti langkah2 berikut.

Step 1 : Seperti biasa => Login Dashboard => Design(yg lama Layout) => Edit HTML => Klik pada Expand Widget Template


Step 2 : Control + F dan cari code ini </body>

Step 3 : Copy code dibawah dan kemudian 'paste' kan di atas code yang anda cari tadi.

<a href='#' style='position: fixed; right: 1px; bottom: 27px;' title='Back to Top'><img border='0' height='21' src='http://4.bp.blogspot.com/_LZtXSNcp76A/SxuSQwW77uI/AAAAAAAAAsc/qXqE9on4u5k/s320/up.png' width='21'/></a><a href='MASUKKAN URL BLOG DISINI' style='position: fixed; right: 1px; bottom: 0px;' title='Home'><img border='0' height='21' src='http://3.bp.blogspot.com/_LZtXSNcp76A/SxuSNhQnfiI/AAAAAAAAAsU/vFPaDmaIMQE/s320/home1.png' width='21'/></a>
<a href='#' style='left: 1px; position: fixed; bottom: 27px;' title='Back to Top'><img border='0' height='21' src='
http://4.bp.blogspot.com/_LZtXSNcp76A/SxuSQwW77uI/AAAAAAAAAsc/qXqE9on4u5k/s320/up.png' width='21'/></a><a href='MASUKKAN URL BLOG DISINI' style='left: 1px; position: fixed; bottom: 0px;' title='Home'><img border='0' height='21' src='http://3.bp.blogspot.com/_LZtXSNcp76A/SxuSNhQnfiI/AAAAAAAAAsU/vFPaDmaIMQE/s320/home1.png' width='21'/></a>


Step 4 : Klik Preview terlebih dahulu untuk mengelakkan apa2 masalah yang berlaku.

Step 5 : Klik SAVE jika tiada error berlaku.

*kalau ada apa2 masalah sila tinggalkan komen dibawah yer..InsyaAllah  mijie akan membantu..:)

27 dah komen:

NaNaJoe 6/16/2010 3:00 PM  

rajin mijie wat tuto~~
bagus2.
rajin2 update k~ :)

zulkbo 6/16/2010 3:28 PM  

salam mijie..
amat berguna button2 tu
teroma kasih berkongsi..
blog saya dah ada dah button2 tu

Yuni Aisyah 6/16/2010 6:06 PM  

wah bagus tutorial nie...
le di aplikasikan..hehe

Yuni Aisyah 6/16/2010 6:06 PM  

wah bagus tutorial nie...
le di aplikasikan..hehe

ikeen 6/16/2010 8:45 PM  

arini blaja tuto baru..yeah!..tq mijie

Mijie 6/17/2010 9:48 AM  

NaNaJOe :: hehe..bese lah..bosan2 wat tutorial..hehe

zulkbo :: wsalam :: a'ah kan zul dh buat button nie..:)

Yuni :: emm boleh2..nnti klu ada pape masalah gtau ek..

ikeen :: welcome ikeen..try lah bt..:)

ejum 6/17/2010 10:23 AM  

thx for the tutorial..byak tutorial best kat sni..good job!

Mijie 6/17/2010 11:48 AM  

sma2 ejum...:)..try lah bt..klu ade problem gtau ek..

Asyraf Hamasaki 6/22/2010 1:01 AM  

image link utk read more tak bleh guna pun

☺Á©hØy☺ 7/09/2010 5:00 PM  

salam bro saya dah buat, ikon dah kuar tapi ada masalah tak boleh link ke home. macam takde apa² fungsi. bro boleh tolong

Mijie 7/09/2010 9:06 PM  

@☺Á©hØy☺

emmm..dh msk ke url bro punye blog??

Mijie 7/09/2010 9:10 PM  

@Asyraf Hamasaki

sory asy..x perasan bro hntr komen..emm x kuar icon 2 ke??

Teqorox Angol 7/19/2010 10:19 AM  

suke suke.. thanks for the tutorial.. :Dngeee...

Mijie 7/19/2010 2:02 PM  

@Teqorox Angol

bgs2..welcome angol..:)

Ahmad Zaki 7/30/2010 11:49 PM  

Assalamualaikum...

Saya dah buat dan berjaya.

Di bahagian mana pada kod tersebut untuk mengubah ikon yang digunakan?

Mijie 7/31/2010 1:14 AM  

@Ahmad Zaki

waalaikumusalam..

ok..bgs3..nk tkar ikon cari kod ni..

src='http://3.bp.blogspot.com/_LZtXSNcp76A/SxuSNhQnfiI/AAAAAAAAAsU/vFPaDmaIMQE/s320/home1.png'

bibih 8/23/2010 5:18 PM  

nape tak kuar pun..url dah tukar..hu huu

bibi 8/24/2010 3:30 PM  

dah le tak kuar, post dah jadi satu je bg page pertama...adusss di mana ya silapnya..

bibi 8/24/2010 3:35 PM  

dah wat lagi sekali, ok kuar dah..tq mijie :)

Mijie 8/25/2010 10:13 PM  

@bibih

sory lmbt reply..emm cuba guna yg ajax plk..rasanye jd..klik sini

Mijie 8/25/2010 10:13 PM  

@bibi

ok..bgs3..u're welcome..;)

mykrk 5/24/2011 2:00 PM  

Saya sudah cuba dan menjadi. Sebenarnya tutorial ini sudah lama saya cari-cari. Terima kasih tuan. Tahniah.

~ziera~ 6/04/2011 3:20 PM  

tak boleh pun huhu

Mijie 6/17/2011 3:18 PM  

@mykrk

Okei..same tuan..:)

Mijie 6/17/2011 3:19 PM  

@~ziera~

ade error atau x keluar langsung nie?

fyfah norini 10/30/2014 12:45 PM  

salam sy nak tanya. kalau nk buat link button dkat page such as button home,about or something else bole gne tuto ni x? or mijie bole tlg ajarkan tuto untuk buat button tu? please. thanks :)

Post a Comment

Sila Tinggalkan komen korang kat sini yer..
InsyaAllah setiap komen dari korang aku akan blas..:)

DeSiGn By MiJiE BloG @ 2011. Powered by Blogger.