Membuat Button Css Keyboard Shortcut Di Blogger

Button CSS Keyboard Shortcut

Cara Memasang Button Keyboard Shortcut Di Postingan Blogger Dengan Css, Apa kabar teman blogger tamvan, kali ini aku akan membagikan tutorial cara memasang kotak pilihan untuk shortcut keyboard di blogger...

Keyboard Shortcut fungsinya untuk membedakan mana goresan pena dan mana perintah pada sebuah blog tutorial, dengan memakai tombol ini mungkin pengunjung akan gampang memahami istilah dari goresan pena yang kalian maksud..

Untuk memasang Keyboard Shortcut ini sangat mudah, kita hanya memakai css saja, nah untuk tutorialnya mari kita pribadi saja menuju tips n triknya...

Cara Membuat Tombol Keyboard Shortcut Di Blogger Dengan Css

• Pertama agan login dulu ke blogger.com

• Setelah login kalian masuk ke Template, Edit HTML

• Lalu cari isyarat </head> Gunakan Kombinasi Keyboard Ctrl + f Untuk Mempercepat Pencharian

• Setelah ketemu, kalian copy isyarat dibawah ini terus masukan di atas isyarat tadi

 <style type='text/css'> /*keyboard shortcut*/ kbd{position:relative;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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} kbd:active{border:2px solid gray;font-size:1.2em;box-shadow:2px 0 2px 0 #eee,0 3px 0 3px #ccc,0 3px 0 4px #444;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:3px 4px;padding:2px 6px;transform:translateY(4px)} </style> 

• Setelah di pasang, Save Template n selesai

• Sekarang kita tinggal menampilkan isyarat tersebut di postingan blogger

• Silahkan bikin postingan gres yang ingin di pasang Tombol Keyboard Shortcut

• Kalo sudah pilih bab edit HTML, jangan compose nanti htmlnya g bakalan bekerja!! Tampilannya menyerupai berikut...

• Kalo sudah kalian masukan isyarat dibawah ini ke dalamnya..!!

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

Silahkan rubah goresan pena CTRL dan F Dengan goresan pena yang kalian masu
Contoh Penulisan Sebagai Berikut


 Gunakan Kombinasi Keyboard <kbd>Ctrl</kbd> + <kbd>f</kbd> Untuk Mempercepat Pencharian 

• Nah kalo sudah, kalian tinggal publikasikan dan selesai... :)

• Done n Terima Kasih Sobat

Cukup sekian dan terima kasih, supaya artikel ihwal Tutorial Membuat Button CSS Keyboard Shortcut Di Blogger ini bermanfaat bagi semuanya :)

Jangan lupa tinggalkan jejak kalian di kolom komentar ya :)