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

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

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

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

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

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

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

- تحرير 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/AVvXsEikWFmkH_v1rKHht2hB14SX8zIJou3-_CqwG_ETX7C9xRq8gVUys95Y-l9lnG31nCCaMxi9xvjBj_Eg6VFH26cYxESvbUtZ4JccAt86qjpcGSWUKp1a3_Rreee283hUpdAtHQuetQKSce8A/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>

• غرد
• شاركه
• شاركه
• شاركه
• شاركه

مقالات قد تهمك