شرح كيفية إضافة زر الذهاب الى فوق لمدونات بلوجر

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

طريقة تركيب زر الذهاب الى اعلى الصفحة

- إذهـب الى لوحة تحكم في مدونتك ثم اختر قالب

- تحرير 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/AVvXsEg5IJSHLNRLjRyqUerDZOUnuAMh70ElZTQVnsqiwoXPz95cKbke8TuZaqEkZc-UN-IxSLeBUdGz8wfkDqo5pz2ofhGYyaQD0wkfEYR4fl4AvSYmTQkEbLIXd2jPII-USZm-tiwsDppCGHvZ/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>

أو تابع الشرح في الفيديو

مدير الموقع

تطوير المواقع والبرمجة وامن المعلوميات

فيسبوك

تويتر

انستغرام

شارك هذا المنشور

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

مواضيع ذات صلة