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

الجمعة، 28 أبريل 2017

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

زاتو للمعلوميات الجمعة، 28 أبريل 2017 0

السلام عليكم ورحمة الله وبركاته

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

المئوية في شريط التمرير ...

الاضافة حقا رائعة وتعطي مظهرا جذابا للقالب انصحك بتجربتها .

للمعاينة من هــــنـــــا

ميزة الأداة

1 / تمكن الزائر من معرفة نهاية وطول التدوينة (الموضوع) .

وكما قلت لكم تعطي شكل جذاب للمدونة .

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

1 / اذهب الى القالب تحرير . 2 / قم ب البحث عن ]]></b:skin> واضف قبله/فوقه الكود التالي

3 / ثم قم بوضع الكود التالي فوقه (قبله)

#scroll {
display:none;
position:fixed;
top:0;
right:15px;
z-index:500;
padding:3px 8px;
background-color:#32C2A5;
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;
}

الكود المحدد ب الون الأصفر هو لون الأداة يمكنك تغييرها .

4 / قم ب البحث عن <body> وضع اسفله الكود التالي :

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

5 / قم ب البحث عن </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>

ان واجهتا ايت مشاكل يرجا تركها كـــ تعليق ونسرد عليك ب الحلول ...

لاتنسوا الاشتراك في متابعيين المدونة من الاضافة في اسفل المدونة

تتوصلوا بكل جديد من مواضيع او الأشتراك ب النشرة البريدية اسفل نهاية المدونة

♥☺

أقسام الموضوع : اضافات بلوجر

فـريـق عـمـل الموقع :

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

ليست هناك تعليقات:

تذكر : (( ما يلفظ من قول إلا لديه رقيب عتيد ))

{ يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع }

الأبتساماتأخفاء الأبتسامات

عن الموقع

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

الجمعة، 28 أبريل 2017