Cara Membuat Efek Keyboard Di Blog

    Selamat datang di blog saya kali ini saya memebrikan tutorial tentang cara membuat efek keyboard di blog anda. Efek ini biasanya di gunakan untuk menandai kode yang di tekan di keyboard.

LANGKAH:

1. Masuk ke blog > Dashboard > Template > edit HTML

2. Cari kode </b:skin> dengan tekan

Ctrl

+

F

3. Copy script di bawah ini lalu paste di tepat di atas kode </b:skin> 

 /* CSS Keyboard elsawasssss.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;
} 

4. Simpan.

5. Untuk penerapannya copy kode di bawah ini.

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

6. Untuk penggunaannya masuk di jenis HTML. Lalu Copy script Javascript diatas tepat di mana di letakkan efek tersebut.

7. Lalu paste kode diatas dimana akan di beri efek tersebut.

8. Lihat hasilnya.

     Mudahkan. Semoga bermanfaat, selanjutnya anda bisa tinggalkan komentar, atau share artikel ini dan follow blog ini. Terimakasih.




Sumber: Renaldy Way's

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

Unknown

Artikel Terkait