Membuat Teks Efek Tombol Keyboard Pada Blog | Share OZ

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


5 Tanggapan untuk "Membuat Teks Efek Tombol Keyboard Pada Blog"

  1. Wah ternyata bisa juga ya ngetik dari laman blog...

    Salam kenal dari Pulau Dollar

    ReplyDelete
  2. wah keren tipsnya gan, izin sedot!

    ReplyDelete
  3. Terima kasih...
    Sangat bermanfaat, perlu dicoba :)

    ReplyDelete

Peraturan Berkomentar

► Komentarlah Sesuai Topik Artikel
► Dilarang Menggunakan Kata yang Mengandung SARA dan Sejenisnya
► Dilarang Membuat Link Aktif
► Berkomentarlah yang Baik

Selamat Berkomentar.

▁ ▂ ▃ ▄ ▅ ▆ ▇ █ █ ▇ ▆ ▅ ▄ ▃ ▂ ▁