الدرس 5 : اضافة زر الصعود الى اعلى الصفحة في مدونات بلوجر

بسم الله الرحمان الرحيم

السلام عليكم و رحمة الله و بركاته أحبتي في الله اليوم درس جديد في قسم بلوجر في هذا الدرس ساعلمكم طريقة اضافة زر الصعود السلس إلى مدونتك طريقة سهلة و بسيطة جدا

نبدأ على بركة الله
1-نذهب إلى لوحة التحكم
2-نظغط على القالب
3- ثم تحرير html
4-نظغط F3 او curl +f
5-نكتب
6-نضيف قبله (فوقه) مباشرة هذا الكود

7-نقوم بتعديل كلمة هنا الصوره برابط صورة زر الصعود و إليكم مجموعة من الصور مع روابطها

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQgLsH0vL3kJAaDEXlPzq5QhSRmqQEEBrUvZSt-N3PzMTojdyv05aJcKO5a-4UHAMMH7cwZPWGzkGx8yG4ztn0_QLqVizbbgWm1xZ1gtoBQv9u7xXCq61bBsB1MgCgczLgohyphenhyphenDkPfFuJ7r/s1600/Action-arrow-blue-up-icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZo7ZXrWtjnBJeQf2alWUwT74uX50-jBvsk8aGfA5XYAqVLKkIexYE1MtEGTL0qyB3hBd-E67zulQKmtNjkpAEkjGcsPZ59rmBZk-9uvOYhiDwW37dv0VeBKK2VAvOruotXjSB0BWzELno/s1600/Actions-go-top-icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXOtCvEDUYztcElyK-UXMs9mYvnEJIsV2f9tiRd1cBpBfnEx0C6L8QinKWSQ2tp1z94u280DhxJjyMuhR9uG699D8oJ0kh8Fm9NRDWlUlZnC_W_mXsyYpQ0DGhiIQHOzDW7OYNsuS__L2/s1600/Actions-go-up-icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6BoUVxU57pBLrRVwzPXx833PNmGKUks7It3s7x5ENKxF0PLbnEcuA9BzE2WSBUxk3KQvil1clL2FvLoV6aoohy0QXIEbj1Vbyt-OChl9JsggKXBWrM_o1JziI8zH7aTq8wp2lN1TfeHWJ/s1600/Actions-go-up-search-icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRVXXruGrkxo7ENr5Rm0eSXZ_d_XeQ6U9Xqv0h8f937Fx2hZVUYXeLGOfhlpX3GAR63dHmOyyMYQKKfSdO7Cjw3A0yCXKzhXAH0V1EiyHGRjaDESmaR0ClvwJVjWwhZnAKE8ivQlAxyvK7/s1600/agt_uninstall-product.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYm3G6CQKAU_PJlpTCfyH9KLCeamEOLYQl-8Hs3ejzMHFz6T3YmECohyIdZHng8Kn-x4G8JRYU6j4TnaylDInGpmuGTySOviryP4iquKNN_Em47amdye5G3rnpNMImPFJp2Q2g43cGX_E6/s1600/Arrow+ap+orange.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLdindpC9oPH2JDRk82VHO3-s9AF5edWLDq8oU0zOv7ZD-7UyDn6RoqP58FeLvt7dFpMJTCTiICi80cjNi0Q9XArHaiThdlhI7wOdjY6wsE9Ccvwfv2P-S5wSwFnUftvk0erqMlayOd8it/s1600/Arrow+up+blue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBWuQX-WYdP49N-wrgytdwg96Gj4DBzoaGxxj8V-uA61dfEUzz9f6QEmtvKFa9KzS4FWoikOQahxq56vjPZbWQfxQ5glNXkJ1cM3dXlsrwQM8uI5r67e1LnjDB7HqoOq99pUYMxltOU8Cn/s1600/Arrow+up+green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi656wRNFPTZQlyhZoUAhb5rU3shBUgAPWgKuBRI7o1vxB6KFv6MD0-VA-FyuiInX0DzL3i_f7DJjhLvP8_xyff0dt0_V6VWfekKmcZCPmlC3u2eajBzWc7C0FJQw0k_gk4hy2OcdOjAcBZ/s1600/Arrow+up+red.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDeRfDCW0rfxBWkyRKqYIZbDta1bR4ovZ3UngT_jnXj0k4_fUlFy3Zw486S9wHISlZROqx3FnYyxbirRRTe1aWRWQxCKtIWo1mr9WtZPTyuQ8yFagS2Zbf6ihvanuoUc7VrCe1vkTV5Pc1/s1600/Arrow-double-up-icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXHa0dcDtS78JwtOS4YdLAaix7UOeBqVUh3W5AGcD28RcpdUQ2_q-UnTuuZBF-sTGtZ-TKJl8JflUPcTfyHtCq4CNShoCmWOHz9qYyiSBvwnKoVW7JV5MdWeeCvR8dCgbGtHGkrtJDqdb6/s1600/arrow-up1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQXHTxiMrV2BPh9spxJWttInGAmgljHRD6Kct71HjM42uVdGPn4OwszigxxIMQac6DNeM9T2xQurT2PUCkiTz3I4TL-OxMeLacSe0nknKoKGTd1cAgEmIIz9e-G9fhxmn4wmaagas0TQ1M/s1600/arrow-up+(1).png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMyz9j7MqoeqCMO3PJkEEmeEvJxAb9qngSeX000kWPUlra0rusifKPDBQ-MY6bUbYdXkKBOBMj0hPbnKAF_STvE3Vc5rbvWf26PFNtcAFI1-VniZ3XuMxRfdhLOI1w3pD6Ld-_FiisQOuc/s1600/arrow-up_basic_green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1YJrUnux60xSErFf8wkE9tqBpfzTqo4dFFzQVmoJOrDpfrioh1WpstUWC24mAm1rRkFtcXAhccMRO1UNi8WRF3UYX8Zp4yA76YdbdbAYixV6MpLswuqOwabba5B_UYqHfAi_D8M5uynsh/s1600/arrow-up_basic_red.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi15t8qppFzFFpus37cmf0m1_y8c902TPtDv5yNougXskkiL3LlwLsqqrPzIHUDqYnD0IUIR6HKB52776TsiOPvz6wsC-vp9PiJz4rl4Cmiz80Q6rOrqIgGLSPbUPYqkh1vSllZFB45yUr5/s1600/bttp-13.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiav68dat_MRCl8W3oXpvCpG8bu2inRYetraMvpJguZSdC-GY1KT4nYmTOpDIJVl6bOsjNsYxiV3pyI11o8RT1inwzlU7Wh0qTZF3tL9_gsUXi__bOf8ji24yk8kn5mEMvTKK48xy5e69zC/s1600/Extras-Up-icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXKx28oXwn4ykM-4q-w-n3Gr7y8IlEUOkluSflxRPc7ITpTCjglsCPESw8mXBMY1K6pvuhpiNvOx27oUGrOa5wzlz67FTYIcUhZDjPUTyhtb4Tss2SQ5qcUQwJ1sVR5txs95707Z7bY644/s1600/go-up.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnGQbHy0Fisc2SWiK-FnkWV9DmvL3xCyz2PJ63-tP3JofxvMYDEZq_kCT4kJb6mRPBiPvxnGpGYMpA3Rracf1sSVDyjQl_fvRq6_c-xO28CleGkQ_xBO5X1hZra7lHAaCHuscC1zSJU-sJ/s1600/scroll+up.png

8-نختار صورة واحدة ثم نسخ رابطها و نلتقي مكان كلمة رابط الصورة التي توجد داخل الكود
هنا يكون الشرح قد انتهى نتقابل في إضافة أخرى من قسم بلوجر

الصفحات