إضافة زر " إلى الاعلى " إلى المدونة .


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

وتركيب هذه الإضافة عملية سهلة ، يكفي إضافة الكود المطلوب عن طريق إضافة اداة إلى القالب وفق الخطوات التالية :

تخطيط  +  إضافة اداة + html/javascript .

وكود هذه الإضافة هو كما يلي :




<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/_ppHQQFJTm3Y/SsiE54WRHEI/AAAAAAAAAU4/5fk_OwC6AJI/s320/back+to+top.png"/></a>
 

وهذا كود آخر :

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>

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

إرسال تعليق

15 تعليقات

  1. بارك الله فيك أخي ولكن لي تساؤل اذا سمحت
    كنت قد أضفت خاصية فتح الروابط في نافذة جديدة
    وباضافة هذا الزر صار يعود للأعلى ولكن في نافذة جديدة فما الحل في رايك..؟

    ردحذف
  2. موضوع مفيد جداً خاصة عندما يكون طول التدوينة أكبر من اللازم

    شكراً

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

    @boucheta abderrahmane
    جرب اضافة target="_self" بعد href="#"

    ردحذف
  4. للأخ طلال العباس بارك الله فيك أخي
    فعلا الكود يفي بالغرض
    بارك الله فيك وجزاك كل خير

    ردحذف
  5. مرسي كثير يا مان

    انا كثير استفدت من موضوعك

    ثانكس

    ارجو منك يا مان انك تضيف ايمالي عندك
    لاني في كثير اسئلة عندي

    وارجو اني القا اجوبتها عندك

    ايمالي:
    mohammed_mja@hotmail.com
    mohammed_mjir@yahoo.com

    ردحذف
  6. السلام عليكم
    أنا واحد من الناس اللي استفادوا من مدونتك جدا
    فشكرا لك

    ولكن حصلتلي مشكلة في المدونة من كام يوم ومش عارف احلها ازاي ومعرفش ايه اللي حصل
    فرجاء مني انك تراسلني على الميل وتقولي على الحل لان المدونة شكلها بقى سيء جدا وانا عايز احط بوستات جديدة ومش عارف
    وفي النهاية شكرا ليك وياريت تبعتلي الرد بسرعة لو وقتك يسمح
    mostafa_mahmoud_1985@yahoo.com
    ده الميل
    وشكرا ليك
    سلام

    ردحذف
  7. مشكور أخوي ،،
    ماقصرت إضافة جميلة وبسيطة ..

    أشكر جهودك

    ردحذف
  8. مشكور.. إضافة رائعة (رغم بساطتها) ^_^

    ردحذف
  9. شكرا لك على هذه الإضافة وتم إضافتها عندى فى :
    www.4pc-mobile.blogspot.com (عالم برامج الكمبيوتر والموبايل)

    ردحذف
  10. أزال المؤلف هذا التعليق.

    ردحذف
  11. شكرا جزيلا
    وأتمنى أخي الكريم أن تشرح لنا كيفية إضافة مستطيل يوجد به عدد الزوار وأعلام دولهم مثل الموجود بصفحكم ولكم الشكرالجزيل. مدونتي في بدايتها.يسعدني انضمامكم
    www.basma-wa-amal.blogspot.com
    وهي تهم بالتطوير الذاتي- الصحة النفسية- الأمنالمعلوماتي والحماية- وفيدوهات طريفة ومضحكةللتسلية

    ردحذف
  12. شكرا جزيلا وبارك الله فيك

    http://alyomtop.blogspot.com/

    ردحذف
  13. سلمت يداك اخي عي مجهودك

    ردحذف