-->

الاثنين، 7 مارس، 2011

إضافة زر عوده إلى الأعلى back to top فى مدونتك بلوجر

بسم الله الرحمن الرحيم والصلاه والسلام على أشرف المرسلين سيدنا محمد صلى الله عليه وسلم
اليوم بإذن الله سوف نتعلم طريقه سهله جدا لمن لديهم محتويات عديده تسبب طول الصفحه ألا وهى زر عوده إلى الأعلى Back To Top
وهى تستخدم فى حال كنت تريد مدونتك سهله الاستخدام وسريعه
كى تجعل الزائر يشعر بسهوله فى تصفح مدونتك
والأن سوف نستعرض كيفيه التركيب فى المدونه

اولا صوره Back To Top مع أكثر من 7 أشكال مختلفه

اولا طريقه تركيب الزر بأكثر من 7 أشكال مختلفه

إذهب إلى لوحة تحكم مدونتك >> تصميم >> تحرير HTML
ثم إبحث عن هذا الكود
]]></b:skin>
وبعده تماما ضع الكود بالأسفل
#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
الخطوه الثانيه

إبحث عن هذا الكود
</body>
وقبله مباشرة أضف الكود بالأسفل
<a href="#" id="backtotop"><img src="Image-Url" alt="back to top" /></a> 


ولكن قبل ان تضع الكود لا تنسى استبدال كلمه Image-Url بالشكل الذى تريده من الاكواد بالأسفل



back to top For Blogger


http://2.bp.blogspot.com/_JwD5r652h00/SvDBCN6PpfI/AAAAAAAAARA/oEpqkKnL0Jw/s400/bttp-10.png
back to top For Blogger


http://2.bp.blogspot.com/_JwD5r652h00/SvDBBw_U6MI/AAAAAAAAAQ4/KDKaH8OTDO4/s400/bttp-9.png
back to top For Blogger


http://1.bp.blogspot.com/_JwD5r652h00/SvDBBzoz4II/AAAAAAAAAQw/n9hIomKpQxY/s400/bttp-8.png
back to top For Blogger


http://3.bp.blogspot.com/_JwD5r652h00/SvDBBlYeFHI/AAAAAAAAAQo/lzY3WpZpwPA/s40
back to top For Blogger


http://4.bp.blogspot.com/_JwD5r652h00/SvDBWWig4UI/AAAAAAAAARI/28cXbIDOaqk/s400/bttp-11.png
back to top For Blogger


http://4.bp.blogspot.com/_JwD5r652h00/SvDBWmm_WTI/AAAAAAAAARQ/xfyALfcAbZ4/s400/bttp-12.png
abuiyad

0 التعليقات:

أضف تعليق

عبر عن رأيك بدون تسجيل دخول

كن على إتصال

Best Blogger Tips
Blogger Gadgets