القائمة الرئيسية

الصفحات

اخر الاخبار

كيفية إضافة زر الصعود للاعلى في مدونة بلوجر بطريقة سهلة | Blogger

كيفية إضافة زر الصعود للاعلى في مدونة بلوجر بطريقة سهلة

 هل تبحث عن كيفية إضافة زر العودة إلى الأعلى الى بلوجر ؟ او عن كيفية إضافة زر الصعود للاعلى في بلوجر ؟

 سنوضح لكم كيفية إضافة زر الرجوع إلى أعلى المدونة في مدونة بلوجر .

مرحبا!! يعد امتلاك زر الصعود للاعلى في مدونة بلوجر blogger أمرًا مفيدًا للغاية وهو أحد أهم الأدوات التي تحتاج إلى تثبيتها للزائرين لجعلهم يشعرون بالراحة مع مدوناتك. في بعض الحالات ، تكون المنشورات علي المدونة طويلة بما يكفي أو تحتوي على أكثر من 100 تعليق ، فأنت تحتاج حقًا إلى هذا النوع من الأداة بحيث يمكن للزائر الوصول بسهولة إلى الجزء العلوي من مدونتك حتى لا يواجه الزائر أي تعب أثناء التمرير للأعلى الصفحة, دون إضاعة المزيد من الوقت ، دعنا نمضي قدمًا ونرى كيفية تثبيت هذه الأداة. يمكنك التحقق من العرض التوضيحي المباشر من خلال زيارة الجزء السفلي من هذه الصفحة.

قبل البدء، نوصيك بعمل نسخة احتياطية من قلب المدونة الخاصة بك ، حتى لا يحدث أي خطأ.

أول شيء عليك القيام به هو تسجيل الدخول إلى حساب Blogger الخاص بك والانتقال إلى >> قوالب >> تحرير HTML والبحث عن النهاية <body/>.

الآن قم بلصق الكود الذي في الأسفل "أعلي" <body/>.

<style>
#sbtbacktotop{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDn5VDbEOayo4jWH0JD4AmDJFblPTmlakNQQGGfyx__SJrmPz4y_8oNTIsJW5hywqjiOp8dc-Gnq7rMSwJok1Nx058I5N4dH8fWUMliwCtdU34nqv1p3bkkLyHoo3QMLv9alJMw_xyD_Ka/s1600/back-to-top-sprite-30224d9b.png) 0 0 no-repeat;
height: 130px;
width: 72px;
padding:5px;
position:fixed;
bottom: 5px;
right: 5px;
cursor:pointer;
transition:none;
    z-index:15;
}
  #sbtbacktotop:hover{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDn5VDbEOayo4jWH0JD4AmDJFblPTmlakNQQGGfyx__SJrmPz4y_8oNTIsJW5hywqjiOp8dc-Gnq7rMSwJok1Nx058I5N4dH8fWUMliwCtdU34nqv1p3bkkLyHoo3QMLv9alJMw_xyD_Ka/s1600/back-to-top-sprite-30224d9b.png)no-repeat;
background-position: 0 -142px;
}
</style>
<!-- Back to top button by SBT -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function(){if($(this).scrollTop()>100)
{$("#sbtbacktotop").removeAttr("href");$("#sbtbacktotop").stop().animate(
{bottom:"0"},{duration:100,queue:false})}
else{$("#sbtbacktotop").stop().animate({bottom:"30000"},
{duration:8000,queue:false})}});$(function()
{$("#sbtbacktotop").click(function()
{$("html, body").animate({scrollTop:0},"slow");
return false})});
//]]>
</script>
<!-- Code provided to you by sbt -->
<a href='#' id='sbtbacktotop'></a>

إذا كان لديك بالفعل أكواد jQuery في مدونتك ، فقم بإزالة الكود البرمجي المميز باللون الأحمر. تم اضغط علي زر حفظ للإكمال الإعدادات.

مبروك !! لقد فعلتها. لقد تعلمت الآن كيفية إضافة زر الرجوع إلى الأعلى في مدونة بلوكر الخاصة بك. قم بزيارة مدونتك وتحقق من الأداة الرائعة مباشرة ، آمل أن تكون قد أحببت هذا المقالة التعليمية، إذا كنت قد استمتعت بها، فيرجى مشاركتها مع أصدقائك.

تعليقات