Home / Template Customization / How to add keyboard keys effect to your text in Blogger

How to add keyboard keys effect to your text in Blogger

Posted by Unknown Jumat, 01 November 2013 0 komentar

Keyboard keys effect: Getting more famous throughout the blogosphere depends upon the design of your blog. There are many parts of blog to be designed, but today I am going to show you something unique. Professional bloggers uses keyboard keys effect on their text in blogger which looks very fascinating to the visitors in several aspects. The important one is understanding the tutorial.

How to add keyboard keys effect to your text in Blogger

First of all visit Blogger dashboard.
Now click on the template tab there>> Edit HTML.(as shown below).

Now search for the below code in the coding.

]]></b:skin>

After finding the ]]></b:skin> tag, copy the below code and paste it above the ]]></b:skin> tag.

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;
}

Now save your template!

Now when you are creating a new post just do the following steps for this effect:

Create a new post.
Click on the HTML portion of your post.(as shown below)

Now copy the below code and paste it inside the HTML portion where you want.

<kbd>Shadow</kbd>

Replace the Shadow with your desire text on which you want to apply keyboard key effects.

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: How to add keyboard keys effect to your text in Blogger
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://topandroidnexus7.blogspot.com/2013/11/how-to-add-keyboard-keys-effect-to-your.html. Terima kasih sudah singgah membaca artikel ini.