إذا كنت تشتغل بعالم التدوين والمواقع الإلكترونية، بائعا للقوالب أو البرامج والتطبيقات والألعاب، أو كنت من هواة الشروحات، … فقد تحتاج إلى أدوات و إضافات كثيرة لموقعك من أجل جذب المزيد من الزوار لموقعك ، من بينها إضافة أزرار التحميل والمعاينة إلى موقعك؟ في هذا الدليل، سنقدم لك أسهل طريقة لإضافة ثلاثة ازرار احترافية: الأول خاص بالمعاينة، والثاني للتنزيل، بالإضافة إلى زر آخر يدعم جميع أنواع الروابط.
ماهو زر التحميل و المعاينة ؟
هو كود CSS، ينتج عن إضافته لمدونتك زر مصمم بشكل احترافي، يعرض روابط المعاينة والتحميل بكل احترافية، دورها يكمن في نقل الزائر إلى الملفات المرغوبة بدل عبارة انقر هنا التقليدية.
ستجد شروحات مختلفة، عبر مواقع الويب الكثيرة، مع ذلك فهذه الأزرار التي نقدمها في هذا الدليل حصرية بتصميمها الأنيق والجذاب، الأزرار المعروضة خفيفة على الموقع وسريعة التحميل، فهي لا تعتمد مكتبة خارجية، مثلما ماهو شان معظم الأزرار الموجودة على الإنترنت. ما يضمن سرعة تحميل موقعك باستخدام هذه الأزرار.
أزرار التنزيل والمعاينة، الظاهرة اسفل التدوينة، تتوفر على زر ثالث عادي، يناسب استخدامات مختلفة خارج سياق التنزيل أو المعاينة، يمكنك اتخصيصه عند الحاجة.
من خلال استخدام أزرار التنزيل والمعاينة الاحترافية المقدمة في هذا الدليل، يمكنك تخصيص ألوان وأحجام وإعدادات الأزرار وفقًا لتفضيلاتك.
مزايا إضافة زر تحميل، معاينة لمدونة بلوجر
إليك بعض أهم ميزات هذه الأزرار:
لتثبيت أزرار التنزيل والمعاينة بشكل احترافي على مدونتك، اتبع الخطوات التالية:
تصميم متجاوب، يسمح بوضع الأزرار جنبًا إلى جنب.
مظهر واضح وجذاب لسهولة الرؤية.
ألوان تدريجية أنيقة.
ذات مظهر واقعي.
رموز توضح بوضوح غرض كل زر.
إمكانية تخصيص ألوان كل زر قبل التثبيت.
خطوات إضافة زر تحميل أو معاينة إلى مدونتك:
لتثبيت أزرار التنزيل والمعاينة بشكل احترافي على مدونتك، اتبع الخطوات التالية:
في البداية قم بنسخ كود CSS، الظاهر اسفل التدوينة أو قم بتحميله، كما تشاء.
انتقل إلى منصة Blogger الخاصة بك.
انتقل الإعدادات ، ومنه اختر "المظهر" ثم "تحرير HTML".
ابحث عن علامة "]]></b:skin>"، عبر النقر على ctrl + F.
قم بلصق رمز CSS المنسوخ فوق علامة "]]></b:skin>".
انتقل إلى محرر HTML الخاص بك.
إنسخ كود الزر المدرج ضمن الجزء الثاني، والمطلوب استخدمه في مقالاتك، مع تعديل الاسم والرابط وفقًا لذلك.
كود CSS
الجزء الثاني
قم بلصق هذه الأكواد داخل المقال
بعد القيام بهذه الخطوات البسيطة ستظهر ايقونة احترافية تتضمن ثلاث خيارات، معاينة أو تنزيل بالإضافة إلى زر آخر يمكنك تخصيصه حسب حاجتك ومجال عملك.
تحميل الأكواد
يمكنك تحميل الأكواد عبر النقر هنا مباشرة.