صفحة اعادة توجيه الروابط لمدونات بلوجر مع العداد و الربح منها

اضافة النسبة المؤية لشريط التمرير لمدونات بلوجر

تكملة مواضعنا فى قسم اضافات بلوجر الاضافة التى سوف نتعرف عليها هى اضافة 

لتجميل مظهر القالبوالاضافة جميلة جدا واحترافية وخفيفه على القالب ولا تؤثر على سرعة القالب 

ولا تخالف سياسة جوجل ادسنس

اضافة النسبة المئوية لشريط التمرير لمدونات بلوجر

الا وهى اضافة النسبة المئوية لشريط التمرير عند تواجد الزائر ويقراء المقال كلما مرر 

الى اسفل او اعلى الصفحه تظهر له النسبة المؤية للصفحه بشكل مميز ثم تختفى 

وكلما مرر الى اى اتجاه تظهر من جديد

طريقة وضع الاكواد والتعديل عليها تابع الشرح

طريقة تركيب الإضافة

1. أذهب الى المدونة التي تريد التعديل عليها
2. وثم توجه الى المظهر ولا تنسى أن تحتفظ بنسخه إحتياطيه
3. ثم أضغط على تعديل HTML
4. ثم أضغط ctrl + f
5. ثم أبحث عن الوسم ]]></b:skin>
6. ضع الكود التالي قبله اى فوقه مباشرة

#scroll {
  display:none;
  position:fixed;
  top:0;
  right:15px;
  z-index:500;
  padding:3px 8px;
  background-color:#369fcf;
  color:#fff;
  border-radius:3px;
  font-size:14px;  
}
#scroll:after {
  content: " ";
  position: absolute;
  top:50%;
  right:-10px;
  height:0;
  width:0;
  margin-top:-6px;
  border:6px solid transparent;
  border-left-color:#369fcf;
}

التعديل على الاكواد

1. #369fcf لون خلفية الاضافة يمكنك تغيره بما يناسب لون موقعك
2. #fff لون كتابة النسبه المئوية
3. #369fcf لون السهم الصغير الموجود يمين الاضافة

ثانيا" :

ضع الكود التالى اسفل الواسم </head> كما بالصوة

<div  id = 'scroll'> </div>

ثالثا" :

ضع الكود التالى اعلى اى فوق الواسم </body>

<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(600);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut(600);
    }, 1000);
});
//]]>
</script>

ثم اضغط حفظ المظهر ومبروك عليك الاضافة