• Natlie Imbruglia

    Doesn`t she look very cool?

  • Thousands of Years

    Earth has lived thousands of years...

  • Fruits

    Fruits are vital for health and their nutrients...

  • The Lonely Road

    The Lonely Road reminds Me with You...

  • Twister

    Here are some twisting graphics for you...

Sunday, December 13, 2009

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGaz0ZteFFnRuTQ6F40I4qhVgDDWfONSWZ2ClzY4oawTycEiL2rSwUbI5OKZ9PLLmwGIo_Y2c91Xwm2TEkqEFPl6HiREadxSKMwYTLAXATIo6b5m7_lJkj1zoEJxEjcCJZOEv7CKpUkg/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9weWzhjq7NM0cANp9nqrtqYz62803RiLI1d1UpI9iQO9TykMPPmgPffbWMc5MAdu3Yld2Yz7B9TcMV4_eMezzEdWRmaj_uzE1FpU-h2vx_g1tC67yAheZUEigyDPSZS0b5ZqoVweH8s/s320/home1.png" width="21" /></a>
<a href="#" style="left: 1px; position: fixed; top: 260px;" title="Back to Top"><img height="21" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGaz0ZteFFnRuTQ6F40I4qhVgDDWfONSWZ2ClzY4oawTycEiL2rSwUbI5OKZ9PLLmwGIo_Y2c91Xwm2TEkqEFPl6HiREadxSKMwYTLAXATIo6b5m7_lJkj1zoEJxEjcCJZOEv7CKpUkg/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9weWzhjq7NM0cANp9nqrtqYz62803RiLI1d1UpI9iQO9TykMPPmgPffbWMc5MAdu3Yld2Yz7B9TcMV4_eMezzEdWRmaj_uzE1FpU-h2vx_g1tC67yAheZUEigyDPSZS0b5ZqoVweH8s/s320/home1.png" width="21" /></a>

Akhir sekali, klik Preview. Pun penting juga. Jika tiada mesej Error yang bertulisan merah terpapar, klik saja Save.
Posted by at
Labels:

28 comments:

  1. sukiminnaDecember 13, 2009 at 1:09 AM

    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.

    ReplyDelete
  2. Nescafe aisDecember 13, 2009 at 1:18 AM

    @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.

    ReplyDelete
  3. IzaDecember 13, 2009 at 2:47 AM

    nanti aku nak try la....
    terasa aku dgn p/s ko tu.....

    ReplyDelete
  4. Nescafe aisDecember 13, 2009 at 2:52 AM

    @Iza

    Hehe. Itukan umum. Sorrylah kalau terasa yer.

    ReplyDelete
  5. cikgu_mathDecember 13, 2009 at 3:15 AM

    thank you... saya dah buat untuk blog saya

    ReplyDelete
  6. beautiful_roseDecember 13, 2009 at 5:38 AM

    huhuhuhu berpinar tgk coding2 tuh sume....

    ReplyDelete
  7. MrsNorDecember 13, 2009 at 6:47 AM

    terimakasih daun keladi ... akak dah buat kat blog akak..jadi.

    ReplyDelete
  8. Nescafe aisDecember 13, 2009 at 7:13 AM

    @cikgu_math

    Sama-sama cikgu. Hehe

    ReplyDelete
  9. Nescafe aisDecember 13, 2009 at 7:16 AM

    @MrsNor

    Ye. Sama-sama kembali daun sireh.

    ReplyDelete
  10. Nescafe aisDecember 13, 2009 at 7:16 AM

    @beautiful_rose

    Paling mudah, copy paste saja. Cuma masukkan URL blog.Hehe

    ReplyDelete
  11. Little buzzDecember 13, 2009 at 11:06 PM

    thanks bro..ni pun aku ikut ajaran ko jugak...kredit utk encik nescafe...mintak bungkus nescafe lagi satu..hehe

    ReplyDelete
  12. Nescafe aisDecember 14, 2009 at 6:10 AM

    @Little buzz

    Haha. Sorry la. Plastik nak buat bungkus dah kehabisan.

    ReplyDelete
  13. .rENEx.December 16, 2009 at 6:57 AM

    utk tmplate classic leh x guna code nih??

    hee=]

    ReplyDelete
  14. Nescafe aisDecember 16, 2009 at 7:21 AM

    @.rENEx.

    Boleh. Semua template boleh saja

    ReplyDelete
  15. .rENEx.December 17, 2009 at 5:12 AM

    xjadi lorh wat..
    de error..

    huu=[

    ReplyDelete
  16. Nescafe aisDecember 17, 2009 at 10:21 PM

    @.rENEx.

    Mesti ada yang silap step. Cuba buat semula.

    ReplyDelete
  17. adottbusukDecember 19, 2009 at 7:57 AM

    oh my~ incik nescafe! tima kaseh! sekali wat je, jadi! syronot rase, hihi! ^^

    ReplyDelete
  18. Capo GrandeDecember 20, 2009 at 11:42 PM

    thanx bro..sy tiru bulat2 je wat masa ni...nanti2 br sy edit ek...tq tq mooooah...

    ReplyDelete
  19. ArmyruleDecember 24, 2009 at 3:24 AM

    camna nak buat kat bwh cam blog nescefe ais ni

    ReplyDelete
  20. ArmyruleDecember 24, 2009 at 4:09 AM

    button home xjadi la...back to top ok

    ReplyDelete
  21. Nescafe aisDecember 24, 2009 at 4:24 AM

    @Armyrule

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

    Edit kod ni bro. Masukkan URL.

    ReplyDelete
  22. ArmyruleDecember 24, 2009 at 4:25 AM

    dah jd yg home to cuma apa yg perlu edit nak bg position dia kat bawah

    ReplyDelete
  23. Nescafe aisDecember 24, 2009 at 4:41 AM

    @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.

    ReplyDelete
  24. PKG LangkapJanuary 7, 2010 at 10:40 PM

    thanks ya..dah menjadi...

    ReplyDelete
  25. amatt mexes amirJanuary 19, 2010 at 9:50 AM

    thanks a bunch!

    ReplyDelete
  26. Khazman88January 29, 2010 at 1:36 AM

    dh jadi..thanks bro..hehe

    ReplyDelete
  27. Salahuddin HarithFebruary 1, 2010 at 3:48 PM

    alhamdulillah jadi pun setelah menurunkan pixel kepada 10, dan 40..jauh betul tu dari 260...terima kasih nes

    ReplyDelete
  28. DaHLiaFebruary 4, 2010 at 4:52 AM

    yeahhh sukernye...menjadik!!!

    tq cikgu

    ReplyDelete

Subscribe to: Post Comments (Atom)