Widgets

Posted by : Blogger Wits Tuesday, September 2, 2014

Keyboard Keys Effect

Step 1- Select your blog and click on "Templates" and "Edit HTML"

Step 2- Click inside the code area and press "CTRL + F" for search box, and search

"]]></b:skin>"

Step 3- Paste " Keyboard Keys Effect Code "Above" ]]></b:skin>

 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;
}
Note: You can apply Keyboard Keys Effect through <kbd>, while creating a new post, add this HTML Tag before and after of that text.

Step 4- "Save Template"

Leave a Reply

Popular Post

Copyright © 2014 Bloggerwits