تركيب زر الذهاب الى فوق لمدونات بلوجر مع كمية ايقونات مختلفة

5 التعليقات
 

إضافة زر التمرير السلس الى الاعلى لمدونة بلوجر
زر, سهم, مؤشر, ايقونة, الذهاب الى الاعلى, فوق 

زر الانتقال من اسفل الصفحة الى بداية الصفحة لمدونات بلوجر

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


قبل الاقدام على اي تعديل في كود القالب يجب ان يكون لديك نسخة احتياطية من قالب مدونتك لرجوع اليها عند الضرورة


طريقة تركيب زر الذهاب الى اعلى الصفحة

  • اذهب الى لوحة تحكم مدونتك
  • اختار التبويت قالب
  • تحرير HTML 
  • انقر زر متابعه
  • فعل توسيع قوالب عناصر واجهة المستخدم بوضع علامة الصح
  • حدد كامل كود القالب بواسطة مفتاحي Ctrl + A 
  • انسخ كامل الكود الى المفكرة واحفظة باسم للعودة الية اذا حصل اي خلل لا سمح الله
ابحث عن الكلمة الاتية بواسطة مفتاحي 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='http://2.bp.blogspot.com/-9gRMsGNf-HA/Tq7VBiFhxtI/AAAAAAAAAuc/f-nlUeGOwTM/s1600/navigate-up-icon.png'/></a>
    <!--Page Navigation by hdhd2010.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>

    تستطيع اختيار الصورة المناسبة لقالب مدونتك بواسطة تغيير رابط الصورة من الكود السابق

    انقر زر المعاينة وعاين المدونة على الطبيعة هل كل شئ على مايرامانقر زر الحفظ واحفظ العمل


    مجموعة ايقونات التنقل الى الاعلى







    هذا مع الاحترام والتحية
    مدونة اكسب

    5 ردود حتى الآن.

    1. يعطيك العافية

    2. يعطيك الف عاااافيه على مجهودك والشرح بالصور
      دمتم بالف خير
      :)

    3. انا عايز اعرف كيف اعمل عداد للصفحات

    4. ali .h Al-Salman يقول :

      رائع

      موضوع جميل وبسيط وخفيف

      موفق

    ماهو ردك؟

    اترك لنا بصمتك هناء بتعليق بسيط

     
    back to top