Add Keyboard Keys Effect To Your Text in Blogger Blog

Here is one of the best trick which makes your post beautiful i am Providing you. You might have seen this Cool CSS Tricks. Now i am tell you how you can add this feature to your Personal Blog.

Cascading Style Sheets (CSS) are mainly used to styling your Web Pages or change the looks of your Blog. Everyone wants to make his/her blog different and unique from others either by changing layouts or adding some elements apart from your niche.

Follow these Steps: How To Add The Code

Open Blogger > Template > Edit HTML.

Now press Ctrl + F and search for ]]></b:skin> tag, now paste below code above it.

 kbd {  
   -moz-border-radius: 3px;  
   -webkit-border-radius: 3px;  
   border-radius: 3px;  
   border: 1px solid gray;  
   padding: 1px 5px;  
   margin: 0 5px;  
   font-family: courier new;  
   font-size: 1.2em;  
   -webkit-box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333;  
   -moz-box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333;  
   box-shadow: 1px 0 1px 0 #fff, 0 2px 0 2px lightGray, 0 2px 0 3px #333;  
   background: -moz-linear-gradient(left, #fff 0%, #e2e2e2 25%);  
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(25%, #e2e2e2));  
   background: -webkit-linear-gradient(left, #fff 0%, #e2e2e2 25%);  
   background: -o-linear-gradient(left, #fff 0%, #e2e2e2 25%);  
   background: -ms-linear-gradient(left, #fff 0%, #e2e2e2 25%);  
   background: linear-gradient(left, #fff 0%, #e2e2e2 25%);  
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=1)  
 }  
 kbd.space {  
   padding: 0 90px  
 }  
 kbd:hover {  
   cursor: default  
 }