Cara Membuat Efek Tombol Keyboard Di Blog

13:22:00
Cara Membuat Efek Tombol Keyboard Di Blog

Selamat datang agan atau aganwati kali ini Saya akan berbagi tips blogging yaitu membuat efek tombol keyboard di blog, untuk menerapkannya di blog Anda, Anda harus mengikuti beberapa langkah berikut;


Langkah


1. Login pada blog Anda masing-masing,

2. Pada menu dashboard blog pilih menu template, lalu pilih menu edit html,

3. Lalu cari kode </b:skin> dengan cara
Ctrl
+
F
,


4. Lalu copy script di bawah ini, lalu paste script tersebut tepat di atas kode </b:skin>,


 /* CSS Keyboard renaldyways.blogspot.com */
.kbrd {
border-radius: 3px;
border: 1px solid #A3A3A3;
box-shadow: 1px 0px 1px 0px #FFF, 0px 2px 0px 2px #D3D3D3, 0px 2px 0px 3px #888;
box-sizing: border-box;
display: inline;
font-family: inherit;
font-stretch: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0px 5px;
padding: 1px 5px;
text-transform: capitalize;
vertical-align: baseline;
} 



5. Setelah itu simpan,

6. Untuk penerapannya silakan menggunakan script di bawah ini,


 <div class="kbrd">Ctrl</div>+<div class="kbrd">F</div> 



7. Jika di gunakan dalam suatu artikel jangan lupa ubah jenis dari compose menjadi html untuk meletakan script tersebut.

Cara Membuat Efek Tombol Keyboard Di Blog



Nah itu saja dari Saya semoga bermanfaat, jangan lupa bagikan dan tinggalkan komentar, terima kasih.

Share this

I'm CEO & Founder in http://caritema.com & http://renaldyways.blogspot.com/


Artikel Menarik Lainnya

Next Article
Next Post
Previous Article
Previous Post
Cara style text di komentar Disqus dan Blogger:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
  • Untuk menggunakan emoji di bawah ini cukup copy kode tersebut dan beri jarak 1 spasi untuk menampilkan emoji pada kolom komentar Blogger.
Parser Kode
FAQ
Emotikon

Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

2 Comments

Brian Razpect 29 January 2015 at 15:57

makasih gan..

Renaldy Ramadani 29 January 2015 at 18:04

ok gan :2thumbup