Tunggu Sebentar...

2/07/2017

Cara Membuat Efek Keyboard Blog

Baca Juga



Agar Website AA SCIENCES Rutin Update Artikel Terkait Dunia SHARING PENGALAMAN atau hal lainnya, Mohon Bantu Donasinya Akhy dan Ukhti, Caranya pun Mudah. Akhy dan Ukhti hanya cukup Meng-Klik Iklan Dibawah ini ataupun Iklan yang Berada Dimana Saja. Salam Ukhuwah dan Saling Peduli Sesama yaa Akhy dan Ukhti :)

AA Sciences, Aldi Andreansyah - Cara Membuat Efek Keyboard Blog, Cara Memasang Efek Keyboard Blog, Memasang Efek Keyboard Blog, Efek Keyboard Blog, Kumpulan Efek Keyboard Blog.


Cara Membuat Efek Keyboard Blog


Efek Keyboard Blog

Pemasangan Efek keyboard ialah salah satu dimana pembuatan tampilan menjadi cantik dengan adanya sebuah efek keyboard ini yang dimana efek keyboard ini bertujuan untuk menampilkan sebuah text yang dimana text tersebut memiliki arti penting yang di masukkan dalam efek keyboard tersebut.

Memang efek keyboard yang AA Sciences akan bagikan ini mirip sekali dengan layaknya sebuah keyboard yang berada pada sebuah komputer atau laptop yang dimana bentuk nya mirip sekali dengan keyboard yang ada pada computer atau laptop tersebut.

Selain berguna untuk menampilkan sebuah text yang dimana menjadi text yang penting, efek keyboard dalam blog ini pun memiliki beberapa fitur yang membuat tampilan sebuah blog menjadi tampil terlihat cantik, yakni seperti :


  • Dapat nya diubah warna dari keyboard tersebut.
  • Garis tebal pada keyboard tersebut dapat di ubah sesuai selera dengan kode warna HTML.
  • Garis tipis nya pun dapat di ubah dengan kode warna HTML.
  • Ukuran keyboard tersebut dapat kalian atur baik itu ukuran, jarak, lebar, tinggi dan fitur lainnya.

Jika kalian sudah penasaran mengenai Cara Membuat Efek Keyboard Blog yang akan AA Sciences bahas kali ini maka langsung saja simak tutor dan penerapan nya di bawah ini :

A . Pembuatan CSS nya terlebih dahulu  :



1 . Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.

2 . Template - > Edit HTML - > CTRL+F lalu cari kode b:skin atau <style>.

3 . Jika sudah ditemukan kode b:skin atau <style> tadi, langsung saja kalian Copy Paste kan Script CSS di bawah ini, tepat pada bagian dalam kode b:skin atau <style> nya :

/*CSS Keyboard by https://aldiandreansyah.blogspot.co.id*/
kbd{
    border:1px solid gray;
    font-size:1.2em;
    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;
    }

Catatan :

Ubah Teks berwarna biru dengan kode warna HTML sesuka kalian.


B . Penerapan Efek Keyboard nya dalam sebuah text/postingan atau bagian lainnya agar Muncul di Blog nya tersebut :



1 . Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.

2 . Entri Baru - > Ubah Mode Compose menjadi HTML

3 . Jika sudah dalam mode HTML langsung saja Masukkan Script HTML untuk pemanggilnya di bawah ini tepat pada kolom subject nya yang berada di bawah kedua yang memiliki ruas yang lebar, melainkan bukan judul, untuk judul kosongkan saja, berikut Script HTML nya :

<kbd> Masukkan Teks yang ingin kalian masukkan dalam efek keyboard nya disini </kbd>

4 . Terakhir, Pilih menu Publish/Publikasikan dan Silahkan lihat hasilnya pada postingan yang sudah di masukkan script keyboard nya tadi atau bagian tertentu pada blog kalian.

Oke mungkin hanya cukup sekian mengenai pembahasan Cara Membuat Efek Keyboard Blog yang dapat AA Sciences sampaikan, semoga bermanfaat dan sekaligus menambah wawasan Membuat Efek Keyboard Blog ini, Amin.

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin

================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon