ازرار احترافية بتقنية css لمدونتك ومن تصميمك

اليوم اقدم لكم شرح بسيط جدا يحتاجه كل مدون لاعطاء موضوعاته لمسة جماليه عن طريق وضع ازار داخل المواضيع بشكل جميل وجذاب وسوف اتطرق لشرح ذلك فى هذه التدوينة من مدونة ابداعاتى وهذه الازار يتم استعمالها فى اغراض عديدة منها المعاينة التى تفعلها داخل المواضيع لتوضح ناتج اضافه قمت بشرحها او ما الى ذلك والان مع الشرح


تفضل بزيارة الموقع من

هنا

وهذا شرح لقايمة تنسيق الأزرار فى الموقع 

وبعد الانتهاء من التنسيقات على الزر قم بالضغط عليه سيظهر لك نافذة أكواد الـ css  للزر كهذه 

اذهب الى لوحة تحكم مدونتك >> القالب >> تحرير HTML 

  ابحث عن

  ]]></b:skin>

ضع قبله كود الــ css الذى حصلنا عليه بعد الضغط على الزر

ملاحظات على كود الــ css 

font-family: Georgia, serif   ......... نوع الخـــــط 

font-size: 19px   .............. حجم الخط 

طريقة استخدام الأزرار في المواضيع

قم بتحويل صندوق المواضيع من وضع التأليف الى وضع HTML

ثم أضف الكود التالي في المكان الذي تريد

<a class="button" href="link" rel="nofollow" target="_blank">name</a>

نستبدل كلمة name باسم الزر 

نستبدل كلمة link برابط 

هذا الكود target="_blank" معناه أن الرابط سيفتح في صفحة جديدة ان اردته أن يفتح في نفس الصفحة قم بإزالته