Add Keyboard Keys Resultant To Your Text Inwards Blogger Alongside Css

For many of us the blueprint in addition to the template are the almost important, making our readers last to a greater extent than interested in addition to coming dorsum to our blog. There's an HTML chemical component meant for mark upwardly keyboard keys named which tin last styled amongst CSS, in addition to thus why non role it to brand those elements await the keyboard keys?

Thus, inwards this tutorial, I am going to present you lot how to practice a keyboard keys termination amongst CSS. It doesn't require images in addition to thus your weblog volition charge faster.

How to Add Keyboard Keys to Blogger

Step 1. From Blogger Dashboard, pick out your weblog in addition to become to Template > Edit HTML

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

]]>

Screenshot

Click on the arrow to expand the code

Step 3: Just higher upwardly ]]> 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 alter button.

Finally, nosotros require to add together the html  tags to the text on which nosotros desire to use the keyboard keys style.
From your blogger's dashboard, become to practice a New Post, write the text on which you lot desire to use the manner in addition to become to the HTML tab. Before in addition to later the text, add together the next HTML tags:

Ctrl + F

Screenshot

This volition arrive to await similar this:

Ctrl + F