حصريا إضافة زر عودة إلى الأعلى back to top إلى مدونة

بلوجر+19شكل رائع

السلام عليكم ورحمة الله وبركاته

اليوم سوف نتعلم خدعة سهلة ومهمة جدا ، خصوصا إذا كان لديك الكثير من المحتوى على صفحات Blogger
وإذا كنت تريد مدونتك الخاصة بك أن تكون سهلة الاستخدام للزائرين
ومن ناحية أخرى هذه الإضافة تساهم في سرعة تصفح الصفحة
أي إذا كان الزائر في أسفل الصفحة فيكفي أن يضغط على زر إلى الأعلى بسهولة وانسيابية
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
أولا نأخذ نسخة من قالبنا
نذهب إلى تصميم
تحرير HTML
توسيع القالب
نضغط
CTRL+F
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
المرحلة الأولى:
نبحث عن الكود التالي:

]]></b:skin>

قبله مباشرة نضع الكود التالي:

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

المرحلة الثانية:

نبحث عن الكود التالي:

</body>

قبله مباشرة نضع الكود التالي:

<a href="#" id="backtotop"><img src="رابط الصورة" alt="back to top" /></a>

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkw1KnxwOJIrIX8-zs48XG_0WyeqUM2MoBnmHcxy_N_KopTvbCqE-vB0igRqWa0LM5JKczLr5K0M9sD7BCY6rmGKf-XFuBZ1oziQq_6hsMwubP2Tk886jwE6sN8pbsaH7Rdd4FhooFEkKc/s1600/bttp-5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzl_iN-xDfZjgoiQNIoW_S0adWybdwAbDmB74YMnuYX5ZCovfyCMT4saxr-jw6ONRD47IBCcuVPWquULS0lAxJw-2NOrPOe20PDHq1CD-22LHRy8MIgqgMdMJTJH_5evfRXW7CTwWH7RVI/s1600/bttp-4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRexDPF7Rl5P34WMg-sczK6rD1vB71nXWK9NmkHnHNhk3y9MyNbj5yGkh9PXAzfbwyyk0tWf8Zrc8CwQ5w_Npf4t0-EokJou-4Td26edR8_sfjOgGl2wKIscD2mdqlyt6SBI24bNwcAUbP/s1600/bttp-3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBiGt8opIfPeQ6YI-L68GJZc3NWMJ164TLdiCZRHzXlgQ_3ZJvpXn4BucNEBxmnzR10SlEbQZhIUO_N6DQABnS8UkMevKIMiRpbeZmOD5-brKrrwQeuSvUjFvAdKi1ID9sIM-R6fS1eSls/s1600/bttp-1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDS2cqnEkY-xi8Tk4Ig5y-DDiZ9v1VSclTM9BKKN8YnROCpAsUfclw6DDxlYrMb9nbRGXyaoJG5EKiD0guAxNWuDCHAVNnBd3covQiH8fd9RUTSGN3Sr61g-8wapgo658l-fu2mg4I9l-/s1600/bttp-2.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-6.png0/bttp-7.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF6jRReh0D3UPIw_qqU_6DFlr75AcHd8XsKKA8LAk6s3JrzwuzEvewIFdXZPOneznzzc91_gFxNgVXaCippw6Y8WknCAfEZHALPemkKLJDaAm-t0TnTvdGQwEH_Mn4lhSo2D07kHjXaCd7/s400/bttp-10.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDj4wDbQdvTZtjvvn0Rao7AtCxwe4VanBpwSs7HJqAQL0m1cWKJOVIARIIkALwO-cVdu80vzN1KQ4E-4rLVW8D-9yxAckVpLDlKtv_ObsQrx7UZk3x7tEAuD_EJl10Wfc58TUJ_cYZbRmk/s400/bttp-9.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1DYzoekWjxsYNrr2RwYbSWJMB1gvuwsDuGDXMr67v6FMwjzpm7d6M3L418xGW8Pstom38ab5HPpAGfzXEHyXTEbBnrjdxfOiU7xBQRzxin0yr8wwhI4yQi_B7rGNFTkOQMyFZjCBb70p/s400/bttp-8.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigLgXaZIV2bkYLHbJaGP_9qM_CV95Es8DYK9Qw7nuHYCHhMEJOn1cwHYvXyNvpx5EdcDzC8sgeCg2mt8Gz0z7vqJGMiCloEgwNkLsaNmT3_SRNuDF1r2BuwdNHDvNltyQgWXKwe1d9pg6N/

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNDXQ4xsovp2jH2UuUp65L-cBrTfrqipkCTKbayh21Rkw16TcZmVzG_DO8YawXcUfZ_biU2zFBnWyaz6M5Ybp-bpPp_cU7yGwiDOQ0KW3vtaTJBTkmMXv5M3mrx9mXObMk1f9Gd5mT1wH/s400/bttp-11.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz9SlzSzZGIGnp8yxjRb8Ozu_9GGfhkvnDKfvJp6C-dVx3cj4iJ7lHquJtxC5BD4d6mheuSKKYDiPOjjNQ5NYZIm4IrfdlnenUqP4l4zLuhdUjAlEx7k9JDJHYGrNauFHxxg7uNu6H3Rv8/s400/bttp-12.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCwjIo6nrvKhNB6ZeWtkR1Cnn8zzzwOrixGXT0ri70EMhJ-uinkfoXJlzi-z3bTHZJIzC-n0_SYHNNjNKrrtx_EzAN7WZHNqNhukY-MkezPT551B0G7Z6MBf77J2jv-6nBGy8Yi1Ur0NbY/s400/bttp-13.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKcknQSUOLnf8mAcHznBCu5bBb4vserVGyAfCESYcBSoho7pYW1yo138jcR3NuFa1I_PO2IAyVoWYY5xKqiTDdABJjCKGDwzJdrPiggNTT4VJr41CO7kakmPbpyObS1B7HyKefuyDxxlBS/s400/bttp-14.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-pQcANwGeGcBa0COFBnHj_FpE9PjyLCzRBJLpU3BOPjD89dWiDndezMumL0Vxz_TnhcwU2QSb-RCQAtHSULcCEnoVgX2sQkczo_R2nhXH5eJoy-zVx1OaklXqoRWnlFX2KoMozoa2tDxC/s400/bttp-15.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2YgPnFD6d2vCJ1DBIzebvHFOY0r26mBNClnmVflxACX4HQ_bB_h167AncLoKzdZH5wWK4F9hrhOnu65b3bJ9pStxjlBBGapiIyUXy4McaDD0m-wcqwtozGlUfkd_y8k47mXovVyNLPfI/s1600/bttp-16.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYQ2OZyLF5DdDG4GjvhoRHOpGM3xu7JHbZhJ8WRdCcIFTMJ216lxoimdXG5L3Vlk9devL5RTp-fo5HP-QU7Kf34EEmzCzm48naP_c2v1bbMB3FsF-VxENO8ptsylrOufMWkCWv1fzmL06x/s400/bttp-17.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTOeNhYLFZ57oQUoW4HU6MpnAVdvD80rrfDfDhE3q6dtcHvOi2x5fXn3IoMXVd4oDa7_Bo8hKiMLP3lZDIjBgrsrN_uqZGK7ocuMTdVPOIHH8Z81sQM6gis2KGE_AWAZ53OoOiPcqUpJng/s400/bttp-19.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnIHRiEfjpaFOR_OdsUmvYjw4R6XLT4NURtEf-arobOGoLqrqYc0NFPVXSAXmV6_h3ZmzH4ABuCmOESb5feh7r4VuTu_t4teCKQgQQUNCBYJhI5KU4SCmeQwFyXWcavVn0yj3-Hf_12k14/s400/20.png

إلى هنا أكود قد أنهيت موضوعي لليوم

وأي استفسار لا تترددوا بطرحه

هل أعجبك الموضوع ؟

الخميس، 27 يونيو 2013