اليوم مع أضافة جديدة وحصرية من مدونة عرب ديزاينر
اضافة زر الصعود لأعلى بشكل أحترافى لمدونات بلوجر فهذه الاضافة جميلة وبسيطة ومفيدة للزائر كثيرا
فهى تسهل عليه اللجوء الى أعلى الصفحة فى لحظة واحدة بمجر الضغط على هذه الأضافة
نمر الى الشرح
شرح تركيب الأضافة
نذهب الى لوحة التحكم الخاصة بالمدونة
ثم تخطيط ثم أضافة أداة ثم نختار HTML/javascipt
ونقوم بأضافة هذا الكود
<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZOsoI0YQ241-Kfl3DuUCjr138qWNKPp4mLwmoT-vHmKgQUJox9Q2tIS3oB1YaeSzzERS7Iq2BeXy6sY73ahxwOIJBFnxS4y2eg7Exu85lo31fzx9spfap-zoHvY4hbaENZsBrK1XaMCfV/) no-repeat left top;}#w2btoTopHover {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZOsoI0YQ241-Kfl3DuUCjr138qWNKPp4mLwmoT-vHmKgQUJox9Q2tIS3oB1YaeSzzERS7Iq2BeXy6sY73ahxwOIJBFnxS4y2eg7Exu85lo31fzx9spfap-zoHvY4hbaENZsBrK1XaMCfV/) 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>
الاضافة لا تحتاج الى أى تعديل فقط أضغط حفظ ومبروك عليك الأضافة الجديدة
ليست هناك تعليقات:
إرسال تعليق