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