Please Add Preloader

اضافة زر الصعود الى اعلى الصفحة في مدونات بلوجر

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

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



للمعاينة إضغط هنا

طريقة اضافة الزر
1.اذهب الى لوحة التحكم في مدونتك اختر القالب
2.تحرير html
3.قم بالبحث عن الرمز </body> ثم اضف الكود التالي فوق الرمز بودي



<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<style type="text/css">
#w2b-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;}
</style>
<script type='text/javascript'>
$(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() {
$("#w2b-StoTop").scrollToTop();
});
</script>
<a href='#' id='w2b-StoTop' style='display:none;'>إلى أعلى الصفحة </a>

ملاحظة هامة إذا كان متوفر احد اصدارات ajax الكود باللون الاحمر لا تقم بإضافته مرة أخرى من أجل تجنب الاخطاء وعادةً يكون موجود فوق الرمز </head>
فقط ابحث عن هذه الكلمة ajax  اذا كانت متوفرة لا حاجة لإضافة

ثم اختر حفظ




هذا كل شيئ حظا طيبا

لا توجد أراء حول “اضافة زر الصعود الى اعلى الصفحة في مدونات بلوجر”
  1. شكراً لك
    في هذه الاضافة لا يمكن تغيير الصورة للأسف
    بالنسبة للابتسامات الإضافة موجودة في موضوع آخر بالمدونة

    1. السلام عليكم

      أرجوا منك افادتي في حل هذه المشكلة

      عندما أضع هذه الاضافة يحدث لدي تعارض مع السلايدشو فيتوقف ويختفي..

      أرجو منك افادتي بحل لمشكلة هذا التعارض في الكودين.. أي ماذا اضيف للكود حتى يحل هذا التعارض

      1. وعليكم السلام اهلا بك
        لا تقلق اخي تم تعديل الموضوع اضف فقط الكود ذا اللون الابيض لان الكود الخاص ب ajax باللون الاحمر متوفر في مدونتك بل حاجة لاضافته هكذا سوف تعمل بدون اخطاء :d

        1. أشكرك جزيلا يا أخي..

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

          أرجو منك ايجاد حل للتغلب على هذه المشكلة وما هو التعديل الذي سيحل هذا التعارض بين السلايدين

  2. اهلا بك
    غير فقط الكلمة التي تمت الإشارة إليها باللون الازرق right وإستبدالها بكلمة left فقط

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *