Cara Membuat Teks Button Keyboard CSS di Blog
 |
| Cara Membuat Teks Button Keyboard CSS di Blog |
Motivation - Kali ini saya akan membagikan lagi Tutorial sederhana dalam Blog, Apa itu? yakni "Cara Membuat Teks Button Keyboard CSS di Blog". Dengan menggunakan ini maka teks artikel di blog anda apabila anda menulis B-Motivate Blog, Maka yang muncul adalah yang seperti ini >> B-Motivate Blog
Bagaimana cara Pemasangannya? Silahkan lihat Tutorialnya dibawah ini,
- Login ke Blogger >> Dashboard >> Template >> Edit HTML
- Cari Kode ]]></b:skin>, Untuk mempermudah pencarian, tekan
CTRL +F - Masukkan Kode dibawah ini, tepat diatas kode ]]></b:skin>
/* Efek Tombol Keyboard
-------------------------------------------------------------------- */
key{
background:#fff;
border:1px solid gray;
font-size:1.2em;
color:#000;
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;
} - Simpan Template
Cara Menggunakan:
Untuk memunculkan Buttonnya, anda hanya perlu mengganti teks yang ingin anda jadikan button keyboard dengan cara memberikan kode berikut,
<key>Huruf Keyboard yang ingin anda munculkan, ketik disini</key>
Nah itulah Tutorial Cara Membuat Teks Button Keyboard CSS di Blog, Semoga bermanfaat. Terima Kasih.
Saya baru tahu kalau ada trik yang seperti ini :-D
ReplyDeleteMemang dilihat dari tampilan lebih menarik dibanding kalau tanpa css. Pasti sangat bermanfaat sekali buat para pemula seperti saya :-D
Yah, Emang Gitu Gan, Sekarang Udah Banyak CSS menarik untuk blog seiring dengan perkembangan zaman =)) =))
Delete