How to create Keyboard Commands keys in place of Text using CSS trick?

Most of the qualified webmasters use certain keys (commands) in terms of images or buttons at the time of tutorials on blog/website. To make an impression on reader/visitor webmasters use computer command in image or buttons mode to understand subscribers in better way.

These type technique tutorials can help and create impact on readers and force them to come back or join as loyal subscriber. Here in this article we educate you ‘How to create a keyboard commands keys using CSS trick? Let’s begin tutorial.
Sign into your blogger account
From blogger dashboard select ‘Template’ link
Click on ‘Edit HTML’ link tab and proceed
Search for tag Ctrl + F

]]></b:skin>

After finding tag copy below code and paste above to it as shown in the image below

*/-----CSS code by blogtariff.com-----/*
btf{
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;
}
*/-----CSS code by blogtariff.com-----/*

Now save your template
Whenever you post article apply the style tags before and after with keyboard commands as shown example below:

<btf>Ctrl</btf> + <btf>F</btf>