Cara Membuat Efek Tombol Keyboard Di Blog

Selamat datang agan atau aganwati kali ini Saya akan berbagi tips blogging yaitu membuat efek tombol keyboard di blog, untuk menerapkannya di blog Anda, Anda harus mengikuti beberapa langkah berikut;

Langkah

1. Login pada blog Anda masing-masing,

2. Pada menu dashboard blog pilih menu template, lalu pilih menu edit html,

3. Lalu cari kode </b:skin> dengan cara

Ctrl

+

F

,

4. Lalu copy script di bawah ini, lalu paste script tersebut tepat di atas kode </b:skin>,

 /* CSS Keyboard renaldyways.blogspot.com */
.kbrd {
border-radius: 3px;
border: 1px solid #A3A3A3;
box-shadow: 1px 0px 1px 0px #FFF, 0px 2px 0px 2px #D3D3D3, 0px 2px 0px 3px #888;
box-sizing: border-box;
display: inline;
font-family: inherit;
font-stretch: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0px 5px;
padding: 1px 5px;
text-transform: capitalize;
vertical-align: baseline;
} 

5. Setelah itu simpan,

6. Untuk penerapannya silakan menggunakan script di bawah ini,

 <div class="kbrd">Ctrl</div>+<div class="kbrd">F</div> 

7. Jika di gunakan dalam suatu artikel jangan lupa ubah jenis dari compose menjadi html untuk meletakan script tersebut.

Nah itu saja dari Saya semoga bermanfaat, jangan lupa bagikan dan tinggalkan komentar, terima kasih.

Share this