الأخبار
  • تنويه هام: قامت إدارة منتديات دي دي سات بحذف جميع المواضيع التي تحتوي على ملفات أو يوزرات لسيرفرات الايبي تيفي أو السيسكام أو أي سيرفرات للشيرينج وذلك بسبب تقارير انتهاك حقوق الملكية الفكرية التي تفرضها سياسات جوجل حيث أن هذه المخالفات تسببت في حذف العديد من صفحات المنتدى من محرك البحث والإضرار بالمنتدى بشكل عام لذا يمنع نهائيا نشر أي مواضيع تحتوي على سيرفرات مجانية ونشكر جميع الأعضاء على حسن تفهمكم،،، إدارة المنتدى




من فضلك قم بتعطيل أداة مانع الأعلانات أدبلوك AdBlock في المتصفح للدخول للموقع ، أو أستخدم متصفح أخر وشكرا لك :)

إعادة تحميل

أهلا وسهلا بك زائرنا الكريم في منتديات دي دي سات الفضائية، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .



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



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

من الأشياء الهامة لأي صاحب مدونة أو موقع هو أن يلقى الزائر سهولة في الحركة والتنقل داخل صفحات الموقع أو المدونة، وخاصة ا .. Yqhtm .v hgwu,] gHugn hgwtpm f'vdrm sigm ,fsd'm fHa;hg jkhsf l],khj fg,[v



15-08-2020 08:37 مساء
Abu Dimah
المدير العام
rating
الأوسمة:1
وسام الإدارة
وسام الإدارة
معلومات الكاتب ▼
تاريخ الإنضمام : 19-09-2019
رقم العضوية : 1
المشاركات : 1523
الدولة : الكويت
الجنس : ذكر
الدعوات : 1
رصيد البنك: 290.68$
المنتجات: 72
مشاركات مكتبة الميديا: 169
قوة السمعة : 1216
موقعي : زيارة موقعي
 offline 

من الأشياء الهامة لأي صاحب مدونة أو موقع هو أن يلقى الزائر سهولة في الحركة والتنقل داخل صفحات الموقع أو المدونة، وخاصة المواقع أو المدونات ذات الصفحات الرأسية الطويلة، حيث أن الزائر عند تصفح موقعك والنزول لأسفل صفحة الموقع لقراءة موضوع ما، وإذا أراد الزائر الصعود والرجوع مرة أخرى لأعلى الصفحة لقراءة موضوع أخر أو لاختيار أحد الأقسام الرئيسية للموقع، فإن الأمر يصبح مزعج بعض الشيء خاصة مع المواقع ذات الصفحات الطويلة.
لذلك في هذا الموضوع سأشرح لكم طريقة إضافة زر الصعود التلقائي لأعلى صفحة موقعك بمجرد الضغط عليه، وذلك بطريقة بسيطة وسهلة جدا دون تعقيد وبدون الدخول على صفحة أكواد القالب أو العبث بأكواد قالب مدونتك، وأيضا بأشكال جميلة تناسب موقعك.
إضافة زر الصعود لأعلى الصفحة بطريقة سهلة وبسيطة بأشكال تناسب مدونات بلوجر
 إضافة زر الصعود لأعلى الصفحة بطريقة سهلة وبسيطة بأشكال تناسب مدونات بلوجر
تُوفر خاصية الصعود إلى الأعلى للزوار..سلاسلة أكبر للصعود إلى أعلى الموقع ..
خصوصا بعد إنتهاء الزائر من قراءة الموضوع الذي دخل لتصفحه .. حيث يصعد بشكل إنسيابي وسهل

خطوات إضافة زر الصعود لأعلى الصفحة:

  • >من لوحة تحكم بلوجر الرئيسية لمدونتك.. إختر " تخطيط "
  • >اضغط على "إضافة أداة جديدة"..
  • >إنشاء أداة جديدة من نوع" HTML/Javas c r i p t "..
  • >ثم قم بـ نسخ و لصق الكود التالي في " المُحتوى"..
  • >ثم اضغط على "حفظ"..

<s c r i p t type="text/javas c r i p t" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></s c r i p t>
<s c r i p t type="text/javas c r i p t" >
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 d*ocument up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="ضع هنا رابط الصورة المناسبة للزر" />', //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 Javas c r i p t
            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);
    },
/*<a href='http://www.forulike.com'></a>*/
    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(d*ocument).ready(function($){
            var mainobj=scrolltotop
            var iebrws=d*ocument.all
            mainobj.cssfixedsupport=!iebrws || iebrws && d*ocument.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (d*ocument.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'a*bsolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'إصعد إلى الأعلى !'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
/*<a href='http://BloggerAdsenSeO.blogspot.com'></a>*/
            if (d*ocument.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[ rel="nofollow" href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</s c r i p t>



تغييرات على الكود :
>
ضع رابط صورة الزر (الموجودة باللون البرتقالي)  من روابط الصور التالية..
(حسب لون وشكل أيقونة إضافة الصعود للأعلى التي تناسب موقعك..)
>كما يمكنك إزالة جملة "إصعد إلى الأعلى..!" الموجودة بالكود لكي لا تظهر عند تمرير الماوس على صورة الإضافة ..
>ثم اضغط على "حفظ" ..




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


ومبروك عليك إضافة رز "إصعد إلى الأعلى!" في مدونتك..

ولا تنسوا إبداء رأيكم بالتعليقات أسفل الموضوع ..
 فتشجيعكم مُحفز لنا لتقديم الأفضل

آخر مواضيع القسم
  1. خط كوكن نيكست Cocon Next Arabic Font الأنيق https:...
  2. تفعيل برنامج Wondershare Filmora 8.3.5 أفضل وأسهل ...
  3. تحميل قالب ووردبريس عربي إخباري تقني احترافي Janna...
  4. حل مشكلة رسالة الخطأ 0XC0000022 ، وعدم تشغيل بعض ا...
  5. تنشيط جميع إصدارات الويندوز والأوفيس بضغطة زر
  6. كيفية استخراج سيريال Product Key مفتاح المنتج الوي...
  7. قالب دندومه Dandoma 2017 Template قالب بلوجر حصري ...
  8. تحميل برنامج فيسبوك مسنجر للكمبيوتر Messenger for ...
  9. طريقة إضافة صندوق الاشتراك بقناتك على يوتيوب على م...
  10. ميزة جديدة يقدمها يوتيوب تمكنك من حذف أو تعتيم أي جزء داخل الفيديو



Yqhtm .v hgwu,] gHugn hgwtpm f'vdrm sigm ,fsd'm fHa;hg jkhsf l],khj fg,[v

تقييم الموضوع:
الرجاء تقييم الموضوع
توقيع :Abu Dimah
تذكر : لكي تتم مساعدتك في استفساراتك وطلباتك ومشاركاتك

 

يجب عليك الالتزام بتطبيق قوانين منتديات دي دي سات الفضائية






الكلمات الدلالية
لا يوجد كلمات دلالية ..


 








الساعة الآن 05:01 مساء


أقسام المنتدى
نظام البث التلفزيوني الأرضي الرقمي DTV- والبث العادي UHF @ نظام البث - H265 HEVC @ منتدى منتجات شركة آبل (الآيفون، الآيباد، ساعات آبل، سماعات آبل) @ منتدى شروحات يوتيوب @ منتدى تركيب الدش واستقبال الأقمار الصناعية @ منتدى القنوات الرياضية على جميع الأقمار @ منتدى الأخبار الرياضية @ منتدى ألعاب الموبايل Games for Mobile (جديد) @ منتدى ألعاب الكمبيوتر Games for PC (جديد) @ منتدى أخبار التقنية @ منتدى أجهزة الأندرويد (موبايل، تابلت) @ منتدى أجهزة أندرويد المختلفة Android TV Box HD @ ملحقات برمجية Addons لمنتديات PBBoard @ مقالات من فوريو لايك للتقنية @ مساحة إعلانية @ محطات الإذاعات والردايو الفضائية @ قوالب بلوجر Blogger Templates @ قمر يوتلسات 16 شرق Eutelsat 16E @ قمر ياه سات الاماراتي Al Yah Sat 52.5 @ قمر بدر - عربسات - سهيل سات @ قمر الهوتبيرد الأوروبي Hotbird 13W @ قمر آموس Amos 4W @ قسم شاشات السمارت Smart TV @ قسم تجديد اشتراكات سيرفر ناشير NaShare @ قسم الدعم الفني لأجهزة نوفا Nova @ قسم الدعم الفني لأجهزة كيوماكس Qmax عبدالعال @ قسم الدعم الفني لأجهزة سيناتور Senator من ألفا جروب @ قسم الدعم الفني لأجهزة تايجر من العرفة جروب Tiger AG @ قسم أعمال التصميم والجرافيكس @ قسم أخبار وترددات قنوات بي إن beIN @ غرائب العلوم والطبيعة | ثقف نفسك @ ستايلات منتديات PBBoard @ دعم وتطوير منتديات استضافة أحلى منتدى المجانية @ دعم وتطوير منتديات PBBoard @ دعم وتطوير مدونات بلوجر @ تطبيقات apk وبرامج iptv لأجهزة الأندرويد (التطبيقات المدفوعة) @ تطبيقات apk وبرامج iptv لأجهزة الأندرويد (التطبيقات المجانية) @ ترددات جميع الاقمار العاملة للاستقبال والمشاهدة @ المواضيع المخالفة والمكررة (X) @ المنتدى الفضائي العام @ الدعم الفني لأجهزة نكست Next @ الاكسسوارات الذكية (ساعات ذكية، ميزان ذكي، السماعات، Smart accessories) @ اختراعات وتكنولوجيا @ إضافات بلوجر @ إشهار المواقع والمنتديات والإعلانات مجانا @ أخبار وعروض شركات الاتصالات والإنترنت @ أجهزة لورنس - Lawrence @ أجهزة الهيوماكس HUMAX @ قمر يوتلسات Eutelsat 9B @ قمر النايلسات Nilesat 7W @ قمر استرا Astra 3B @ 23.5 @ قمر أسترا 19 @ قسم منتجات أجهزة جولدن GOLDEN BOX HD @ قسم ملفات القنوات أجهزة تايجر TIGER @ قسم لودرات وبرامج الاتصال أجهزة تايجر HD - SD tiger @ قسم سفتكام - الكودات- الشيفرات -اجهزة تايجر - TIGER @ قسم تجديد اشتراكات سيرفر فوريفر Forever @ قسم تجديد اشتراكات سيرفر جي شير G-Share @ قسم برامج الكمبيوتر(الويندوز والماك) @ قسم برامج الإنترنت والشبكات @ قسم التنويهات والإعلانات الإدارية @ قسم الايبي تيفي IPTV @ قسم الاقتراحات والشكاوي العامة @ قسم الأرقام السرية والماستر لجميع الأجهزة @ قسم أجهزة رسيفرات المغرب العربي @ قسم أجهزة الرسيفر المنتشرة في السوق المصري @ قسم أجهزة آيكون icone HD @ قسم أجهزة star track HD @ قسم أجهزة GEANT HD @ الترومان TRUMAN @ أجهزة- التكنوسات --TECHNOSAT @ أجهزة تايجر TIGER* موديلات . HD . Z @ أجهزة تايجر TIGER* موديلات . HD . T @ أجهزة تايجر TIGER* موديلات . HD . M @ أجهزة تايجر TIGER* موديلات . HD . i @ أجهزة تايجر TIGER* موديلات . HD . G @ أجهزة تايجر TIGER* موديلات . HD . E @ أجهزة تايجر TIGER أندرويد - Android 4K UHD @ أجهزة أسترا - Astra @ أجهزة - سترونج - STRONG @ StarSat-Starcom ستار سات -ستاركوم- HD @


وسوم المنتدى