Cara Membuat Teks Button Keyboard CSS di Blog

https://www.ramelhobbyshop.com/2022/07/cara-membuat-teks-button-keyboard-css.html
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,
  1. Login ke Blogger >> Dashboard >> Template >> Edit HTML
  2. Cari Kode ]]></b:skin>, Untuk mempermudah pencarian, tekan CTRL + F
  3. 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;
    }
  4. 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.
Baca Juga
Related Post

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad