Add Keyboard Keys Effect to your Text using CSS in Blogger

Many time you might have seen this type of effects in my blog posts many time i use it and many time i dont uses it.I will still using the same effect to guide you to how you can add this type of keyboard effects in your texts using css in your blogger blog.Well this is firstly inspired by Mr. Amit Agarwal's Blog Labnol.org I dont really know that this was created by him but i firstly seened this effect on his blog and then added it to my blog.

This effect can be used to display many different keystrokes if you are in the windows niche or anywhere else depends on your posting creativity.So now many peoples requested me on how to add this type of effect to their personal blogger blog .So here goes the tutorial ,so check it out and have fun.

1.  Open Blogger >Templates > Edit Html
2. Now Press Ctrl+F And search for ]]>now paste below code just above it. View Coding
3. Now Save your Template.


4. Now Whenever you creat any post and you want this effect then switch to the html mode and type your text and surround it with the below code

   text

5. Now just Replace the red text with your text and all done.

Source-Hackinguniversity