السبت، 21 فبراير 2015

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

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

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

لسلام عليكم ورحمة الله تعالى وبركاته، زر الذهاب الى بداية الصفحة هو اضافة جميلة لمدونات بلوجر حيث عند إضافتها تسهل على الزائر الكريم لمدونتك سرعة الانتقال من اسفل الصفحة الى الاعلى وبكبسة زر فقط، لذا أحضرت لكم كود الإضافة لهذا الزر وأتمنى أن ينال إعجابكم.
ملاحظة: قبل الاقدام على اي تعديل في القالب يجب ان يكون لديك نسخة احتياطية من قالب مدونتك لرجوع اليها عند الضرورة
طريقة تركيب زر الذهاب الى اعلى الصفحة
- إذهـب الى لوحة تحكم في مدونتك ثم اختر قالب
- تحرير 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/AVvXsEgvgy8ty0lkbkU-c8-M3uF8-q04QulCw3JKhAgi753u-a7Uhjzcvi5x7EbSmUFrbhyzJQsSn2l0HMEVpsZh5t1Psk0CY0RVzr49_uVRCHTotcPCVgixZE5KjU1_ointk5tiPmqnuOguZ5Qi/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>

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





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

إرسال تعليق

أرشيف المدونة الإلكترونية

يتم التشغيل بواسطة Blogger.
جميع الحقوق محفوظة ل حسني للمعلوميات 2016