How to add keyboad key effects

For may of us the design and the template are the most important making our reader to more intrest there is an HTML element meant for marking up keyboard keys named <kbd> styled by CSS

Adding keyboard keys in blog

1 Fro blogger dashboard select template and edit html

2 And in html window find (ctrl+f) search of the piece of  code

]]></b:skin>

just above this paste this code

 kbd{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
}

And save templates

last step add the html <kbd> tags to text where you want to apply keyboard effects

<kbd>Ctrl</kbd> + <kbd>F</kbd>