Add Keyboard Keys Outcome To Your Text Inwards Blogger Amongst Css

For many of us the pattern in addition to the template are the well-nigh important, making our readers endure to a greater extent than interested in addition to coming dorsum to our blog. There's an HTML chemical ingredient meant for marker upward keyboard keys named <kbd> which tin laissez passer on the sack endure styled alongside CSS, in addition to then why non role it to brand those elements await the keyboard keys?

Thus, inwards this tutorial, I am going to present y'all how to practise a keyboard keys lawsuit alongside CSS. It doesn't require images in addition to then your weblog volition charge faster.

For many of us the pattern in addition to the template are the well-nigh of import Add Keyboard Keys Effect To Your Text inwards Blogger alongside CSS

How to Add Keyboard Keys to Blogger

Step 1. From Blogger Dashboard, lead your weblog in addition to instruct 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:

]]></b:skin>

Screenshot

Click on the arrow to expand the code

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

kbd{
border:1px venture 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 <kbd> tags to the text on which nosotros desire to utilize the keyboard keys style.
From your blogger's dashboard, instruct to practise a New Post, write the text on which y'all desire to utilize the fashion in addition to instruct to the HTML tab. Before in addition to later the text, add together the next HTML tags: