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

2016/08/04

اضافة لبلوجر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

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

إرسال تعليق