Cara buat Teks efek Keyboard pada Posting Blog

Mendesain Blog dan template adalah salah satu yang penting untuk blog, ini salah satu cara membuat pembaca tertarik dengan blog anda. Membuat Teks anda berefek seperti tampilan Keyboard tidaklah sesusah yang dibayangkan, dan cara berikut juga tidak akan membuat blog jadi berat karena kita tidak menggunakan gambar karena hanya bermain CSS saja.
Sebagai contoh :

Ctrl + D

Dasboard + Rancangan

Kumpulancara

Berikut Caranya :

Pertama
Silahkan Menuju Dasbor + Klik Tempalte + Edit HTML

Kedua
Silahkan cari ]]></b:skin>

Sekarang letakkan kode berikut ini diatasnya

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

Ketiga
Silahkan Simpan
Sekarang Untuk memanggil fungsi supaya efeknya terlihat pada posting maka sobat harus meletakkan kode berikut pada teks yang mau di berikan efek,

Ini kode nya :

<kbd>Letakkan Teks disini</kbd>

Semoga Bermanfaat

Share this post