أهلا وسهلا بك عزيزي الزائر في المدونة التعليمية للحاسوب فما رأيك بالقالب الجديد؟؟

اضافة زر الصعود الى الاعلى فى مدونات بلوجر


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

بسم الله و الحمدلله و الصلاو و السلام على رسول الله و بعد :-

اليوم معنا طريقة إضافة زر الصعود الى الاعلى لمدونات بلوجر 

الطريقة سهلة جدا نبدأ على بركة الله

1- نذهب الى بلوجر >>  قالب  >> تحرير html
2- ابحث عن <head/>   و أضف قبله الكود التالى 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css">#w2btoTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(http://2.bp.blogspot.com/-oVa1ImctF7c/Tdouv3K7NyI/AAAAAAAAA38/xT4bu8uKM3M/way2blogging.org.ui.totop.png) no-repeat left top;}#w2btoTopHover {background:url(http://2.bp.blogspot.com/-oVa1ImctF7c/Tdouv3K7NyI/AAAAAAAAA38/xT4bu8uKM3M/way2blogging.org.ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}#w2btoTop:active, #w2btoTop:focus {outline:none;}</style><script src="http://widgets.way2blogging.org/blogger-widgets/w2b-jquery.ui.totop.js" type="text/javascript"></script><script type="text/javascript">/*<![CDATA[*/;(function($){$().UItoTop({easingType:'easeOutCirc'});})(jQuery); /*]]>*/</script>
 

و الان تمت الاضافة بنجاح لا تنسوا ترك تعليقاتم

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

آخر مقالات المدونة

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

  1. بارك الله فيك اخى

    ردحذف
  2. شكرا لك اخي الكريم شرح مميز من شخص أكثر تميز :)

    ردحذف
  3. شكرا اخي وانت كمان دائما للأعلى

    ردحذف
  4. يسعدنى أن تكون زائر لمدونتى أساحبى كوميكس
    www.asa7becomecs.blogspot.com

    ردحذف
  5. شكرا على مروركما الكريم شرفتم المدونة

    ردحذف
  6. احسنت بارك الله فيك
    http://safa1434.blogspot.com

    ردحذف

إذا أردت عزيزي الزائر إدراج فيديو من يوتوب بتعليق قم بالتالي
[youtube]رابط فيديو يوتوب هنا[/youtube]
كما يمكنك إدراج صورة عبر الكود التالي
[img]رابط صورتك هنا[/img]

جميع الحقوق محفوظة لمدونة المدونة التعليمية للكومبيوتر 2013

تصميم : بويردن