Pasang Back to Top dan Home Button

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/AVvXsEgbzlwi4yLDQSAf0X3iBlbs2AzQbEfCzUHpfxvOJLSyLOOwa1utpcIFEaGsxkPTSB0U_iWbPN2Dufpxv8g_BCQ20cys_WhBrbL8xnDVN4sz2k8W8ViksRNSzENJ_VrRLHJVhDeFtMlrYCg/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/AVvXsEiBL7sVUhKvy9GFOB0UJ-HaYKzADpx9ZK_BXNn7kd6tq2ZKmGYGnLxWHXd_o0e4ph7aoF09SMpJ6wFeHSPIu4MQtvZN6f0ZJeYGHly0Y73qzVuasRpOp8JqrvGfz878x7DEIFVO4T9pKZc/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/AVvXsEgbzlwi4yLDQSAf0X3iBlbs2AzQbEfCzUHpfxvOJLSyLOOwa1utpcIFEaGsxkPTSB0U_iWbPN2Dufpxv8g_BCQ20cys_WhBrbL8xnDVN4sz2k8W8ViksRNSzENJ_VrRLHJVhDeFtMlrYCg/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/AVvXsEiBL7sVUhKvy9GFOB0UJ-HaYKzADpx9ZK_BXNn7kd6tq2ZKmGYGnLxWHXd_o0e4ph7aoF09SMpJ6wFeHSPIu4MQtvZN6f0ZJeYGHly0Y73qzVuasRpOp8JqrvGfz878x7DEIFVO4T9pKZc/s320/home1.png" width="21" /></a>

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