-->

طريقة إضافة ألأزرار لمدونات بلوجر

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

مميزات إضافة ألأزرار لمدونات بلوجر

  • خفيفه ولا تثقل القالب
  • مكوده بواسطة أكواد HTML و CSS 
  • مصحوبه بأيقونات "معاينه، تحميل، زيارة للرابط، شراء منتج" أو بدون أيقونات
  • بأحجام متعدده "صغيره، وسط، كبير"
  • يتم تركيبها بسهوله
  • مناسبه لأي مدونه من أي مجال
  • يمكنك التحكم في ألوانها وجعلها متوافقه مع التشكيله اللونية لمدونتك

أكواد الأزرار لمدونات بلوجر


بدل بين Html و CSS للحصول على الأكواد

شرح كود ألأزرار لمدونات بلوجر

التعديل على أكواد CSS
background-color:#990000
السطر خاص بلون خلفية الأزرار غير 990000 بشفرة اللون الذي تفضله
float:right;
هذا السطر خاص بإتجاه الزر غير right إلى left إذا أردت الازرار ناحية اليسار
background-color:#444;
خاص بخلفية الزر عند المرور عليه غير 444
font-size:12px;
font-size:16px;
font-size:18px;
خاص بحجم الخط في الأزرار الأول للزر الصغير والثاني للوسط والثالث للكبير غيره بالاحجام التي تفضلها
إذا كنت ترغب في ذلك
التعديل على أكواد HTML
غير http://maqaltek.blogspot.com إلى رابط الزر وغير الكلمات العربيه بما تريد

طريقة تركيب ألأزرار لمدونات بلوجر

تركيب كود CSS:
  1. أدخل للوحة مدونتك
  2. المظهر 
  3. خذ نسخه من القالب إحتياطيا، إقرأ: شرح أخذ نسخه إحتياطيه من قالب مدونة بلوجر بطريقة صحيحه
  4. إضغط تعديل HTML 
  5. إبحث عن الوسم
    وضع الكود تحته أو قم بتضمين الكود بين الوسمين التاليين
    ثم ضعه بعد الوسم
  6. إضغط حفظ القالب
تركيب كود HTML: 
إنسخ الكود وعدل عليه كما ذكر في شرح الكود ثم قم بالأتي:
  1. إذهب إلى لوحة بلوجر
  2. إضغط مشاركة جديده
  3. عير وضع الإدخال من تأليف إلى HTML
  4. أضف كود html للزر
  5. إضغط حفظ
لكي تظهر الايقونات داخل الازرار يجب تركيب مكتبة أيقونات FontAwesome من خلال إضافة ذلك الكود فوق الوسم </body> 
وبهذا تمت إضافة الأزرار لمدونتك بنجاح

جديد قسم : إضافات بلوجر Blogger Codes

اعلان خاصية تقسيم المواضيع