Membuat Tombol Keyboard Pada Postingan Blog

Halo, bagi seorang blogger mengoptimalkan postingan merupakan hal yang harus terus dilakukan demi postingan menjadi menarik dan berkualitas, sehingga para pengunjung betah main ke blog kita, salah satu pengoptimalan blog adalah penambahan efek-efek dan penambahan CSS tertentu, 

Silahkan Tekan Tombol CTRL+F untuk menemukan item dengan cepat

Silahkan Tekan Tombol CTRL+F untuk menemukan item dengan cepat
Lihat saja lebih menarik dan profesional yang mana ? tentu anda bisa menilainya sendiri.
atau lihat contoh contoh berikut ini :
A – B – C – D – E – F – G – H – I – J – K – L – M – N – O – P – Q

TAB – Caps Lock – Shift – Ctrl – Alt – Fn – Enter – Home – Insert
Keren bukan, Oke langsung saja untuk membuat effek tersebut kita perlu menambah beberapa baris CSS pada template blog kita. Login ke blogger, Masuk pada daskbor blog yang ingin di beri effek, pilih tab Template dan edit HTML, dan temukan code:  ]]></b:skin> 
silahkan tekan Tombol CTRL+F untuk menemukan item dengan cepat, kemudian copy kan code dibawah ini tepat diatas  ]]></b:skin>  :

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

Simpan template dan selesai untuk pemasangan CSSnya.

CARA PENGGUNAAN
Untuk penggunaannya, jika ingin menggunakan fungsi css ini, kita bisa panggil sengan tab  <kbd> “ISI KEYBOARD” </kbd> pada tab HTML saat membuat Postingan, For Example, kita akan membuat :

“Tekan Tombol CTRL dan S Secara Bersamaan”

Pindahkan pada Tab HTML cari kata “CTRL” dan “S”yang akan di beri efek keyboard dan beri tag <kbd>””</kbd>, jadi hasilnya pada tab HTML sbb:

Tekan Tombol <kbd>CTRL</kbd> dan <kbd>S</kbd> Secara Bersamaan.

maka hasilnya akn seperti ini :

“Tekan Tombol CTRL dan S Secara Bersamaan”

Nah seperti itu, semoga bermanfaat jika ada yang perlu ditanyakan silahkan lontarkan melalui kotak komentar di bawah