رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر
تحديث الصفحة اضافة زر الصعود لأعلي بمدونتك - اضافات بلوجر
التسجيل التعليمـــات التقويم مشاركات اليوم البحث


 
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
السابق المشاركة السابقة   المشاركة التالية التالي
قديم 02-22-2014, 01:48 PM   #1
Blog-Add
مدون نشيط
 
تاريخ التسجيل: Feb 2014
المشاركات: 124
افتراضي اضافة زر الصعود لأعلي بمدونتك - اضافات بلوجر
أنا : Blog-Add
سجل معنا لتتمتع بهذه الخاصية




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

اقدم لكم اليوم اضافة زر الصعود لاعلي موقعك وتتميز بجمالها

وخفيفه وتسهل علي الزائر الصعود لاعلي في وقت سريع بمدونة بلوجر

الشرح :

اذهب الي صفحة التخطيط واضافة اداة جديدة HTML واضف بها الكود التالي :

كود PHP:
</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> 
واحفظ العمل

الدعم العربي

Blog-Add غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
 

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
ابتسامات بلوجر, اخر مواضيع بلوجر, ادوات بلوجر احترافية, ايقونة المدونة, اضافة زي الصعود

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
اضافة كلمة رمضان كريم بمدونتك - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-19-2014 05:24 PM
اضافة ايقونة لكل قسم بمدونتك - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-08-2014 02:44 PM
اضافة مواضيع ذات صلة بمدونتك - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-07-2014 12:31 PM
أسهل طريقة لإضافة زر الصعود لأعلى المدونة بإحترافية 2013 mr.geka إضافات وأدوات بلوجر 7 08-24-2013 06:12 PM
اضافة زر الصعود الى الاعلى في مدونات بلوجر بلال حمدان إضافات وأدوات بلوجر 5 01-25-2013 03:31 PM



سياسة الخصوصية - Privacy-Policy - اربط مدونتك بنا - حقوق الملكية والتأليف - الاتصال بنا - معهد خبراء بلوجر - الأرشيف - الأعلى


لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2025 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 07:12 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)