Modifikasi Tag < kbd > Keren untuk Artikel Blogger

Ketika sedang asik-asiknya Googling, secara tidak sengaja saya menemukan tampilan kode tag program <kbd> yang cukup keren. Bentuknya mirip dengan tombol pada papan ketik (keyboard) dari sebuah laptop atau komputer.

Mirip, kan? Lumayan mirip, yak 😉

Pertanyaannya, bagaimana cara mengubah atau mengganti tampilan kode tag <kbd> pada template blogger yang sudah ada dengan bentuk tampilan seperti pada gambar di atas?

Modifikasi Tag <kbd> Keren untuk Artikel Blogger

1. Buka template blogger seperti biasa, lalu cari kode kbd{ atau kbd { (dengan spasi).

2. Hapus kode tag program <kbd> yang sudah ada, gantikan dengan kode berikut ini:

kbd{
   background-color: #eee;
   border-radius: 3px;
   border: 1px solid #b4b4b4;
   box-shadow: 0 1px 1px rgba(0,0,0,.2),0 2px 0 0 rgba(255,255,255,.7)inset;
   color: #333;
   display: inline-block;
   padding: 2px 2px 1px;
   line-height: 1.5em
}

3. Simpan perubahan pada template blog. Ok.

Mengenai Tag <kbd>

Menurut duniailkom, tag <kbd> adalah singkatan dari keyboard, sebuah tag kode program yang diperuntukkan untuk teks yang berisi text inputan dari keyboard. Semoga bermanfaat.

Labels: Blogger,

Kalian baru saja membaca artikel Modifikasi Tag < kbd > Keren untuk Artikel Blogger. Bila dirasa bermanfaat, mohon bagikan artikelnya. Jazakumullah khairan.