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

How to add keyboad key effects
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>



Post a Comment (0)
Previous Post Next Post