إضافة زر الصعود إلى أعلى لمدونات بلوجر V2

السلام عليكم .... �� , اليوم لدينا اضافة جديدة من اضافات بلوجر , الا وهي إضافة زر الصعود إلى أعلى �� لمدونات بلوجر V2 , أضافة جميلة تساعد زوارك على الصعود لأعلي بسرعة �� وبدون تعب , متناسقة مع شكل التدوينات , تتميز �� باللون الرصاصي والابيض الغامق , نتوجة الان الى معاينة الاضافة ومن ثم تركيبها


1. ابحث عن ]]></b:skin> ثم ضع الكود التالي فوقه

الكود

/* Back To Top By www.Pro7web.com */
.backtotop-Pro7web{display:none}.backtotop-Pro7web{position:fixed;bottom:50px;right:0;cursor:pointer;font-weight:bold;box-shadow:-5px 5px rgba(0,0,0,.1);padding:10px;background-color:#fff;opacity:.6}.backtotop-Pro7web span{background-image:url(https://2.bp.blogspot.com/-QLZM-aUhB6w/VyL3AeOfEfI/AAAAAAAADBU/g6Ff-NvsU_c3ZZn3LM0luDDCRnQjzEK9wCLcB/s1600/icon.png);background-position:0 -272px;background-repeat:no-repeat;height:25px;width:22px;display:inline-block;vertical-align:middle;margin-right:5px }.backtotop-Pro7web:hover{opacity:1}

2. ابحث عن </body> ثم ضع الكود التالي فوقه

الكود

<div class="backtotop-Pro7web hide"><span></span></div>
<script type='text/javascript'>
$(function(){$(window).scroll(function(){$(this).scrollTop()>100?$(".backtotop-Pro7web").fadeIn():$(".backtotop-Pro7web").fadeOut()}),$(".backtotop-Pro7web").click(function(){return $("html,body").animate({scrollTop:0},800),!1})});
</script>

قم بحفظ النموذج ومبروك عليك الاضافة

لا تنسا ان تكن من أعضاء المدونة من هنا , إذا واجهتك اي مشكلة لا تترد فى ترك تعليق
شارك المقال على :

التعليقات

لا توجد تعليقات حتى الآن، كن أول من يعلق

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة

المشاركات الشائعة

أحدث التعليقات

رسالة!

نأسف بشده عن عدم الرد علي بعض تعليقاتكم ورسائلكم ، نظرا لانشغالي بالامتحانات ، اتمني منكم الدعاء لي بالنجاح ، واتمني لقم قضاء أجمل الاوقات معنا في " برو ويب " وسوف اعود لكم في 24/6

اذا كان لديكم اي استفسار مهم تفضلو بمراسلتني من حسابي علي الفيسبوك من هنا
تم النسخ