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

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

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

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

    • خفيفه ولا تثقل القالب
    • مكوده بواسطة أكواد 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://www.maqaltek.com إلى رابط الزر وغير الكلمات العربيه بما تريد

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

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

    مقالات متعلقة

    إرسال تعليق