Memasang button Back to top dan Home pada sisi blog


Back to top dan home button yang boleh anda lihat pada sisi kanan dan kiri blog ini adalah fungsi yang dapat anda bina sendiri secara costum. Ia mungkin dapat memudahkan visitor untuk explore blog yang mempunyai layout yang panjang. Hanya perlu klik button Back to top, dan visitor sudah pun selamat sampai ke header blog.

Button boleh disesuaikan mengikut pilihan sendiri jika mampu untuk mengubahnya, jika tidak, memadailah dengan menggunakan button yang serupa dengan blog ini. Sama aja. Tak menjejaskan apa pun. Heh.

Untuk memasang button back to top dan Home ini, sila ikut beberapa langkah yang mudah dibawah.

p/s: Sila save script template.Klik pada Download Full Templates. PENTING oOo bila nak edit script template. Bukan main-main kerja.


Langkah 1

Log in blog=> Dashboard => Layout => Edit HTML. Tick pada Expand Widget Template..Kat mana tu? Jawapan: Cari sampai dapat ye..

Langkah 2

Dengan menggunakan keyboard ataupun papan kekunci atau, sila tekan Ctrl+ F. Taip kod </head> pada ruang Find yang terpapar di atas taskbar (tangan sambil tunjuk tempat tekan Start). Kemudian, tekan Enter.

Langkah 3

Salin atau edit kod di bawah (jika perlu) dan paste di atas atau sebelum kod </head>

p/s: Kod yang di bold boleh di edit (jika perlu).

<a href="#" style="position: fixed; right: 1px; top: 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://URL anda.blogspot.com/" style="position: fixed; right: 1px; top: 287px;" title="Home"><img 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; top: 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://URL anda.blogspot.com/" style="left: 1px; position: fixed; top: 287px;" title="Home"><img height="21" src="http://3.bp.blogspot.com/_LZtXSNcp76A/SxuSNhQnfiI/AAAAAAAAAsU/vFPaDmaIMQE/s320/home1.png" width="21" /></a>

Akhir sekali, klik Preview. Pun penting juga. Jika tiada mesej Error yang bertulisan merah terpapar, klik saja Save.


{ 39 comments.. read them below or add one }

sukiminna sukiminna 5:09 PM
huhu..aku letak function back to top ni kat footer bawah sekali bersama menu home & about us..agak2 readers nampak tak?

aku salu tgk website lain wat camtu, tu yang aku wat camtu jek.
Nescafe ais Nescafe ais 5:18 PM
@sukiminna

Betul. Memang benda ni biasa letak kat footer bawah tu. Tapi gua saja letak kat tepi. Senang sikit kut. Lagipun buttonnya kecik aje. Takut ada yang tak perasan. Hehe.
Iza Iza 6:47 PM
nanti aku nak try la....
terasa aku dgn p/s ko tu.....
Nescafe ais Nescafe ais 6:52 PM
@Iza

Hehe. Itukan umum. Sorrylah kalau terasa yer.
cikgu_math cikgu_math 7:15 PM
thank you... saya dah buat untuk blog saya
beautiful_rose beautiful_rose 9:38 PM
huhuhuhu berpinar tgk coding2 tuh sume....
MrsNor MrsNor 10:47 PM
terimakasih daun keladi ... akak dah buat kat blog akak..jadi.
Nescafe ais Nescafe ais 11:13 PM
@cikgu_math

Sama-sama cikgu. Hehe
Nescafe ais Nescafe ais 11:15 PM
@beautiful_rose

Paling mudah, copy paste saja. Cuma masukkan URL blog.Hehe
Nescafe ais Nescafe ais 11:16 PM
@MrsNor

Ye. Sama-sama kembali daun sireh.
Little buzz Little buzz 3:06 PM
thanks bro..ni pun aku ikut ajaran ko jugak...kredit utk encik nescafe...mintak bungkus nescafe lagi satu..hehe
Nescafe ais Nescafe ais 10:10 PM
@Little buzz

Haha. Sorry la. Plastik nak buat bungkus dah kehabisan.
.rENEx. .rENEx. 10:57 PM
utk tmplate classic leh x guna code nih??

hee=]
Nescafe ais Nescafe ais 11:21 PM
@.rENEx.

Boleh. Semua template boleh saja
.rENEx. .rENEx. 9:12 PM
xjadi lorh wat..
de error..

huu=[
Nescafe ais Nescafe ais 2:21 PM
@.rENEx.

Mesti ada yang silap step. Cuba buat semula.
adottbusuk adottbusuk 11:57 PM
oh my~ incik nescafe! tima kaseh! sekali wat je, jadi! syronot rase, hihi! ^^
Capo Grande Capo Grande 3:42 PM
thanx bro..sy tiru bulat2 je wat masa ni...nanti2 br sy edit ek...tq tq mooooah...
Armyrule Armyrule 7:24 PM
camna nak buat kat bwh cam blog nescefe ais ni
Armyrule Armyrule 8:09 PM
button home xjadi la...back to top ok
Nescafe ais Nescafe ais 8:24 PM
@Armyrule

a href="http://URL anda.blogspot.com/"

Edit kod ni bro. Masukkan URL.
Armyrule Armyrule 8:25 PM
dah jd yg home to cuma apa yg perlu edit nak bg position dia kat bawah
Nescafe ais Nescafe ais 8:41 PM
@Armyrule

Tukar kod ni

position: fixed; right: 1px; top: 260px

top tukar jadi bottom. Edit angka 260px. Kurangkan angkanya.

Kalau susah sangat, guna saja kod asal.
PKG Langkap PKG Langkap 2:40 PM
thanks ya..dah menjadi...
Khazman88 Khazman88 5:36 PM
dh jadi..thanks bro..hehe
Salahuddin Harith Salahuddin Harith 7:48 AM
alhamdulillah jadi pun setelah menurunkan pixel kepada 10, dan 40..jauh betul tu dari 260...terima kasih nes
DaHLia DaHLia 8:52 PM
yeahhh sukernye...menjadik!!!

tq cikgu
Iza Iza 5:18 PM
Aku dah try letak benda ni tp kenapa dia x nk naik ke atas ek? di mana silapnya?
Iza Iza 5:35 PM
ada 2 url yg perlu kita letak kn?left n right. Tp cuma sebelah kiri je berfungsi...blog aku mcm x sesuai nk letak sbb bila klik je, dia akan buka tab yg baru.
Eacah_Rox Eacah_Rox 1:51 PM
terbaik r bro..!! huhu
AzwaZynal AzwaZynal 2:22 AM
salam.. bro..
saye dah try byk kali ni..hehe
tp nggak buleh jugakk

gambar arrow n home tu ada keluar kat blog..
tp tak function la.. tekan takde pape blaku pun..

url dekat kod tu dah tukar dah..
erm.. camne ye nak buat?
nenananie nenananie 10:10 PM
tak bole klik pon..sdih :(
cu734ngel cu734ngel 1:43 PM
bro...dah tukar url semua..stil tak jadik kalau click..gambar arrow and home memang dah ada di blog tapi takley click...kenapa yeh??
LyshawlizShop LyshawlizShop 10:22 PM
thankss , i likeeeeeeeeee ^^
jeon jeon 1:58 AM
thnkz bwat ilmunya…
klo ad waktu mampir k blogq y :)

http://www.69leciel.co.cc/
http://www.larc-en-ciel.co.cc/

slam kenal :)