-->
­
الرئيسية اضافات بلوجر كود الانتقال لأعلى الصفحة لمدونات بلوجر blogger

كود الانتقال لأعلى الصفحة لمدونات بلوجر blogger

بقلم 7:19 ص أضف تعليق تحرير


بسم الله الرحمن الرحيم

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

نتبع الخطوات التالية:

1- بعد الدخول إلى المدونة اتجه إلى صفحة التصميم ثم تحرير HTML.


ثم ابحث عن كود <head> و بعده مباشرة ضع الأكواد الآتية : 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>بعد ذلك قم بالبحث عن كود ]]></b:skin> و مباشرة فوقها ضع الأكواد الآتية:
#scroll-top {
background-color: #777777; 
border-radius: 24px; 
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8) inset; 
color: #FFFFFF; 
cursor: pointer; 
display: block; 
font-family: Verdana; 
font-size: 2em; 
font-weight: bold; 
line-height: 2em; 
text-align: center; 
text-decoration: none; 
position:fixed; 
width: 48px; 
height: 48px; 
bottom:30px; 
right:20px; 
opacity:0.85; 
transition:opacity 0.25s ease 0s; 
} 
#scroll-top:hover{ 
opacity: 1; 
color: #FFFFFF; 
}
ثم ابحث عن </body> وفوقه مباشرهً ضع الكود التالي
<script type='text/javascript'>
$(function() {
$.fn.scrolltoTop = function() {
var scrollLink = $(this),
win = $(window);
scrollLink.hide();
if (win.scrollTop() != '0'){
scrollLink.fadeIn('slow')
}
win.scroll(function() {
if (win.scrollTop() == '0'){
scrollLink.fadeOut('slow')
}
else{
scrollLink.fadeIn('slow')
}
});
scrollLink.click(function() {
$('html, body').animate({
scrollTop: 0
}, 'slow')
})
}
});
$(function() {
$('#scroll-top').scrolltoTop();
});
</script>
<a id='scroll-top' href='#' title='الي الاعلى'>^</a>
و أخيرا اضغط حفظ القالب و مبروك عليك

معاينه للاضافة


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

اشترك في آخر تحديثات المقالات عبر البريد الإلكتروني:

0 الرد على "كود الانتقال لأعلى الصفحة لمدونات بلوجر blogger"

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)

إعلان أسفل عنوان المشاركة

إعلان وسط المشاركات 1

إعلان وسط المشاركات اسفل قليلا 2

إعلان أسفل المشاركات