Tutorial Button "Top of The Page"

Thursday 19 January 2012 | 0 comments


Assalammualaikum..
Muna nak buat tutorial la hari ni. Tutorial ni Muna rasa sangat penting bagi blogger2 yang suka tulis entry panjang2 dan nak cepat kan pembaca2 dia jump back to the top of the page. Cewah.. speaking! hee.. 

Ok, senang je nak install.

  1. Dashboard > Design > Add Gadget > Html/JavaScript
  2. Copy code dekat bawah
  3. Paste dekat Html/Javascript
  4. Save. Siap! 
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Hover Text yang korang nak tulis"><img src="URL icon yang korang nak guna" /></a>



  • <a href="#"> This link targets the top of the page
  • <img src="url-of-image" The URL of your icon
  • alt="alternative text" Alt text for accessibility
  • title="Back to Top" This will produce the hover text
  • style="display: scroll; This allows the image to scroll
  • position: fixed; This fixes the image in place
  • bottom: 5px; Makes the image appear 5px from the bottom
  • right: 5px;" /></a> Makes the image appear 5px from the right
  • Then closes all tags

    Ok. Tu saja dari Muna. Faham tak? Kalau tak faham boleh tanya dekat Fibox ok? Nak share dekat kawan2 lain? Boleh, tapi kredit kan lah ke blog Muna. Penat Muna taip :p hee..

    Labels:



    >>Older Post | Newer Posts<<