نقديم إليك أضافة جميلة جداً وهي النسبة المئوية على مدونتك، ربما قد شاهدت هذه الأضافة فى مدونات أخرى بل ربما أثارت إعجابك.
هذه الإضافة ليس أساسية لمدونات بلوجر ولكن هي تزيد من جمال مدونتك وتجذب الزائر إلى التمرير لأسفل والصعود إلى أعلى حتى يشاهد الأضافة تزيد وتنقص.
وهذه الأضافة ليس إليك فقط أنما لزوار مدونتك حتى يعرفون كم النسبة المئوية الذى ترك فيها الموضوع ربما يعود إلى هذه النقطة مره أخرى ويتذكر فى اى نسبة مئوية ترك الموضوع وعند الوصول إلى نهاية الصفحة تظهر له الأداة أنها وصلت إلى 100%.
طريقة التثبيت
1-ابحث عن <b:skin><![CDATA[ وألصق فوقه مباشرةا
#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;
}
2-نقوم بأضافة هذا الكود بعد/تحت <body>
<div id='scroll'>
<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>
</div>
ليست هناك تعليقات:
إرسال تعليق
تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ))
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي.