Blogger Klavye Tuş Biçimli Yazı Kodu Oluşturmak

Blogger Klavye Tuş Biçimli Yazı Kodu Oluşturmak

Blogger'da birbirinden çeşitli fontta yazı stili kullanabilirsiniz bunlardan birisi özellikle kod satırlarında tuş kombinasyonlarını göstermek isteyenler için tasarlanmış Blogger klavye tuş biçimli yazı kodu

Demo Örneği :

CTRL + F


CTRL + ALT + DEL


Blogger Dersleri


Klavye tuşlarını yayın içerisinde kullanmak için 

1 ) Blogger yönetim panelinden  Şablon >> HTML'yi Düzenle seçeneğini <b:skin> kodunu bularak arada kalan noktalı işaretle <b:skin> kodlarını açın.
2 ) ]]></b:skin> kodunu bularak üzerine aşağıda ki kodları ekleyin.

Blogger Klavye Tuş Biçimli Yazı Kodu

/*****************************************
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;
}

Kodları yerleştirdikten sonra Klavye tuşu fontunu kullanmak için yayın içerisinde HTML bölümüne geçin ve aşağıda ki kodu HTML bölümüne yapıştırın. KBD kodları arasına eklenecek oaln yazı klavye fontu olarak görülecektir.

<kbd>Klavye Görünümlü Font Yazısı</kbd>