Go! Blog

Membuat Efek Tombol Keyboard dengan CSS - Hello sobat apa kabar? pastinya baik semua donk, maaf jika saya jarang update postingan di blog ini yaitu blog Go! Blog ya karena sibuk belajar untuk menghadapi Try Out. Memang sih padahal sudah libur sekolah, namun berbeda dengan sekolah saya yang memutuskan bahwa Try Out akan dilaksanakan Pada saat libur sekolah pada tanggal 23 Desember 2013 agar proses belajar mengajar kelas 7 dan 8 SMP tidak terganggu dan tidak mengganggu konsentrasi kelas 9 >.< Padahal saya masih ada Try Out besok, namun yah saya sempat- sempatkan saja lah untuk update postingan di blog ini. Singkat waktu, sobat tahu keyboard kagak? >_< kalau gak tahu Bahlul ente XD karena bagaimana bisa ngetik kalau tanpa keyboard. Membahas soal keyboard, kali ini saya bukan membahas soal keyboard sungguhan melainkan membahas Cara Membuat Keyboard Dengan CSS, jadi bukan buat ngetik ya sob. Intinya agar lebih indah dilihat gak berantakkan, css ini sangat penting bagi sobat yang suka hmm... berbagi ilmu yang kebanyakan menggunakan tombol keyboard. Langsung saja yuk hadehh gak terasa juga nih cerita saya bisa panjang gini, gak biasanya wehehehehe mungkin lagi semangat yak karena jarang update postingan apalagi Tutorial Blog.

Demo

Intinya hanya terletak pada CSS doank tanpa menggunakan gambar.

Penerapan

• Masuk Blogger
• Masuk ke Dashboard
• Kemudian pilih menu Template dan menuju Edit HTML
• Langsung saja sobat masukkan kode dibawah ini tepat diatas ]]></b:skin>

Source CSS

 Nah selanjutnya tinggal sobat melakukan penulisan dengan diawali tag <key> dan penutup dengan Tag </key> di artikel maupun dimanapun sobat ingin asalkan tetap berada di kawasan dimana blog yang sobat pasang CSSnya, jika sobat belum mengerti, berikut penjelasan penulisan singkat.

• Sekarang sobat masukkan HTMLnya, jika ingin memunculkan di Postingan blog sobat sobat cukup masuk ke Entri baru kemudian klik Html (ingat bukan Compose)