إضافه الزر الطائر " الذهاب للاعلي الي مدونتك

إضافه الزر الطائر " الذهاب للاعلي الي مدونتك

هذا الزر يعطي قدره للمتصفح والزوار لمدونتك للذهاب للاعلي بضغطه واحده

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

فلنتعلم الان كيفيه اضافه هذا الزر الرائع والمفيد اكيد ..

اولا بالبحث عن هذا الكود التالي ..

طبعا الخطوات السابقه بالتاكيد المتابعين لمدونه فيتش عرفوها وهي:

الذهاب للوحه التحكم لمدونتك

اختيار

تصميم

اختيار

تحرير html

التاشير علي توسيع القالب ..

ثم البحث عن الكود التالي :

</body>







ثم اضف قبله .. الكود التالي

</body>




ثم اضف قبله .. الكود التالي




<a href="#" id="backtotop">^ الذهاب للاعلي</a>




<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>




<script type='text/javascript'>




/*-----------------------




*Scroll to top







-----------------------*/










$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});










$(function() {




$("#toTop").scrollToTop();




});




</script>




ثم ابحث عن الكود التالي .. طبعا باستخدام ctrl+f

]]></b:skin>







وضع قبله الكود التالي :

#backtotop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }




قم بحفظ الاعدادات

تم بحمد الله .....

اعلان