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

• Tweet

Judul: Cara buat Teks efek Keyboard pada Posting Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Unknown 10:33 AM

Artikel Terkait CSS, Tips Blog :