Monday, November 19, 2012

Cara buat Teks efek Keyboard pada Posting Blog

Cara buat Teks efek Keyboard pada Posting Blog

Mendesain Blog dan template adalah salah satu yang penting untuk blog, ini salah satu cara membuat pembaca tertarik dengan blog anda. Membuat Teks anda berefek seperti tampilan Keyboard tidaklah sesusah yang dibayangkan, dan cara berikut juga tidak akan membuat blog jadi berat karena kita tidak menggunakan gambar karena hanya bermain CSS saja.
Sebagai contoh :

Ctrl + D

Dasboard + Rancangan


Kumpulancara

Berikut Caranya :

Pertama
Silahkan Menuju Dasbor + Klik Tempalte + Edit HTML

Kedua
Silahkan cari ]]></b:skin>

Sekarang letakkan kode berikut ini diatasnya
/*****************************************
Keyboard Style  CSS
******************************************/
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;
}
Ketiga
Silahkan Simpan
Sekarang Untuk memanggil fungsi supaya efeknya terlihat pada posting maka sobat harus meletakkan kode berikut pada teks yang mau di berikan efek,

Ini kode nya :
<kbd>Letakkan Teks disini</kbd>

Semoga Bermanfaat

Cara buat Teks efek Keyboard pada Posting Blog Rating: 4.5 Diposkan Oleh: Sarjana Cebong

16 komentar:

  1. wah bisa menjadi pilihan template yang tepat nih gan buat memodif supaya blog bisa membuat para pembaca betah melihat blog kita..terimakasih gan atas informasinya

    ReplyDelete
  2. Makasih gan atas infonya,saya akan mencobanya!

    ReplyDelete
  3. kalau misal pakai cara diatas, bisa bikin loading blog jadi lemot ga gan? thanks ya infonya..

    ReplyDelete
  4. @Dunia genggam Cara ini tidak sama sekali membuat Blog lemot Gan..Trims kunjungan dan Komentarnya

    ReplyDelete
  5. keren ya tampilnya kl dksh efek gitu...:D

    ReplyDelete
  6. blh jg nih d cb d blog saya..hehehe
    makasih kawan dah berbagi..

    ReplyDelete
  7. Tips, trik dan info menarik hanya ada diblog ini !!
    _ makasih yah gan untuk infonya semoga dapat memberikan banyak manfaat untuk bloger lainnya.
    :D

    ReplyDelete
  8. aku copas dulu script-nya gan... mau nyobain di blog saya ^_^

    ReplyDelete
  9. cara nya cukup mudah juga yah..
    ane coba dulu bro.

    ReplyDelete
  10. tapi kaya nya kalo kaya gitu bikin tulisan jadi kelihatan sesak yah gan.

    ReplyDelete
  11. makasih gan udah ngijinin saya berkunjung ke blog ini di kunjungan perdana.
    _salam bloger Indonesia
    Nanti ane nongol lagi dah dimari

    ReplyDelete
  12. mampir lagi kawan disini sambil belajar seo...hehehe

    ReplyDelete