اسهل طريقة لوضع اداة الصعود إلى أعلى لمدونات بلوجر
الزيارات:

السلام عليكم ورحمة الله وبركاته

سوف نبدا اليوم مع موضوع حساس جدا وهو كيفية وضع اداة الصعود إلى أعلى لمدونات بلوجر

فوائدها

سهولة التنقل في المدونة

اعطاء المدونة لمسة سحرية

نبدا الان

طريقة اضافة الاداة

ادهب الى

لوحة التحكم

التخطيط

إضافة أداة

Html/javascript

</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><br></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><script type="text/javascript" ></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><br></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><br></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">var scrolltotop={</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">controlHTML: '<img src="http://im33.gulfup.com/pIUN1.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><br></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">state: {isvisible:false, shouldvisible:false},</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><br></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">scrollup:function(){</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">if (!this.cssfixedsupport) //if control is positioned using JavaScript</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">this.$control.css({opacity:0}) //hide control immediately after clicking it</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">dest=jQuery('#'+dest).offset().top</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">else</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">dest=0</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">this.$body.animate({scrollTop: dest}, this.setting.scrollduration);</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">},</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><br></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">keepfixed:function(){</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">var $window=jQuery(window)</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">this.$control.css({left:controlx+'px', top:controly+'px'})</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">},</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><br></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">togglecontrol:function(){</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">var scrolltop=jQuery(window).scrollTop()</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">if (!this.cssfixedsupport)</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">this.keepfixed()</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">this.state.shouldvisible=(scrolltop>=this.setting. startline)? true : false</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">if (this.state.shouldvisible && !this.state.isvisible){</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">this.state.isvisible=true</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">}</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">else if (this.state.shouldvisible==false && this.state.isvisible){</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">this.state.isvisible=false</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">}</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">},</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><br></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">init:function(){</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">jQuery(document).ready(function($){</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">var mainobj=scrolltotop</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">var iebrws=document.all</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">mainobj.$control=$('<div id="topcontrol">
'+mainobj.controlHTML+'</div>
')</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">.attr({title:'Scroll Back to Top'})</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">.click(function(){mainobj.scrollup(); return false})</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">.appendTo('body')</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">mainobj.$control.css({width:mainobj.$control.width ()}) //IE6- seems to require an explicit width on a DIV containing text</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">mainobj.togglecontrol()</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">mainobj.scrollup()</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">return false</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">})</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">$(window).bind('scroll resize', function(e){</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">mainobj.togglecontrol()</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">})</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">})</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">}</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">}</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><br></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;">scrolltotop.init()</font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"><br></font></p>
</div>
<div>
<p>
<font style="font-size: 12px; line-height: 26px;"></script>

انتهى بفضل الله

هناك 9 تعليقات:

Unknown27 يوليو 2014 في 6:24 م
أزال المؤلف هذا التعليق.
ردحذف
الردود
غير معرف29 أكتوبر 2014 في 5:59 ص
لا تعمل لدي وشكرا
http://3nkabout.blogspot.com/
ردحذف
الردود
Unknown17 مارس 2015 في 3:10 ص
أزال المؤلف هذا التعليق.
ردحذف
الردود
nasser20144298925 يوليو 2015 في 5:34 ص
شركة كشف تسربات المياه بالطائف
شركة تخزين عفش بالطائف
كيفية التخلص من الصراصير
شركة تنظيف فلل بالطائف
شركة مكافحة الصراصير بالطائف
شركة مكافحة الفئران بالطائف
شركة مكافحة بق الفراش بالطائف

شركة نقل عفش بالطائف
شركة تنظيف واجهات حجر بالطائف
ردحذف
الردود
فن الربح3 سبتمبر 2015 في 3:17 م
شكرا جزيلا.
أرجو من الجميع إبداء رأيه بمدونتي المتواضعة - فن الربح :
http://profit-tech.blogspot.com
ردحذف
الردود
حسن امين15 مايو 2016 في 6:00 ص
لاتعمل ياطيب
https://hasanamen.blogspot.com.eg/
ردحذف
الردود
الأستاذ / أبو المجد يونس10 يوليو 2016 في 8:17 ص
لا تعمل في مدونتي - يرجى الافادة
http://elmagdeltalemy.blogspot.com.eg/
ردحذف
الردود
doaa nile79 ديسمبر 2017 في 11:54 ص
كثيرا ما تنتشر أسئلة مثل ما هي أفضل شركة للقضاء علي الحشرات؟ ما هو الحل للقضاء بشكل كامل علي مختلف مشاكل الحشرات؟
افضل شركة مكافحة البق بالدمام
والإجابة علي هذه الأسئلة وما يلي كافة رغبات من يبغي شركة للقضاء علي الحشرات ورش المبيدات ووقف المعاناة من وجود الحشرات بالمنزل
ارقام شركة مكافحة حشرات بجدة
و التى قد تؤثر على أسرتك بالسلب وتسبب الاذى تتمثل في شركة بسمة الامجاد0554713207 التي تعتبر
تعتبر شركة بسمة الأمجاد من الشركات الرائدة في السعودية التي تعتمد علي أحدث الاساليب والطرق العلمية في تسليك المجاري ومكافحة الحشرات بشكل ناجح مقابل أسعار مناسبة لا مغالاة فيها افضل شركة مكافحة البق بالرياض
افضل شركة مكافحة النمل الابيض بالرياض
تتسم الشركة بأنها تمتل أحدث الألات والأدوات فضلا عن أن العاملين بها يتبعون أفضل الطرق لمساعدتك علي التخلص بشكل نهائي من أي حشرات أو قوارض افضل شركة مكافحة الصراصير بالرياض
اهم النصائح لتجنب الاصابة بحشرة البق
ردحذف
الردود

إضافة تعليق

روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

اسهل طريقة لوضع اداة الصعود إلى أعلى لمدونات بلوجر
الزيارات:

هناك 9 تعليقات:

الاكتر مشاهدة هدا الاسبوع

تابعنا عبر البريد الالكترونى

صفحتنا على الفيسبوك

إجمالي مرات مشاهدة الصفحة

أرشيف المدونة الإلكترونية

مواضيع من اختيارنا لك

اخر التعليقات

اسهل طريقة لوضع اداة الصعود إلى أعلى لمدونات بلوجر الزيارات:

قد يهمك أيضا : اضافات بلوجر

هناك 9 تعليقات:

الاكتر مشاهدة هدا الاسبوع

تابعنا عبر البريد الالكترونى

صفحتنا على الفيسبوك

إجمالي مرات مشاهدة الصفحة

أرشيف المدونة الإلكترونية

مواضيع من اختيارنا لك

اخر التعليقات

اسهل طريقة لوضع اداة الصعود إلى أعلى لمدونات بلوجر
الزيارات:

قد يهمك أيضا :
اضافات بلوجر