Cara buat Teks efek Keyboard pada Posting Blog
November 19, 2012
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
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