Cara Membuat Efek Tombol Keyboard Pada Postingan Blog

Cara Membuat Efek Tombol Keyboard Pada Postingan Blog - Dengan memasang efek keyboard ini pada postingan blog agan-agan semua pastinya akan membuat postingan agan-agan terlihat menarik dan juga elegant. langsung saja kita lihat contoh berikut ini :

http://friendly-komputer.blogspot.com 

Anda juga bisa menambahkan efek tersebut per huruf, jadi menyerupai tombol keyboard pada komputer anda,  Gimana sobat ? menarik bukan kalo begitu ayo buruan pasang. Eits lupa... Mari simak tutorialnya :

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 Tutorial saya tentang cara membuat efek tombol keyboard pada postingan blog, semoga bermanfaat ^_^, dan juga selamat mencoba ^_^

*Penting Jika anda ingin mengeshare artikel ini mohon sertakan backlinknya, karena situs ini di lindungi langsung oleh DMCA, tolong perhatikan baik" peringatan ini jika anda tidak ingin blog anda ter banned oleh mbah google

• Tweet
• Share
• Share
• Share
• Share

About Portal Mini

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