Yups sesuai dengan judul artikel , kali ini saya akan memberikan tutorial sederhana Membuat Text Postingan bentuk Tombol Keyboard . textnya akan muncul seperti gambar dibawah..
tapi tunggu dulu, tampilan keyboard yang tampil nantinya tidak akan berupa gambar yang akan membuat loading, tapi tetapi dalam bentuk text yang telah diubah dengan CSS jadi tetap fast loading
Bagaiman Membuat Text Postingan dalam bentuk Tombol Keyboard :
Pertama : Pilih Template > Edit HTML
Kedua : carilah kode
]]></b:skin>
untuk memudahkan pencarian gunakan Ctrl + F dan pastekan Code dibawah ini tepat di atas ]]></b:skin>
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 : Save template
oke untuk tahap ini selesai .:-)
Untuk selanjutnya anda tinggal memasukkan tag <kbd> pada setiap kata atau kalimat yang ingin sahabat blogger tampilkan contohnya bismillah , tinggal gunakan kode..
<kbd>Bismillah</kbd>
Oh iya agar dapat tampil dalam postingan pilih mode HTML jgan yang Compose karena tidak berdampak tag <kbd> nya (seharusnya tidak perlu lagi jelaskan,, sudah pada tahu semua) hehe.
Oke jika sudah maka akan muncul tampil seperti dibawah ini :
Bismillah
ya begitulah tutorial singkatnya Membuat Text Postingan bentuk Tombol Keyboard .. semoga bermanfaat
