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

شارك :

السلام عليكم ورحمة الله تعالى وباركته ,مند فترة ليست بالطويلة قمت بإضافة خاصية الصعود السلس الأعلى في مدونتي وقد أردت دائماً ,ان اقدم لكم آخر التعديلات على قالب مدونتي ,لدا اليوم سوف نتعرف على خاصية الصعود السلس الى اعلى المدونة التي تسهل على الزائر الكريم الوصول الى اعلى الصفحة دون تكبد العناء بالصعود بالفأرة ,عندما اتصفح مدونة ما وتكون أحينا صفحة المدونة الرئيسية طويلة نسبة الى عدد المواضيع الموجودة في الصفحة ,لدا فعندا الانتقال من اسفل الصفحة الى أعلى يكون هناك نوع من البطء لدا يتوجب علينا معالجة دلك البطء بإضافة خاصية الانتقال السلس الى اعلى الصفحة ,لكي لا يملّ الزائر من مدونتك بسرعة.
زر, سهم, مؤشر, ايقونة, الذهاب الى الاعلى, فوق 















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



]]></b:skin>

    قبله مباشرة قم بلصق الكود التالي:


    #backtotop {
    padding:5px;
    position:fixed;
    bottom:5px;right:5px;
    cursor:pointer;
    }







         تستطيع تغيير موضع الزر من اليمين الى اليسار باستبدال كلمة right يمين الى left يسار وكذلك الابعاد بواسطة الارقام


    قم بالبحث عن الكلمة التالية:
    </body>

    ومباشرة فوقه  قم بلصق الكود التالي:



    <a href='#' id='backtotop'><img alt='back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivyoJPwsiVs_DV0XzjyPQnTE5_hlc1102_ldguGPMXl-gz3KkpsGu9775IrEoYZt2jeuZQhQO9wF69G5QU8Sh8cI5y3WmUGZgZqnlq-yBb7Q-_nKBKoye5C7IdTk_xgrEDnhMBZ5W3svEC/s1600/navigate-up-icon.png'/></a>
    <!--Page Navigation by http://arabicash2.blogspot.com Starts-->
    <script type='text/javascript'>
    var home_page=&quot;/&quot;;
    var urlactivepage=location.href;
    var postperpage=4;
    var numshowpage=6;
    var upPageWord =&#39;Previous&#39;;
    var downPageWord =&#39;Next&#39;;
    </script>



     يمكنك اختيار الصورة المناسبة لقالب مدونتك ,بواسطة تغيير رابط الصورة في الكود اعلاه ويمكنك استبداله بأي رابط صورة آخر وانا أقترح عليك هنا مجموعة من الايقونات الرائعة اتمنى ان تعجبك؟
    في الاخر قم بحفظ القالب ثم قم بمعاينة المدونة وتأكد من عمل الخاصية ومبروك عليك ,تم بحمد الله . 
    µµهدية لكمµµ





                                                

    المصدر
    أدوات اضافت البلوقر هاكات البلوقر دروس البلوقر قوالب البلوقر الربح من الانترنت جلب الزوار المصدر" مدونة عربي كاش²"


    شارك :

    إضافات بلوجر

    ايقونات البلوقر

    ما رأيك بالموضوع !

    3 comments:

    1. عندما ابحث عن
      /body
      أضع الكود المذكور بعده مباشره ام فوقه مباشره

      شكرا لكم

      ردحذف
    2. فوقه اخي الكريم واسف على اني لم ادكر دلك ,وشكرا لك

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

      مواقع تصميم المواقع

      ردحذف

    أكتب تعليقك هنا وشاركنا برأيك .