الموضوع
اقرأ ايضًا
التعليقات
عن الكاتب
تعليمات
دائما ما نبحث عن إضافات جديدة لموقعنا حتى إن تواجدت فلا بد أنك تفكر بتغييرها لتحديث أجمل وأفضل، وهذا ما سنتطرق إليه في هذه التدوينة، في إضافة زر صعود للأعلى وهو زر لا غنى عنه يُسهل على المتصفح العودة لأعلى الصفحة بسهولة وسرعة تامة بشكل جميل
1. توجه لقالب >> تحرير
2. ابحث بإستعمال Ctrl+F عن <head/> ثم ضع الكود التالي فوقه
* الكود هو فقط لإظهار الأيقونة إذا كنت تتوفر عليه فلا داعي لإضافته
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
3. ابحث عن ]]></b:skin ثم ضع الكود التالي فوقه.smoothscroll-top {
position:fixed;
opacity:0;
visibility:hidden;
overflow:hidden;
text-align:center;
z-index:99;
background-color:#2ba6e1;
color:#fff;
width:47px;
height:44px;
line-height:44px;
right:25px;
bottom:-25px;
padding-top:2px;
border-radius:5px;
transition:all 0.5s ease-in-out;
transition-delay:0.2s;
}
.smoothscroll-top:hover {
background-color:#3eb2ea;
color:#fff;
transition:all 0.2s ease-in-out;
transition-delay:0s;
}
.smoothscroll-top.show {
visibility:visible;
cursor:pointer;
opacity:1;
bottom:25px;
}
.smoothscroll-top i.fa {
line-height:inherit;
}
4. ابحث عن <body/> ثم ضع الكود التالي فوقه<div class="smoothscroll-top">
<span class="scroll-top-inner">
<i class="fa fa-2x fa-arrow-circle-up"></i>
</span>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$(document).on( 'scroll', function(){
if ($(window).scrollTop() > 100) {
$('.smoothscroll-top').addClass('show');
} else {
$('.smoothscroll-top').removeClass('show');
}
});
$('.smoothscroll-top').on('click', scrollToTop);
});
function scrollToTop() {
verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
element = $('body');
offset = element.offset();
offsetTop = offset.top;
$('html, body').animate({scrollTop: offsetTop}, 600, 'linear');
}
//]]>
</script>
ملحوظة:
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻
إرشادات
- موقع : Mediafire
- موقع :file-upload
- باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
- تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
- كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
- إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
تحميل الملفات
أين تجدنا؟
كلمة الختام
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم
أزال المؤلف هذا التعليق.
ردحذفسيتم تخصيص موضوع خاص لشرح عمل الطريقة وإضافاته في الأيام القادمة ، حاليا لدي بعض المهام ريتما أنتهي منها..
حذفأزال المؤلف هذا التعليق.
حذفأخي أريد طريقة إضافة السمايلات إلى مدونتي أي فوق تعليق
ردحذفأخي أستسمحك لقد نسيت أن تضيف كود الجي كوري
ردحذفبالطبع قبل
لانه مهم لكي تعمل الاضافة وشكرا لك
بالتوفيق
شكراً لك، لكن الأغلبية وكل القوالب يكون بها ذاك الكود على العموم تشكر
ردحذفwww.zied1web.blogspot.com
ردحذفشكرا لك أخي
ردحذفإضافة زر الصعود إلى أعلى بأشكال جميلة ومختلفة لمدونات بلوجر
http://mido4tech.blogspot.com/2015/04/Button-BackTo-Top.html
]]></b:skin
ردحذفغير موجود بالمدونه
إبحث عن skin فقط وستجدها
ردحذفكيف احذف الموجود من اصل القالب وتركيب جديد
ردحذفأترك رابط المعاينة
حذفبارك الله فيك ^^
ردحذفمشكور اخي fenlweb.com
ردحذف