أكتب إسم موقع أو شركة ..

الخميس، 21 مايو 2015

اضافة زر الصعود للأعلى بعدة أشكال مميزة

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



1- نذهب الى : تخطيط أو LAYOUT





2- ثم نضغط على  اضاففة أداة 



3- ثم نختار  HTML/JavaScript

ثم اختر الزر الذي يعجبك ،قم باضافته وحفضه :

Button No #1


<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://1.bp.blogspot.com/-tlTfBPxu_3w/VBhmg1P7KAI/AAAAAAAAEGk/CZnyuiuu_4k/s1600/Back-to-top-button.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #2

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://2.bp.blogspot.com/-3sXsLU1aW3s/USDkamRLRZI/AAAAAAAAAj4/UOoh-GJWUdI/s1600/back+to+top+button.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #3

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://1.bp.blogspot.com/-b3YWne8aCdw/USDmXTnyUiI/AAAAAAAAAkg/SieNqYTVQKQ/s1600/back-to-top-button.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #4

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://4.bp.blogspot.com/-hsRaTBL9lpY/USDb4Wzo2WI/AAAAAAAAAiU/2eSTakNmCOE/s1600/back+to+top.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #5

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://2.bp.blogspot.com/-36z7H3mWlZ0/USDizr47anI/AAAAAAAAAjU/8SoPm-odD7I/s1600/back_to_top_button.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #6

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/-ggvoO88bhfM/USDi6IWVtFI/AAAAAAAAAjc/n4vpSkZgR00/s1600/back+to+top.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #7

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://4.bp.blogspot.com/-BWmnRp-sR9o/USDmkStjAcI/AAAAAAAAAko/q6nJN8bXMZ8/s1600/back-to-top-button.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #8

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/-Urx3H8aFQmY/USDkbnvSsLI/AAAAAAAAAkA/Wm4OkKT9yRI/s1600/back+to+top.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #9

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://4.bp.blogspot.com/-nhvmIT-UOiY/USDh-EyeKDI/AAAAAAAAAjE/hjEdj5OMvO0/s1600/back+to+top.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #10

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://4.bp.blogspot.com/-y2BIm2-mphA/UQLlFFt1-MI/AAAAAAAAAXo/lXvFBVnpLjc/s1600/Back-To-Top.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #11

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://2.bp.blogspot.com/-C3ZJY99YKfo/USDmD4KR-zI/AAAAAAAAAkY/3fO83hpF2Zk/s1600/back-to-top-button.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #12

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://2.bp.blogspot.com/-BkNGUImcIV4/USDcBMHYjqI/AAAAAAAAAig/qEtwRO4pH6Q/s1600/back+to+top.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #13

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/-yhJXvPXAuNw/UQLk-mySRjI/AAAAAAAAAXg/pIAnUf9q1c8/s1600/Back-To-Top.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #14

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/-X5sq11nsiNY/USDiu1zNWSI/AAAAAAAAAjM/8Y6vn3Vx6kQ/s1600/back+to+top+button.png"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #15

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://2.bp.blogspot.com/-PEmadyDjsUw/USDjUyqlWsI/AAAAAAAAAjs/oVRttmskRfc/s1600/back+to+top+button.gif"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->

Button No #16

<!--BACK to TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://3.bp.blogspot.com/-WH_FEtT_Cvs/USDjPDtErPI/AAAAAAAAAjk/0BNlHdiUu9w/s1600/back+to+top+button.gif"/></a><!--spicebloggertricks.com-->
<!--BACK to Top ENDS-->


▩ مواضيع مقترحة :
هل إستفدت من هذا الموضوع ؟ من فضلك شاركه على :

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

جميع الحقوق محفوظة لــ: Azzoudz 2017-2013 ©