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

الصفحات

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

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


 إضافة جديدة إلى مدونة Blogger ، وهي إضافة الزر الصعود للأعلى ، فهذه الوظيفة الإضافية مفيدة ومهمة لزوار موقعك في حالة ما أراد الصعود لأعلى مدونتك بسرعة وبضغطة زر، وطريقة وضع هذه الإضافة سهلة للغاية ، و لا تحتاج إلى الخبرة في التعامل مع الأكواد . هذا فيديو قصير لمعاينة شكل الإضافة:



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

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

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


  1. ادخل لحسابك في بلوجر
  2. اختر المظهر
  3. ثم افتح تعديل HTML



  1. في لوحة المفاتيح انقر مرة واحدة على زر ctrl مع حرف f
  2. سيظهر لك مربع البحث 
  3. ثم ابحث عن </body> سوف تجده في آخر أكواد القالب في الأسفل
وضع هذا الرمز فوقه:

<style>
#sbtbacktotop{
background: url(//1.bp.blogspot.com/-CH03QlSNpBY/UnCY1gMhmXI/AAAAAAAACaM/qZaVYNrP0-s/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(//1.bp.blogspot.com/-CH03QlSNpBY/UnCY1gMhmXI/AAAAAAAACaM/qZaVYNrP0-s/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>

وقم بحفظ القالب وستعمل الإضافة في موقعك إن شاء الله .

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


  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
إظهار التعليقات