Cara buat Teks efek Keyboard pada Posting Blog

Cara buat Teks efek Keyboard pada Posting Blog - Hallo Sob Jody Blog, artikel kali ini berjudul Cara buat Teks efek Keyboard pada Posting Blog, kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Cara buat Teks efek Keyboard pada Posting Blog
link : Cara buat Teks efek Keyboard pada Posting Blog

lihat juga


Cara buat Teks efek Keyboard pada Posting Blog

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





Demikianlah Artikel Cara buat Teks efek Keyboard pada Posting Blog

Sekian Cara buat Teks efek Keyboard pada Posting Blog, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.

Anda sedang membaca artikel Cara buat Teks efek Keyboard pada Posting Blog dan artikel ini url permalinknya adalah https://caratutorialgratis.blogspot.com/2012/11/cara-buat-teks-efek-keyboard-pada.html Semoga artikel ini bisa bermanfaat.