اضافة سلايد شو على شكل شريط اخبارالى بلوجر
بسم الله الرحمن الرحيم
اضافة سلايد شو على شكل شريط اخبارالى بلوجر
![]() |
اضافة سلايد شو على شكل شريط اخبارالى بلوجر |
*قبل كل شيء خد نسخة احتياطية لمدونتك من اجل ضمان عدم حدوث اي خطأ
1- حمل جميع الاكواد التي سنستخدمهم في هذا الدرس عن طريق الرابط التالي
http://ouo.io/PO0JIk
بعد الدخول الى الرابط ستأتي لكم هكذا واجهة
اضغط على المربع الصغير الذي بجانبه كلمة im not a robot ومن ثم تختار الصور المشايبهة بعد الاختيار 3 صور على الاقل تضغط على vierty سوف تنتقل الى صفحة اخرى بها عداد انتظر 3 ثواني وتضغط على Get link
سوف ينقلك الى موقع top 4 top من هناك سوف تتحمل
الاكواد عن طريق الضغط كما هو مبين لك في الصورة
سوف يأتي لك بصيفة مضغوطة تفك الضغط عن الملفات يأتي لك 3 مستندات مرقمات على الترتيب
الان خلينا ننتقل الى كيفية تثبيت الاضافة على مدونتك.
1- اذهب الى blogger.com
3- ومن ثم تنتقل الى قالب> وبعدها اضغط على تحرير html او بالانجليزية edit html
طبعا هاته الخطوات الكل يعرفها والان ننتقل الى كيفية الاضافة
4- ومن سوف تأتي لك اكواد كثيرة جدا ماعليك سوى الضغط على منطقة فارغة من المربع الموجود به الاكواد ومن ثم اضغط على زر ctrl مع الضغط على حرف f في الكيبورد سوف ينبثق مستطيل صغير يمكنك من البح عن الاكواد
5- تبحث عن هذا الكود </head> وتضغط على انتر ومن ثم تفتح المستند رقم واحد 1 وتنسخهن وتذهب مرتا اخرى وضعهن فوق ال </head> مباشرة.
6- وبعدها مرتا اخرى تبحث عن هذا الكود ]]></b:skin> نفس الطريقة الاولى وتضغط انتر وتضع الاكواد جميعها الموجودة في المستند رقم 2
فوق الكود ]]></b:skin> مباشرة.
7- وهنا سوف تمكنك من اختيار موضع السلايد شو سواء في الاسفل عند الفوتر(اسفل المدونة) او عند شريط الاقسام في الاعلى:
إن اردت ان تضع السلايد شو تحت الاقسام في الاعلى فإبحث عن الكود <div id='main-wrapper'>
وتذهب الى المستند رقم 3 وتنسخ كل شيء موجود به وتضعه فوق الكود <div id='main-wrapper'> مباشرتا, اما إذا كنت تريد ان تضعه في اسفل المدونة فإبحث عن هذا الكود <div id='footer-wrapper'> وتذهب الى المستند رقم 3 وتنسخ كل شيء وتضعهن فوق ال
<div id='footer-wrapper'> وتضغط بعدها على حفظ النموذج
وبإمكانك ايضا ان تضع اثر من سلايد شو في الاعلى والاسفل عن طريق نسخ الاكواد في المستند رقم 3 وتضعهن فوق الكود هذا
<div id='footer-wrapper'>
و هذا
<div id='main-wrapper'>
بعدها اضغط على حفظ النموذج بعد الحفظ إذهب الى مدونتك سوف تلاحظ ان السلايد شو شغال بنسبة 100% وبدون اي اخطاء.
والى هنا ينتهي درسنا لهذا اليوم وارجو ان كنتم قد استفدتم والسلام عليكم ورحمة الله وبركاته
ليست هناك تعليقات: