Keyboard Shortcut fungsinya untuk membdakan yang mana tulisan perintah pada sebuah postingan tutorial sobat, dengan menggunakan tombol tersebut pengunjung akan mudah mengerti dan memhami kode ataupu istilah tersebut yang sobat maksud. Selain itu juga membuat postingan sobat lebih menarik dan berkualitas. Sehengga pengunjung blog sobat betah berlama-lama di blog sobat, salah satu pengoptimalan blog adalah penambahan efek-efek dan penambahan CSS tertentu.
Nah kali ini saya kan membagiakan sebuah CSS untuk membuat efek keyboard pada postingan sobat, jadi CSS ini akan akan menampilkan sebuah efek tulisan dengan border seperti tombol keyboard, cara ini biasanya digunakan oleh para blogger yang sering membuat pstingan dalam bidang tutorial, langsung saja liahat contohnya :
A - B - C - D - E - F - G - H - I - J - K - L - M - N - O - P - Q - TAB - Caps Lock - Shift - Ctrl - Alt - Fn - Enter - Home - InsertKeren kan ?? Oke langsung saja lihat di bawah ini untuk membuat effek tersebut sobat perlu menambah beberapa baris CSS pada template blog sobat.
- Pertama Login ke blogger.com
- Setelah login sobat masuk k Tamplate Edit HTML
- Kemudian dan temukan code
]]></b:skin>Untuk mempercepat pencarian gunakan tombol CTRL +F - kemudian copy kan code dibawah ini tepat diatas
]]></b:skin>
kbd{background-color:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;color:#333;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4;margin:0 .1em;padding:.1em .6em;text-shadow:0 1px 0 #fff;vertical-align:3px}- Selesai dan simpan
Untuk penggunaannya, jika ingin menggunakan fungsi css ini, kita bisa panggil di postingan html
<kbd>"ISI KEYBOARD NYA"</kbd> pada tab HTML saat membuat Postingan.
Tekan Tombol CTRL dan S Secara Bersamaan
<kbd>##</kbd> dan <kbd>##</kbd> Sekian Semoga bermanfaat.
Jika ada yang perlu ditanyakan silahkan tanyakan melalui kotak komentar di bawah.
Tambahkan Komentar Tutup Komentar