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

اضافات بلوجر 



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




معاينة الاداة

طريقة التركيب 




ادخل هناا 


ثم ادخل الى القالب

تحرير HTML


ابحث عن ]]></b:skin> بالضغط على  Ctrl + F


ثم ضع الكود التالي فوقه مباشره

#toTop { 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/AVvXsEjTSC7nbxFNvKuWasSPJofZQhpaFQn9TOykT2bo3aoKLiJzZxibH862zn0oYu__RRg0AOBcceZkAFiYyE6-_Gge5qAvTbm0QRfolQc4AnXVxQnCkY7_IvJmcDmXXp3PLRhvBXg_aTNvFt4/s1600/ui.totop.png) no-repeat left top; } #toTopHover { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTSC7nbxFNvKuWasSPJofZQhpaFQn9TOykT2bo3aoKLiJzZxibH862zn0oYu__RRg0AOBcceZkAFiYyE6-_Gge5qAvTbm0QRfolQc4AnXVxQnCkY7_IvJmcDmXXp3PLRhvBXg_aTNvFt4/s1600/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); } #toTop:active, #toTop:focus { outline:none; }  

 

ثم  ابحث عن </head>



وضع الكود التالي تحته مباشره 

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: &#39;moccaUItoTop&#39;, // fading element id
containerHoverClass: &#39;moccaUIhover&#39;, // fading element hover class
scrollSpeed: 1200,
easingType: &#39;linear&#39; 
};
*/

$().UItoTop({ easingType: &#39;easeOutQuart&#39; });

});

</script>

بمكنك تغيير مكان الزر الى اليسار

 باستبدال right الى left



اذا لم تعمل معك قم بحذف الكود التالي من الكود السابق

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>

اضغط حفظ ومبروك الاضافة 



لا احلل نقل الواضيع .!!