الأقسام

banner here

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

- 4:13 PM
advertise here

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

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



اولا بالبحث عن هذا الكود التالي ..
طبعا الخطوات السابقه بالتاكيد المتابعين لمدونه فيتش عرفوها وهي:
الذهاب للوحه التحكم لمدونتك
اختيار
تصميم
اختيار
تحرير 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; }



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

اعلان advertise here
 

ابدأ الكتابة ثم اضغط انتر للبحث