Apa itu Kbd Tag di HTML - Kbd Tag adalah tag html yang umumnya digunakan untuk menampilkan teks keyboard. Dan biasanya menggunakan jenis font monoscape (default). Untuk teman-teman yang memiliki blog atau web bertema desain web, css dan html, seharusnya sering menggunakan tag tersebut. Berikut ini adalah ontoh hasil penggunaan Tag Kbd yang sudah saya modifikasi CSS nya sehinga terlihat lebih menarik :
<html>
font-family:'Roboto'
CTRL + C
CTRL + V
Untuk poenggunaanya pada postingan blog, taruh kata-kata yang ingin kamu ubah--diantara tag kbd. Contoh:
<html>
font-family:'Roboto'
CTRL + C
CTRL + V
Cara Membuat Tag Kbd keren di Blog
Berhubung Admin sedang malas untuk membuat desain css Kbd yang baru, lebih baik membagikan desain css Kbd yang sudah dibuat. Berikut ini adalah tutorial cara pasan Tag Kbd keren di Blogger.
Buka Dashboard Blogger.
Masukk ke Tema > Edit HTML. Cari kode </body> dan tambahkan kode berikut ini tepat diatasnya.
kbd {background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset;color:#333;display:inline-block;font-size:12px;line-height:1.4;font-family:consolas;margin:0 .1em;padding:.1em .6em;font-weight:700;}
Untuk poenggunaanya pada postingan blog, taruh kata-kata yang ingin kamu ubah--diantara tag kbd. Contoh:
<kbd> Disini kata-katanya....</kbd>
Untuk menambahkan kode <kbd>, kamu harus msauk ke mode HTML pada postingan blogger.