إضافة جديده بعد توفق للمدونة عن النشر هى اضافة ليست بجديده ولكن احببت ان اشاركها معكم وهى إضافة أضافة النسبة المئوية في شريط التمرير الجانبى للمدونة وانا اعتقد انها سوف تعجب الكثيرون من المدونين.
- قم بالبحث فى قالب مدونت عن الوسم
<b:skin/><[[ - ثم قم بوضع الكود التالى فوقه - قبله:
#scroll { display:none; position:fixed; top:0; right:15px; z-index:500; padding:3px 8px; background-color:#F74047; 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:#F74047; }
- قم بالبحث فى قالب مدونتك عن الوسم
<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>
قم بالبحث فى قالب مدونتك عن الوسم <body>
ثم قم بوضع الكود المجاور اسفل >>> <div id='scroll'></div>
إضافة جديده بعد توفق للمدونة عن النشر هى اضافة ليست بجديده ولكن احببت ان اشاركها معكم وهى إضافة أضافة النسبة المئوية في شريط التمرير الجانبى للمدونة وانا اعتقد انها سوف تعجب الكثيرون من المدونين.
- قم بالبحث فى قالب مدونت عن الوسم
<b:skin/><[[ - ثم قم بوضع الكود التالى فوقه - قبله:
#scroll { display:none; position:fixed; top:0; right:15px; z-index:500; padding:3px 8px; background-color:#F74047; 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:#F74047; }
- قم بالبحث فى قالب مدونتك عن الوسم
<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>
قم بالبحث فى قالب مدونتك عن الوسم <body>
ثم قم بوضع الكود المجاور اسفل >>> <div id='scroll'></div>
