2016/08/04

10:26 ص

Home » الأنترنت » تطوير المواقع والمدونات » منوعات ثقافية » اضافة لبلوجرblogger زر الصعود الى أعلى الصفحة أو back to top باكثر من شكل

اضافة لبلوجرblogger زر الصعود الى أعلى الصفحة أو back to top باكثر من شكل

الأنترنت تطوير المواقع والمدونات منوعات ثقافية

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

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

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

3- ثم نختار HTML/JavaScript
ثم اختر الزر الذي يعجبك ،قم باضافته وحفضه :

Button No #1

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQpgGF4hyphenhyphen1wjg-Hu2dFFww8l4zLUsGcAAtaCiqDK2dWKCPL2DZTBSSYqEVpvy4ISijfXmlneTPuZJbYfQUkPr3dJvK8JX3pHCnxObnO67BDDKd5r6H-T1ZWE94_BHIIO-QNX152wtTlCMo/s1600/Back-to-top-button.png"/></a>

Button No #2

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheFZ-3mwupGSItqZ-RXVpEaaXPE-zSkRL6pCw5DIbvUhiZmvHA0BCLO6eECclVaWnWSgYOtphY5HMLaoEHBbLcvzlIwPHxEK0bhWf9-RIHONZF-N4s8u4DM1MTFcIZ2jZaG1kJkCRG7dE/s1600/back+to+top+button.png"/></a>

Button No #3

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTWdYKaBtfOL8OY2YvRG-7quRz1ChySf4xB9-86-AxamYP-kk4oT_QdGEwwl5QOHlfN7PvV8ElAzYqs6Kk98EYiPJjAzRZ8IeIh6vgj7aSsmDDf36YXrbRRWM7bG3YVbgNf3DjjzkdlDY/s1600/back-to-top-button.png"/></a>

Button No #4

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7scxh0uqKwHW-akC1VQdZkrwH_eWTCbk4eqWw0LE2IN1ECy2_bUSunIn4kdJjpnnWnlfiK6B-3nXzTnhMhfCiHho3ejeJe0sbOHu9lZIowA1arsR6VKc5CfuV25Hpv_WlS06T4tAuqlc/s1600/back+to+top.png"/></a>

Button No #5

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaBVSAWwIF7R0lJ17OJv0XE5UkUmffpeJFmqd4uuSEr8Sp9J5NDmWsZc0uoAtX-BiopdLVN8a4NxO10wIw-4wmKAGQEy_L8_RBRG5tZCkkTxSZ64lalxN3-wDa0IjSYnVYubx3x37OgCM/s1600/back_to_top_button.png"/></a>

Button No #6

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibtIjFp7jmzXxSwfY8ZYwRvo4sR7wEOXapR7kOZelAA10x7KfmKcyUrXn2hk5-vmC9ngQZIwZM9zEqaLxCFqqKXX8uhL2__ZPM6n_zma5NOGLwPS_QvHnnQHkcs8Po8ec6z-6q-oq3rPI/s1600/back+to+top.png"/></a>

Button No #7

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRMr5_U4_pJdQyk5EnA61ugWv9Ap90AUzaJX8RDqDbgz3PrBmKX6X9cH6jexxql3bahnuSsBbDHUcaycrZV-svdRE-vcbwh5gLs_NALBNQS4kjd-StjlwVgpb-qqybWWvIxPNuRdDdLW8/s1600/back-to-top-button.png"/></a>

Button No #8

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7UWZrrtwQRK8N4E8lxrPaWSf1Fo3N1iTfVIInJumiIc6T9Caf_aAqrDl7044zQxdrwWAp1YczWVVeBtA-Raf4thHEHwHNX1uT9zEYNuSBv3yByZD5jsyv75H2zxszJ15SBHmax7aQ8vU/s1600/back+to+top.png"/></a>

Button No #9

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfIleQ_OncGk8COh0CADecmfySzq5J9FzOW29978s5B0Hqa5SSgsljbkkN8SIkAAg_Kl97n09qK7vHuC2xiB0_QEFAoxPOqNiqtJVDeTVqUXd1VziojBZ30KGbUSD9RQ8y_wgkbnWHNCQ/s1600/back+to+top.png"/></a>

Button No #10

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOBny68etn8N_jx6Kujs2-j1AVKSJ8BCiBYDT5s4miSZA_mPv6LlA7ljW1yVmkUDLqxNclsX9JMxLHolVMbdB1nTMk6cewDqKd0EviXro8KMqI7ekSn7gdFotn0Cx_EXzeapsNTtZ3Jug/s1600/Back-To-Top.png"/></a>

Button No #11

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMKGChjWD5a2moV2_6RaoWWKM1D6Hcog3ahUqNCOrDanpKDtN_9IiFJlN1lYPEITMGXuSFgJk2K19BfDIqtaak4ExIjOCKHztrGYOZzTx_4ETKN82lsKALGlDHnQ12_lZzjM5YVqZttGg/s1600/back-to-top-button.png"/></a>

Button No #12

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeA95be9tgqIJNpSZdDzUEXvmV0aJwJMj9aCjMFG59xjKDwtoCPHliNHsg5lwdubDxphXLV4bQ0RcoLfmYlllkV4MBI5IcGjqnyTQwacplrqYt28ytJIQeJRVTQ-YQx3MXH1paIGzi27Q/s1600/back+to+top.png"/></a>

Button No #13

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTqnImLR8CshFo2P3Xbx_X1Qh0y25uPWKV0zz6Qhu9obFR6DO5W3CjehU7-I8l_PD_2oyssJENtnD7NPEFaHubf_KnxIAGKlopvWgijiGvtBObtYsSC6oDWnpIBZHvYyAvBo7YG2gjt0I/s1600/Back-To-Top.png"/></a>

Button No #14

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifv_oWjkbuOG4Y8F4bP7JVxGTTcNtTBvL5-7Au-BzcPBaIE4c7xVuBMh7TiIA2tqPDz-QHKiVyl-iKD6zCQHpotcg8SE9oylT4vweFYUjCWl9qnRcWYJvv4PtX4frD38hNcaVSg5IRlvA/s1600/back+to+top+button.png"/></a>

Button No #15

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNDH3XgpByYf1EhZg2Xi4qAR1q10Ftr5-CclQZFwIg6X2-hVyXDLaFY9sREppLrfqeI0vFWf6rqzd9QLv10znJL5sWIYSlyeJpsfPOJQPFtszNtzqZXsIuA67ZUeK1xmkluRV8zA5jBMQ/s1600/back+to+top+button.gif"/></a>

Button No #16

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw6dtSxk6-EF1EMbF5Bu577J-t6-VtYDMUxh1YtieDHLMGc_GXMDAw_tqAeuV1wfCAKCRttarS7xjlxzavPRHZ7J_VZfPXYkXEtG218OD7sxKksHfMN_4QFsZsc93PUcNApl_q6W5Htuo/s1600/back+to+top+button.gif"/></a>

في درس جديد اطيب المنى

المدون : ibda3-blogger

???? ??????? : Jetara

??????? ?? ?????? ? ??? ????????? ???? ?????

التعليقات

0 التعليقات

0 التعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)