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;
}
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>