0 جذابة / بارد أزرار كس كس ل بلوجر

هذا هو نمط أزرار لطيفة لبلوق الخاص بك.
يمكنك اتباع هذه الخطوات السهلة لإضافتها
إلى مدونتك.

DEMO

1. قم بتسجيل الدخول إلى بلوجر ديسين> بادج إليمنت.

2. ابحث عن هذه العلامة باستخدام كترل + F ]]> </ b: سكين>

3. قم بلصق الرمز أدناه قبل ]]> </ b: سكين> بطاقة

  .awesome، .awesome: فيسيتد {
     باكغروند: # 222 ورل (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDgIzkPWU3rE8QO4A-DXU8-qIqu5hzPJKzAwBAxs6jDbOFOPqiKpK2gk9_fxkCgrE8D3r_8kfqB-k6HiCW5gTpmu_o6IcYyev_2EKyKp2mhW2XROdJGGOY3JRUwKFpLI9MlYspsBTQrhE/s1600/overlayy.png) ريبيت-x؛
     ديسبلاي: إنلين-بلوك؛
     بادينغ: 5px 10px 6px؛
     كولور: #fff؛
     تكست-ديكوراتيون: نون؛
     -moz-بوردر-راديوس: 5px؛
     -webkit-بوردر-راديوس: 5px؛
         الحدود بين دائرة نصف قطرها: 5px؛
     -moz-بوكس-شادو: 0 1px 3px رغبا (0،0،0،0.5)؛
     -webkit-بوكس-شادو: 0 1px 3px رغبا (0،0،0،0.5)؛
     تكست-شادو: 0 -1px 1px رجبا (0،0،0،0.25)؛
     بوردر-بوتوم: 1px سوليد رغبا (0،0،0،0.25)؛
     بوسيتيون: ريلاتيف؛
     المؤشر: مؤشر؛
 فونت-فاميلي: كالبري، أريال، سانس-شريف؛
 }

     .awesome: هوفر {باكغروند-colour: # 111؛  كولور: #fff؛  }
     .awesome: أكتيف {توب: 1px؛  }
     .small.awesome، .small.awesome: فيسيتد {فونت-سيز: 18px؛  بادينغ:؛  }
     .awesome، .awesome: زار،
     .medium.awesome، .medium.awesome: فيسيتد {فونت-سيز: 24px؛  فونت-ويت: بولد؛  لين-هيت: 1؛  تكست-شادو: 0 -1px 1px رجبا (0،0،0،0.25)؛  }
     .large.awesome، .large.awesome: فيسيتد {فونت-سيز: 30px؛  بادينغ: 8px 14px 9px؛  }
   
     .green.awesome، .green.awesome: فيسيتد {باكغروند-كولور: # 91bd09؛  }
     .green.awesome: هوفر {باكغروند-كولور: # 749a02؛  }
     .blue.awesome، .blue.awesome: فيسيتد {باكغروند-كولور: # 2daebf؛  }
     .blue.awesome: هوفر {باكغروند-كولور: # 007d9a؛  }
     .red.awesome، .red.awesome: فيسيتد {باكغروند-كولور: # e33100؛  }
     .red.awesome: هوفر {باكغروند-كولور: # 872300؛  }
     .magenta.awesome، .magenta.awesome: فيسيتد {باكغروند-كولور: # a9014b؛  }
     .magenta.awesome: هوفر {باكغروند-كولور: # 630030؛  }
     .orange.awesome، .orange.awesome: فيسيتد {باكغروند-كولور: # ff5c00؛  }
     .orange.awesome: هوفر {باكغروند-كولور: # d45500؛  }
     .yellow.awesome، .yellow.awesome: فيسيتد {باكغروند-كولور: # ffb515؛  }
     .yellow.awesome: هوفر {باكغروند-كولور: # fc9200؛  }

     .pink.awesome، .pink.awesome: فيسيتد {باكغروند-كولور: # e22092؛  }
     .pink.awesome: هوفر {باكغروند-كولور: # c81e82؛  } 

4. الآن رمز هتمل هنا

للأزرار الكبيرة

  <a href="LINK" class="small awesome"> نيم </a>
 <a href="LINK" class="small بلو awesome"> نيم </a>
 <a href="LINK" class="small بينك awesome"> نيم </a>
 <a href="LINK" class="small ماجينتا awesome"> نيم </a>
 <a href="LINK" class="small غرين awesome"> نيم </a>
 <a href="LINK" class="small red awesome"> نيم </a>
 <a href="LINK" class="small أورانج awesome"> نيم </a>
 <a href="LINK" class="small يلو awesome"> نيم </a>

للأزرار الصغيرة

  <a href="LINK" class="large awesome"> نيم </a>
 <a href="LINK" class="large بلو awesome"> نيم </a>
 <a href="LINK" class="large بينك awesome"> نيم </a>
 <a href="LINK" class="large ماجينتا awesome"> نيم </a>
 <a href="LINK" class="large غرين awesome"> نيم </a>
 <a href="LINK" class="large ريد awesome"> نيم </a>
 <a href="LINK" class="large أورانج awesome"> نيم </a>
 <a href="LINK" class="large يلو awesome"> نيم </a>

استبدل الاسم بأي اسم.

7. الآن حفظ هتمل / جافا سكريبت الخاص بك . 

انتهيت...