tutorial: add follow & dashboard button in blogspot

Dear all,

since aysha is asleep early tonight, i am thinking of making a simple tutorial on how to add the floating follow button and dashboard as what you can see in my blog.. as you know.. sharing is caring..

please follow the easy steps shown below:

1. login to your blogger account
2. select your blog
3. go to layout
4. then click at "add a gadget"
5. choose html/javascript widget
6. not required to enter the title
7. enter the codes below

<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=your blog id" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 3em; margin-right: 3em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCOExBfXmkxIfyMdnxYnYGyPJ_PDc0V9bmB2kf2hUW84ZcSfObHG-xqNrjwcyyI24WYrDpHO6Grxzpw7kdi-Yt45bVlHBdIsxAOCQwimf9vZtcAwXSc3O3Gk7uDCJt741h3OOdNRodgT3_/s1600/followpink.png" /></a> <div style="display:scroll; position:fixed; top:0px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT3AQ0pztQUWDJy_17EMBN_wbYAOqdZ8SF4ZlNimjpHpw7d2z8NAn9OYeRA0tndRKNzWgiI5V9wgm0r1aOBfRnuu7PdXUIoJ6-Sdds2TFibzegIX4tA45HIY5wqExwcvG6q2TIZl5YzhvL/s1600/dashboardpink.png" /></a></div></div> 

8. for your blog id (highlighted in yellow) you can get it at your url link. you can refer to the screenshot below:

9. the url highlighted in green is the follow button image url. you can change it to your own image url.
10. same goes to the url highlighted in blue. that is the dashboard button image url. you can change it here.
11. once done, click at the save button
12. check it out in your blog.. it should be updated to show the buttons on your top right corner.

p/s my button image url is taken from kemetot comel.