Cara membuat efek tombol keyboard pada postingan blog

Efek tombol keyboard pada postingan blog,menjadikan postingan lebih menarik dan terlihat lebih profesional. . kenapa begitu? ya karena efek css ini emang simpel dan terlihat lebih menarik di aplikasikan pada postingan blog. .untuk lebih jelasnya lihat gambar aja deh,daripada kelamaan dan ribet jelasinya. . hehe

Nah kurang lebihnya seperti gambar di atas yang akan saya bahas dalam postingan saya kali ini. .
Membuat efek tombol keyboard pada postingan blog. .

CARA MEMASANG DI BLOGGER. .

Masuk ke dasboard blogger kalian
Langsung ke menu tempelate
Edit HTML
Tekan Ctrl+f biar mempermudah mencari kode ]]></b:skin>
kalau kode ]]></b:skin> sudah ketemu
sekarang copy css di bawah ini dan pastekan tepat di atas kode ]]></b:skin>

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

Kalau sudah meletakan kode di atas
Selanjutnya save tempelate anda

Untuk mengaplikasikan efeknya di postingan anda gunakan kode HTML di bawah ini Sob. . !!

<kbd>Masukan teks anda di sini</kbd>

Sebelum memasukan kode di atas pastikan klik dulu HTML jangan yg Compose sob. .
Ganti tulisan yang berwarna merah sesuai keinginan anda

Selesai sudah cara membuat efek tombol keyboard pada postingan. .
sangat simple dan mudah kan? hehe
sekian artikel ini semoga bermanfaat . .
Happy Blogging. .