Membuat Teks Efek Tombol Keyboard Pada Blog

Membuat Teks Efek Tombol Keyboard Pada Blog

ShareOZ - jika anda pernah melihat postingan di salah satu blog yang menginstruksikan untuk menekan tombol fungsi keyboard dengan menggunakan teks efek seperti pada gambar diatas, inilah topik yang akan saya bahas pada tutorial yang singkat ini.
Berikut sedikit trik yang bagus untuk blog jika anda mungkin ingin mencoba untuk menerapkan teks efek tombol keyboard pada blog anda.  Untuk membuatnya jika ingin menggunakan fitur ini pada blog anda maka hanya perlu menambahkan sedikit kode CSS pada template blog anda dan untuk lebih singkatnya berikut ini adalah tutorial tentang cara Membuat Teks Efek Tombol Keyboard Pada Blog:

• 1. Login ke blogger
• 2. Kemudian pada dashboard klik Template > Edit HTML > Lanjutkan (beri centang pada Expands Widget Template).
• 3. Lalu gunakan tombol fungsi CTRL + F untuk mempermudah mencari kode ]]></b:skin>
• 4. Setelah kode tersebut ketemu maka langkah selanjutnya anda copy kode dibawah ini kemudian letakan/paste kode tersebut tepat di atas atau sebelum kode ]]></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;

}

• 5. Langkah terakhir Simpan Template.

Untuk menggunakan fitur ini, anda hanya perlu menggunakan mode HTML ketika anda menulis posting dan melampirkan teks yang ingin ditampilkan sebagai tombol keyboard antara tag <kbd> dan </ kdb>. Contoh, jika saya ingin menulis "Ctrl + F" atau menginstruksikan pembaca blog saya untuk menekan tombol "Ctrl" bersama-sama dengan tombol "F", maka pada saat saya menulis posting hanya ketik:

<kbd>Ctrl</kbd> + <kbd>F</kbd> 

Demikian tentang pembahasan artikel mengenai cara Membuat Teks Efek Tombol Keyboard Pada Blog, sekian semoga bermanfaat dan selamat mencoba. 

Membuat Teks Efek Tombol Keyboard Pada Blog

Tweet