Add Keyboard Keys Resultant To Your Text Inwards Blogger Amongst Css

For many of us the blueprint as well as the template are the close important, making our readers live on to a greater extent than interested as well as coming dorsum to our blog. There's an HTML chemical share meant for marker upward keyboard keys named <kbd> which tin live on styled alongside CSS, as well as hence why non purpose it to brand those elements await the keyboard keys?

Thus, inwards this tutorial, I am going to present you lot how to practise a keyboard keys termination alongside CSS. It doesn't require images as well as hence your weblog volition charge faster.

How to Add Keyboard Keys to Blogger

Step 1. From Blogger Dashboard, pick out your weblog as well as teach to Template > Edit HTML

Step 2. Click anywhere within the code area, press the Ctrl + F keys as well as search for this slice of code:

]]></b:skin>

Screenshot

Click on the arrow to expand the code

Step 3: Just inwards a higher house ]]></b:skin> glue this CSS style:

kbd{
border:1px corporation 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;
}

Step 4. To salve the changes, press the Save modify button.

Finally, nosotros bespeak to add together the html <kbd> tags to the text on which nosotros desire to use the keyboard keys style.
From your blogger's dashboard, teach to practise a New Post, write the text on which you lot desire to use the fashion as well as teach to the HTML tab. Before as well as later the text, add together the next HTML tags:

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

Screenshot

This volition teach inwards to await similar this:

Ctrl + F