How to create keyboard button effect on text in Blogger


I have seen many website that where having keyboard button effect on some text example they where showing CTRL+F to CTRL+F  I was wondering how it is made. In the first thought it is an image but it was not an image and After some days I made it and also its tutorial. So let's began 

How to add it to blogger

-Go to Template>Edit HTML
-Press CTRL+F and search ]]></b:skin>
-Paste the following code above it
kbd {display:inline-block;border:1px solid #ccc;border-radius:4px;padding:0.1em 0.5em;margin:0 0.2em;box-shadow:0 1px 0px rgba(0,0,0,0.2), 0 0 0 2px #fff inset;background-color:#f7f7f7;}
-After this go ahead and create a new post
-Go to HTML tab and Paste the Following code in it
<kbd>Your Text here</kdb>
-Replace Your Text Here with your text 

That's its :)

How to create keyboard button effect on text in Blogger
Add Keyboard Keys Effect To Your Text in Blogger
Add Keyboard Keys Effect To Your Text in Blogger with CSS
keyboard button effect on text in Blogger
keyboard button effect on text
key effect on text in blogger
key effect on text
Previous
Next Post »