Cara Membuat Efek Tombol Keyboard Pada Postingan Dengan CSS

Cara Membuat Efek Tombol Keyboard Pada Postingan Dengan CSS - tentu saja dengan ada nya efek keyboard seperti ini membuat suatu blog akan menjadi lebih menarik dan profesional apalagi untuk blog yang menyediakan game guides penampakan keyboard nya seperti ini
septiantb.blogspot.com
menarik bukan ? jika sahabat tertarik tinggal dipasang aja ;)
berikut langkah-langkah nya

1.masuk blogger
2.Template -> Edit HTML
3.masukan kode berikut tepat diatas ]]></b:skin> atau </style>

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

 4.simpan template

sekarang untuk penulisan nya gunakan tag <kbd>
contoh nya seperti ini

<kbd>Masukan teks anda di sini</kbd>

Keterangan: pakai mode HTML ketika ingin menulis dengan efek keyboard

sekian dulu.. semoga bermanfaat..

• Tweet
• Share
• Share
• Share
• Share

About Admin MC3

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post