Add Keyboard Keys Effect to your bloggger blog

Iskandar Blogger 5:25 AM
People Who are blogging always want their blog and design are attractive. By adding Keyboard Button Effect For Blogger Posts that will help you to Make Your Article More Professional and also increase your readers. There are so many style you can use to attractive your blog but here i am learn how to add keyboard keys effect to your blog post.

How To Add Keyboard Keys Effect with your Text In Blogger

  • First Step is go to Blogger dashboard with entering your useid and passoword and select blog
  • Now click on the template tab in right side bar and select Edit HTML.(as shown below in image). 

Blogger-Templates-Edit HTML

  • Now search for the below code in the coding by using Ctrl + F
]]></b:skin>
  • After finding the  ]]></b:skin> tag, copy the below code and paste it above the ]]></b:skin> word.

kbd{
border:1px solid black;
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;
}

And hit the save template button.

Now when you are creating a new post  and want to add there Keyboard style keys in that blogger post just do the following steps :

Enter the  <kbd>Enter your Key here </kbd> in HTML section.
Replace the "Enter your key here"  with your desire keyboard text on which you want to apply keyboard key effects.
 
That's it..

Happy Blogging...