2009-02-09

إضافة أداة " أعلى الصفحة " إلى البلوجر

أداة  بكل تأكيد سبق لك وشاهدت هذه الإضافة في الكثير من المدونات أو المواقع ، وخصوصا المدونات ذات الصفحة الطويلة جدا التي تجعل الزائر يضيع الكثير من وقته في مشاهدة الصفحة صعودا ونزولا ، لذلك تأتي هذه الأداة لتساعد الزائر في تقليص مدة مشاهدته للصفحة وبالتالي في تسهيل اختياره للموضوع الذي يود قرائته ، كيف ذلك ؟
الأداة مبرمجة لكي تظهر في كل مرة تقوم فيها بالنزول في اتجاه أسفل الصفحة وعندما تقوم بالضغط عليها فهي تقوم بترجمة تلك الضغطة على أنها أمر منك للصعود أعلى الصفحة مرة أخرى بشكل سريع جدا ، وهكذا أنت تقضي وقتك في تصفح الصفحة نزولا فقط وبالتالي فإنك تكسب نصف وقت التصفح الذي تقضيه في الصعود ، ويمكنك أن تجرب الأداة من خلال صفحتي الحالية .
حسنا أظن أن فكرة الأداة قد وصلت وجاء وقت التركيب :
  1. قم بتسجيل دخولك إلى البلوجر ، وتوجه نحو التخطيط ثم عناصر الصفحة
  2. اختر أين تريد أن تضع الأداة ومن الأفضل أن تكون على يمين الصفحة لأن الزائر يستعمل الفأرة بيمينه وبالتالي سيسهل عليه الضغط على الأداة بها .
  3. اضغط على إضافة أداة .
  4. اختر من بين تلك الخواص خاصية HTML/JavaScript .
  5. الآن قم بنسخ هذا الكود وألصقه داخل HTML/JavaScript ، قم بحفظ الأداة تكون قد انتهيت من تركيبها .
<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>
الآن جاء وقت بعض التخصيص داخل الأداة :
ما هو باللون الأحمر هو اتجاه ظهور الأداة يمكنك أن تغيره بهذه الكلمة Left وسيظهر في اليسار عوض اليمين .
ما هو بالصفر هو رابط صورة الأداة إذا كنت لا تحبد الصورة الحالية أو أنها لا تناسب تصميم مدونتك فيمكنك تصميم صورة خاصة بك ورفعها وتعويض الرابط السابق بالرابط الذي الجديد .
هناك أشياء بسيطة يمكنك أن تغيرها داخل الكود لكنها لن تأثر بشكل كبير باستثناء الملاحظتين السابقتين .

انتهى الموضوع بحمد الله وتذكر أن الردود مفتوحة لأي استفسار ، ملاحظة أو حتى انتقاد

8 تعليقات:

غير معرف يقول...

شكرا على الخدمة الجميلة دى

لو سمحت يا اخى كنت اريد ان اسالك على شى فى التدوين ممكن تضيف ايميلى thesword_h@yahoo.com

أحمد الرامي يقول...

العفو أخي ، وطبعا يمكنك السؤال لكن للأسف ليس لدي حساب في yahoo ولا أستعمل البرنامج ، ممكن عبر GMAIL وهذا ايميلي : mr.anonyme.99@gmail.com

غير معرف يقول...

شكرا لك على هذه الاضافة المميزة وبارك فيك على الشرح الوافي
هذه مدونتي بعد اضافة الميزة واتمنى الزيارة
http://yarazs.blogspot.com/

المتميز المفقود يقول...

شكرا على هذا المجهود الرائع وبارك الله فيك
قمت باضافة الاداة الخاصة بالعودة الى اعلى الصفحة ولكن بدلا من ان تظهر صورة الايقونة ظهرت هذه الجملة <
img src="http://img119.imageshack.us/img119 فم الحل
شكرا لك
مدونتى http://lostdistinction2.blogspot.com/

المتميز المفقود يقول...

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

رذاذ المطر يقول...

بارك الله فيك

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

غير معرف يقول...

والله انت برنس ربنا يخليك لينا ويجلة فى ميزان حسناتك
يا مستر احمد من اخوك احمد

نور يقول...

شكرا

إرسال تعليق