How to make keyboard like text effect in blogger post

 Blog design and template is the important one for all blogs.It makes the readers to visit again and again to your blog and also makes your blog unique from others.Now I am going to give a trick which makes your post beautiful.This CSS consist of no images so it does not affect your blog speed.Lets see the live demo.

Demo:

Ctrl+b

Ctrl+F

Ctrl+z

Ctrl+y

TrueBloggerTricks 

How To Add In Blogger?

1.) Go To Your Blogger Dasboard

2.) Open Your Desire Blog.

3.) Go To HTML.

4.) Click "Edit HTML"

6.) Now Do As I Did.

7.) Find This Line Using Ctrl+F Function.

]]></b:skin>

Paste this CSS above that line

/*****************************************
Keyboard Style  CSS
******************************************/
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;
}

Using Them On Posts:

For their right implementation on blogger posts, follow these steps carefully.

• Type your entire post
• After completing the post, add this code before and after the text you want to add the effect. 
• A simple example looks like this.

<kbd>Text To Give Effect</kbd>

Your are done!If you have any doubts regarding this post,Please them via comments.Do not forget to share this with your friends!