الأحد، 21 ديسمبر 2014

كيف تضيف زر الصعود للاعلى لمدونات بلوجر

مرحبا بكم زوانا الاعزاء في موضوع جديد على مدونتنا والذي سيخص اضافة جد جميلة وخاصة بمدونات بلوجر وهي زر الصعود للاعلى فاذا كنت ترى احيانا في بعض المدونات زر على شكل سهم متحرك يجعلك تصعد الى اعلى الصفحة كلما ضغطة عليه فالان سيمكنك الحصول على متله وبازرار والوان مختلفة فقط تابعو هذا الشرح المبسط
طريقة اضافة هدا الزر هي جد سهلة ودلك فقط عبر كود صغير عليك اضافته في قالب مدونتك على الطريقة التالية :
اولا توجه الى قالب مدونتك تم اضغط تحرير HTML  كالتالي .
تم بعد الدخول الى الاكواد الخاصة بقالبك قم بعمل تحديد للكل واحفضه على مفكرة في حاسوبك كي تعود اليه في حال حصل خطأ في تركيب لا قدر الله تم بعد ذلك قم بالبحت عن      ]]></b:skin>
تم ضع قبلها مباشرة هدا الكود الصغير 

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

تماما كما في الصورة الاتية 
ولمن لا يعرف كيف يضهر خانة البحت تلك فالامر بسيط فقط تضغط على Ctrl + F او تنقر مرة على الاكواد كانك ستعدل عليها تم تضغط زر F3 على الكيبورد
وبعد هاته الخطوات السهلة الان نقوم باضافة الكود المهم وذلك عبر البحت مرة اخرى في الاكواد عن </body> تم اضافة الكود التالي قبلها مباشرة 


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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-mCxBh14m72tQOMFwxeqNgnqGbBTFYOiT3n-Ube3qUKPLa1YcI4316BbiDZsZlPGUgAKqy_KE_9nKUiyvzfIaycFXyF6CNMnQUsPEYhg1VGN0Ybx5PlFeqVL7881iY8qgXjCr5dQ5BvZY/s1600/navigate-up-icon.png

الى احد هاته الروابط التالية ودلك بعد تفقدها واختيار ما يعجبكم منها وما يناسب لون موقعكم

http://3.bp.blogspot.com/-68NBxtrqcog/Tq7Un9EXfrI/AAAAAAAAArs/YmmiZhtQEbc/s
1600/9.png

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixs4luqnvZmRtb8KIXxi2Zr9mE6cnqw0uLkWp2IjmNtdMVsDefGAkfz-c8nfLmtNmi2PMj0lfdgXc-Rgh6n_bKd0_lxpzIgJ0FviL6x3RQVtjML03eyGJcMvUH-iX3OGElBmZYL0r3Np7s/s1600/Button-Upload-icon+(1).png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN6lgcbwoZljZpE-UIbWmps8U3EV6e69VLu18CV1awvVhePgLkz3GShqwRM2FOGIic7OaRbR5VcYnuRLonMGLXwx8zVjlDh4Eh9py0mi6PxNBmyHu-ia2NWIM1A4ddqqzDwAtFUFbiEj7U/s1600/onebit_30.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixADgQy8kcJl56JPkPSMjSCece8lMtNSvtXSTmKhFbUyWLR6XTMrOR9aE1_Cul5-r8dnrvrUFzYPi6k5YS6Rwls-UR7hGgO92MNT4Wc9r4lF9ekZ16zbIca_PXClmrt03kVm3tq4RrWJVl/s1600/go-up.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN6lgcbwoZljZpE-UIbWmps8U3EV6e69VLu18CV1awvVhePgLkz3GShqwRM2FOGIic7OaRbR5VcYnuRLonMGLXwx8zVjlDh4Eh9py0mi6PxNBmyHu-ia2NWIM1A4ddqqzDwAtFUFbiEj7U/s1600/onebit_30.png

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

إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد. هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة, ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميلً