إضافة أزرار المعاينة والتحميل بشكل جذاب وإحترافي على مدونة بلوجر

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

preview-and-download-button-add-on-blogger

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

طريقة تركيب الإضافة  
- الخطوة الأولى:
1-  بعد تسجيل الدخول إلى المدونة نختار قالب من لوحة التحكم مع أخذ نسخة إحتياطية للقالب
2-  نبحث عن الكود التالي بالضغط على Ctrl+F
<head/>
3-  ننسخ ونلصق الكود التالي مباشرة تحت الكود أعلاه
ملاحظة: هذا كود خط أيقونات أو بما يعرف بFontAwessome يمكن الإستغناء عن هذه الخطوة إذا كان قالب مدونتك يحوي هذا الكود
- الخطوة الثانية:
1- نبحث عن هذا الكود
]]></b:skin>

2- ننسخ ونلصق الكود التالي مباشرة فوق الكود أعلاه ونحفظ النموذج
- الخطوة الثالثة:
1- في الأخير عند تحرير الموضوع نحدد مكان وضع إضافة الأزرار نتحول من وضع تأليف إلى وضع
2- ننسخ الكود التالي ونلصقه في المكان المحدد للإضافة
ملاحظة: يمكن فصل هذا الكود وجعل كل زر على حدى.
طريقة التعديل على الإضافة
 * إستبدال رابط صفحة المعاينة  برابط صفحتك
 * إستبدال رابط صفحة التحميل  برابط صفحتك
 * #3d4a60:  لللون الأزرق في الكود الثاني
 * D03F42# : لللون الأحمر في الكود الثاني
معاينة حية للإضافة 
يمكن تحميل الأكواد أعلاه على شكل ملفات TXT

أرجو أن أكون قد أفدتكم ولو بقليل، وشكرا

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

شارك الموضوع

مواضيع قد تهمك