كود لإضافة زر الإنتقال السريع لبلوغر/الووردبريس

Buzz It
الجمعة، 2 أبريل 2010

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

أولا : نتوجه إلى التخطيط ثم أضف أداة فنختار 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>

سيظهر الكود في أسقل الصفحة و يتبعك أينما ذهبت و تستطيع رؤية النتيجة في مدونتي هذه.
إذا أردت تغيير شكل السهم , فإستبدل رابط الصورة التالي برابط الصورة التي تريدها:

http://img119.imageshack.us/img119/8589/arrowupcx2.gif

شكرا لك على وقتك , دمت بخير.

0 التعليقات: