Apr 17, 2017

How to make keyboard key buttons in blogger posts

Making keyboard buttons appear in blogger posts text is as simple as cutting butter with a sharp blade in summers ☺.
It is actually all about a simple html tag. Yes only one html tag makes all that magic happen. Here is the html tag we are talking about <kbd>.
All you have to do is to go to html view and add this tag before the alphabet you want to create keyboard button of. At the end add this tag again but with closing slash. Example is highlighted. If want to make Ctrl then in html you have to write <kbd>Ctrl</kbd>
Thats it.

Few Examples
I AM TARIQ YOUSUF                                         I AM A BLOGGER.   

                                         I LOVE BLOGGING

Ctrl Shift Enter alt caps lock 

tab esc Backspace insert prt sc 

delete home pg up pg dn 
Blogger Widgets