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

 

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




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 05-19-2013, 02:18 PM   #1
مدونة Alamfour
مدون نشيط
 
الصورة الرمزية مدونة Alamfour
 
تاريخ التسجيل: May 2013
المشاركات: 161
Arrow اضافة زر الرجوع إلى أعلى لمدونات بلوجر ، مثل مدونة AlamFour

أنا : مدونة Alamfour




بسم الله الرحمن الرحيم

الدرس اليوم هو كيفية اضافة زر الصعود لأعلى أي عند الضغط عليه يرتفع لأعلى الصفحة للتسهيل على الزائر ويكون المنظر جميلاً كما في مدونة AlamFour .

الخطوات:

اذهب الى تخطيط.
ثم اضغط اضافة أداة HTML\JavaScript
ثم ضع الكود التالي فيه.

اقتباس:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" >


var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://im33.gulfup.com/pIUN1.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

state: {isvisible:false, shouldvisible:false},

scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},

keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},

togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting. startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},

init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width ()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}

scrolltotop.init()

</script>


يمكنك تغيير ما هو باللون الأحمر برابط الصورة التي تريدها.
اضغط حفظ.

تــــم بــــــوآسطـــة :

الدعم العربي


التعديل الأخير تم بواسطة مدونة Alamfour ; 05-19-2013 الساعة 02:22 PM
مدونة Alamfour غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 05-19-2013, 03:50 PM   #2
مدونة Alamfour
مدون نشيط
 
الصورة الرمزية مدونة Alamfour
 
تاريخ التسجيل: May 2013
المشاركات: 161
افتراضي رد: اضافة زر الرجوع إلى أعلى لمدونات بلوجر ، مثل مدونة AlamFour

أنا : مدونة Alamfour




أتمــنى أن يعجبكـــــــم

الدعم العربي

مدونة Alamfour غير متواجد حالياً   رد مع اقتباس
قديم 05-27-2013, 08:57 PM   #3
مدونة Alamfour
مدون نشيط
 
الصورة الرمزية مدونة Alamfour
 
تاريخ التسجيل: May 2013
المشاركات: 161
افتراضي رد: اضافة زر الرجوع إلى أعلى لمدونات بلوجر ، مثل مدونة AlamFour

أنا : مدونة Alamfour




فـــــــي إنتـــــــــــــــــظـــــــار رأيكـــــــــُـــــــم بالآدآة ;;

الدعم العربي

مدونة Alamfour غير متواجد حالياً   رد مع اقتباس
قديم 05-28-2013, 08:30 PM   #4
tar-i10
مدون جديد
 
تاريخ التسجيل: Mar 2013
المشاركات: 29
افتراضي رد: اضافة زر الرجوع إلى أعلى لمدونات بلوجر ، مثل مدونة AlamFour

أنا : tar-i10




جميل اخى جزاك الله خيرا ♥

الدعم العربي

tar-i10 غير متواجد حالياً   رد مع اقتباس
قديم 05-28-2013, 09:42 PM   #5
مدونة Alamfour
مدون نشيط
 
الصورة الرمزية مدونة Alamfour
 
تاريخ التسجيل: May 2013
المشاركات: 161
افتراضي رد: اضافة زر الرجوع إلى أعلى لمدونات بلوجر ، مثل مدونة AlamFour

أنا : مدونة Alamfour




العفـــــــــــــــو أخــــــــي

الدعم العربي

مدونة Alamfour غير متواجد حالياً   رد مع اقتباس
قديم 05-29-2013, 06:51 AM   #6
Po!nt
مدون مميز
 
الصورة الرمزية Po!nt
 
تاريخ التسجيل: Aug 2012
المشاركات: 566
افتراضي رد: اضافة زر الرجوع إلى أعلى لمدونات بلوجر ، مثل مدونة AlamFour

أنا : Po!nt




يرجى عدم وضع ردود بدون داعي بغرض رفع المشاركة فهذا مخالف لقوانين المعهد ... يرجى الإنتباه لذلك في جميع مشاركاتك حتى لا يتعرض حسابك للحظر
__________________
BMTdesigner.com
---------------
موقع يجمع أفضل الأدوات والمصادر وخامات التصميم المفتوحة المصدر والمجانية في موقع واحد لخدمة المصممين
من مواضيع Po!nt

الدعم العربي

Po!nt غير متواجد حالياً   رد مع اقتباس
قديم 05-31-2013, 05:43 PM   #7
مرادكوووم
مدون نشيط
 
الصورة الرمزية مرادكوووم
 
تاريخ التسجيل: Apr 2013
المشاركات: 113
افتراضي رد: اضافة زر الرجوع إلى أعلى لمدونات بلوجر ، مثل مدونة AlamFour

أنا : مرادكوووم




الف شكر
بارك الله فيكم

الدعم العربي

مرادكوووم غير متواجد حالياً   رد مع اقتباس
إضافة رد

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

الكلمات الدلالية (Tags)
مدونة alamfour, www.alamfour.blogspot.com


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

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
بـــُووووووم ||◄مدونة Alamfour ►|| رأيكُـم يهمنــآ ☼ مدونة Alamfour المنتدى الإشهاري 13 06-11-2013 04:17 PM
اضافة زر الذهاب إلى أعلى و زر الذهاب إلى الاسفل في بلوجر بلال حمدان إضافات وأدوات بلوجر 7 05-13-2013 09:59 AM
مشكل بسيط في اعلان أدسنس أعلى الصفحة مدونة المعرفة طلبات الدعم الفني 3 04-19-2013 02:16 AM
الحصول على ميكرونش للحصول على أعلى الأرباح ma-coder الربح عن طريق أدسنس 1 03-10-2013 11:53 AM
اضافة الأيقونات الإجتماعية أعلى التدوينة yosefssss طلبات الدعم الفني 3 08-07-2012 10:56 PM





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

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