كيفية إضافة أختصار لوحة المفاتيح إلى مدونات بلوجر

السلام عليكم ورحمة الله وبركاته

في درسنا اليوم سوف نتعرف على طريقة تركيب أختصار لوحة المفاتيح على مدونات بلوجربصيغة CSS ، وذلك بناء على طلب الأخوة والأخوات ، تابعوا معنا طريقة التركيب .

  طريقة التركيب :

1- ادخل إلى مدونتك ثم أختر لوحة التحكم .

2-من لوحة التحكم اختر -> قالب -> تحرير قالب HTML

3- الآن ابحث عن الوسم : بواسطة المفاتيح Ctrl+F

4- اضف الكود التالي فوقه.

اللون الفاتح

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

اللون الغامق

 kbd{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #4d4d4d, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
} 

5- الآن بعد إضافتنا  كود CSS ، نستخدم هذه الاختصارات بوضعية HTML في مشاركتنا كما بالصورة التالية :

كود اختصار لوحة المفاتيح

 <kbd>Ctrl</kbd>+<kbd>F</kbd>

<kbd>Ctrl</kbd>+<kbd>C</kbd>

<kbd>Ctrl</kbd>+<kbd>v</kbd>