إضافة زر الصعود إلى أعلى لمدونات بلوجر 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>

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

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

شارك المقال على :

فيس بوك

تويتر

جوجل بلس

لينكد إن

Karim Mahran‏

كريم مهران , من مصر , مصمم ومطور مواقع , متخصص تحديداً في منصة بلوجر , شغوفٌ بالتدوين , أنشات هذه المدونة لأقدّم لك مُنتجــاً حصرياً أحرص أن يكــون مُفيــداً وشيّقــاً مُختلفاً لك ,محب لإفادة الأخرين بما أملك , أطمح من خلال مقالاتي على هذة المدونة أن تساعِدك على تحقيق أهدافِك و تسهيل حياتك لتُصبح أكثر عطاءاً و إنتاجيّة.

المزيد عني

السابق التالي

مواضيع ذات صلة :