تطبيق الرجوع لراس الصفحة و من اجمل التطبيقات المتوفرة على البلوج فهي تسهل تصفح المستخدم للموقع بدون عناء وبشكل سلس
اليوم وعلى غير العادة سنشرح اضافة خاصية الرجوع للاعلى في مدونة بلوجر وفي الحقيقة الكليعلم ان كثرة التطبيقات والسكربتات على المدونة تجعل منها بطيئة التصفح لاكننا سنقوم باضافة ذ الخاصية حيث تبقى اسفل الصفحة وعندما يجدا المتصفح ويضغط عليها تعيد للاعلى اي اننا سنضرب كلا العصفورين سرعة المدونة تابتة + كربت زر الصعودج للاعلى
اولا قم بالتوج الى لوحة تحكم مدونتك وادخل قسم القوالب (يحبذ دائما الاحتفاظ بنسخة للقالب الاصلى)
افتح Edit HTML. ثم قم بالبحث عن الكود التالي </head> ثم م بوضع الكود التالي فوقه بالضبط
ثم قم بالبح عن الكود التالي </body> ونسخ هذا الكودج فوق بالضبط<!-- Back to top By Conquer9 -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'
type='text/javascript'></script>
<script language="javascript">
$(window).ready(function(){
$('#techsperiabtt').click(function(e){
e.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
});
</script>
<!-- Back to top By Conquer9 -->
<a href="#" id="techsperiabtt"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcOFQPqLZ8YhqUo2vzghaeyx370GSutQ1cY_NpoFPldAYFrTYGfScyB7N63Xmr1ev5LYuXOps_Xeo9w12v19eFuf17BW9RU1FmDMEfU3OeNHp2oZkccmdPCt5jU_Jro9U4gZUc1kaLRfM/s1600/Back+to+top+icon+very+dark.png" alt="Back To Top" title="Back To Top" /></a>
قم باستبدال الرابط الازرق برابط صورتك الخاصة
الجزء التاني اضافة زر يظر تلقائيا عند النزول
ابحث عن <body/> ثم قم بوضع احد الاكواد التالية فوقه بالضبط
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow2.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow1.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow13.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow7.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow19.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow23.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow42.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow92.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow50.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow39.js"></script>
<noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript>
تعليقات
إرسال تعليق