المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : إضافة أداة " أعلى الصفحة " إلى البلوجر



Chakira
11-01-2013, بتوقيت غرينيتش 07:56 AM
بكل تأكيد سبق لك وشاهدت هذه الإضافة في الكثير من المدونات أو المواقع ، وخصوصا المدونات ذات الصفحة الطويلة جدا التي تجعل الزائر يضيع الكثير من وقته في مشاهدة الصفحة صعودا ونزولا ، لذلك تأتي هذه الأداة لتساعد الزائر في تقليص مدة مشاهدته للصفحة وبالتالي في تسهيل اختياره للموضوع الذي يود قرائته ، كيف ذلك ؟




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

حسنا أظن أن فكرة الأداة قد وصلت وجاء وقت التركيب install :






1.قم بتسجيل دخولك إلى البلوجر ، وتوجه نحو التخطيط ثم عناصر الصفحة



2.اختر أين تريد أن تضع الأداة ومن الأفضل أن تكون على يمين الصفحة لأن الزائر يستعمل الفأرة بيمينه وبالتالي سيسهل عليه الضغط على الأداة بها .

3.اضغط على إضافة أداة .

4.اختر من بين تلك الخواص خاصية HTML/JavaScript .

الآن قم بنسخ هذا الكود code وألصقه داخل HTML/JavaScript ، قم بحفظ الأداة تكون قد انتهيت من تركيب installها .

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

الآن جاء وقت بعض التخصيص داخل الأداة :


ما هو باللون الأحمر هو اتجاه ظهور الأداة يمكنك أن تغيره بهذه الكلمة Left وسيظهر في اليسار عوض اليمين .

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

هناك أشياء بسيطة يمكنك أن تغيرها داخل الكود code لكنها لن تأثر بشكل كبير باستثناء الملاحظتين السابقتين .


المصدر: http://maganan.blogspot.com/2014/03/blog-post_31.html





https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى