تركيب زر الذهاب الى فوق لمدونات بلوجر

إضافة زر التمرير السلس الى الاعلى لمدونة بلوجر
زر, سهم, مؤشر, ايقونة, الذهاب الى الاعلى, فوق

زر الانتقال من اسفل الصفحة الى بداية الصفحة لمدونات بلوجر

زر الذهاب الى بداية الصفحة اضافة جميلة لمدونات بلوجر يسهل على الزائر الكريم لمدونتك سرعة الانتقال من اسفل الصفحة الى الاعلى بكبسة زر مع كمية من الايقونات التي تشير الى الاعلى بالوان واحجام مختلفة

قبل الاقدام على اي تعديل في كود القالب يجب ان يكون لديك نسخة احتياطية من قالب مدونتك لرجوع اليها عند الضرورة
طريقة تركيب زر الذهاب الى اعلى الصفحة
اذهب الى لوحة تحكم مدونتك
اختار التبويت قالب
تحرير HTML
انقر زر متابعه
فعل توسيع قوالب عناصر واجهة المستخدم بوضع علامة الصح
حدد كامل كود القالب بواسطة مفتاحي Ctrl + A
انسخ كامل الكود الى المفكرة واحفظة باسم للعودة الية اذا حصل اي خلل لا سمح الله
ابحث عن الكلمة الاتية بواسطة مفتاحي Ctrl + F

]]></b:skin>

الصق قبلها الكود الاتي قبلها مباشرة

#backtotop {

padding:5px;

position:fixed;

bottom:5px;right:5px;

cursor:pointer;

}

تستطيع تغيير موضع الزر من اليمين الى اليسار باستبدال كلمة right يمين الى left يسار وكذلك الابعاد بواسطة الارقام

ابحث عن الكلمة الاتية 

</body>

الصق قبلها الكود الاتي قبلها مباشرة

<a href='#' id='backtotop'><img alt='back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFPm0OQhqTSHHty1XvdqY8mxOYKmU2wls1D1nz0rftbAww030PBGGifau1Xx9tpBuhYz6b0Qx_h-M7lbx7n3PylN3uq0sfL4PUYRAmKCPFc6B_pwFHmuaR0vecTVWyAWeRZC0qIqyQDXoY/s1600/navigate-up-icon.png'/></a>

<!--Page Navigation by hdhd2010.blogspot.com Starts-->

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=4;

var numshowpage=6;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

تستطيع اختيار الصورة المناسبة لقالب مدونتك بواسطة تغيير رابط الصورة من الكود السابق

مجموعة ايقونات التنقل الى الاعلى

شرح بالفيديو من مندونة المحترف 99 للكمبيوتر

هل أعجبك الموضوع ؟

بقلم مصطفى

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

مواضيع مشابهة :