Apa itu Kbd Tag di HTML dan Cara Memasang di Blogger

Oleh -
Apa itu Kbd Tag di HTML - Kbd Tag adalah tag html yang umumnya digunakan untuk menampilkan teks keyboard. Dan biasanya menggunakan jenis font monoscape (default). Untuk teman-teman yang memiliki blog atau web bertema desain web, css dan html, seharusnya sering menggunakan tag tersebut. Berikut ini adalah ontoh hasil penggunaan Tag Kbd yang sudah saya modifikasi CSS nya sehinga terlihat lebih menarik :

<html>

font-family:'Roboto'

CTRL + C

CTRL + V


Cara Membuat Tag Kbd keren di Blog

Berhubung Admin sedang malas untuk membuat desain css Kbd yang baru, lebih baik membagikan desain css Kbd yang sudah dibuat. Berikut ini adalah tutorial cara pasan Tag Kbd keren di Blogger.

Buka Dashboard Blogger.

Masukk ke Tema > Edit HTML. Cari kode </body> dan tambahkan kode berikut ini tepat diatasnya.
kbd {background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset;color:#333;display:inline-block;font-size:12px;line-height:1.4;font-family:consolas;margin:0 .1em;padding:.1em .6em;font-weight:700;}


Untuk poenggunaanya pada postingan blog, taruh kata-kata yang ingin kamu ubah--diantara tag kbd. Contoh:
<kbd> Disini kata-katanya....</kbd>

Untuk menambahkan kode <kbd>, kamu harus msauk ke mode HTML pada postingan blogger.

Apa itu Kbd Tag di HTML dan Cara Memasang di Blogger

Komentar

Posting Komentar

Mohon untuk menggunakan bahasa yang baik dan benar.

Postingan populer dari blog ini

Walktrough Cube Escape Seasons Indonesia

Oleh -
Gambar
Walktrough Cube Escape Season Bahasa Indonesia  - Berikut ini panduan bermain Cube Escpa episode Seasons. Game buatan Rusty Lake yang sangat epic , penuh misteri dan teka-teki. Walktrough Cube Escape Seasons Indonesia DAFTAR ISI Spring 1964 Summer 1971 Fall 1971 Winter 1981 Back to Past SPRING 1964 Walktrough Cube Escape Seasons - Spring 1964. > Ambil Korek dan Sendok yang ada didalam Laci warna hijau.
Baca selengkapnya

Cara Memasang Contact Form Di Halaman Statis Blogger

Oleh -
Gambar
Cara Memasang Contact Form Di Halaman Statis Blogger  - Bosan dengan tampilan contact form bawaan (default)? Jika iya, kamu harus coba pasang contact form keren ini di blogger milikmu. Tampilan yang lebih moderen dan tentunya lebih keren. Langsung saja ikuti panduan saya tentang cara pasang contact form keren di blogger. Tampilan Contact Form terbaru Cara Memasang Contact Form Di Halaman Statis Blogger 1. Sangat mudah! Buka Blogger > Halaman > Tambah Halaman Baru > masuk ke HTML mode. Masukkan kode berikut ini. <form name="contact-form"><div class='formcolumn1'><input id="ContactForm1_contact-form-name" name="name" placeholder='Name' size="30" type="text" value="" /><br /> </div><div class='formcolumn2'><input id="ContactForm1_contact-form-email" name="email" placeholder='Email' size="30" type="text&q
Baca selengkapnya

Cara Mempercepat Loading Blog di Blogger Terbaru

Oleh -
Gambar
Cara Mempercepat Loading Blog di Blogger Terbaru  - Mempercepat Pagespeed Blog adalah PR penting selain masalah SEO. Mesin pencari, khususnya Google, akan lebih mengutamakan blog yang memiliki loading atau pemuatan halaman yang lebih cepat untuk urutan hasil pencarian. Misalnya, jika ada 2 Blog yang memiliki kualitas konten dan SEO yang sama baiknya, maka faktor kedua yang akan Google pilih untuk menentukan urutan hasil pencarian adalah Pagespeed atau seberapa cepat halaman Blog dimuat. Jadi, jangan ragu untuk melakukan langkah-langkah mempercepat loading blog ini. Cara Mempercepat Loading Blog di Blogger Terbaru Format Image Pada awalnya, Google tidak mempermasalahkan format gambar atau image yang digunakan pada sebuah Blog. Cukup dengan melakukan kompres gambar saja sudah cukup agar ukuran gambar tidak terlalu besar. Tapi sekarang, Google menganjurkan para pemilik Blog untuk menggunakan gambar dengan format webp  karena format tersebut lebih cepat dimuat dibandingkan
Baca selengkapnya