بسم الله الرحمن الرحيم والصلاه والسلام على أشرف المرسلين سيدنا محمد صلى الله عليه وسلم
اليوم بإذن الله سوف نتعلم طريقه سهله جدا لمن لديهم محتويات عديده تسبب طول الصفحه ألا وهى زر عوده إلى الأعلى Back To Top
وهى تستخدم فى حال كنت تريد مدونتك سهله الاستخدام وسريعه
كى تجعل الزائر يشعر بسهوله فى تصفح مدونتك
والأن سوف نستعرض كيفيه التركيب فى المدونه
اولا صوره Back To Top مع أكثر من 7 أشكال مختلفه
اولا طريقه تركيب الزر بأكثر من 7 أشكال مختلفه
إذهب إلى لوحة تحكم مدونتك >> تصميم >> تحرير HTML
ثم إبحث عن هذا الكود
إبحث عن هذا الكود
اليوم بإذن الله سوف نتعلم طريقه سهله جدا لمن لديهم محتويات عديده تسبب طول الصفحه ألا وهى زر عوده إلى الأعلى 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 بالشكل الذى تريده من الاكواد بالأسفل
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIMckgXcKWrMC70sBPHN4RKVeEECuK9ETVw8ux2bquQ6JDqyEHEHAe5O-3wFOaMGYrnQ0TEYVONykUEhWugAyM8GUTnsvMrJRgK1B0LF5dpsNXD5rnrM-HnHDn56ddORacB_pGGucqv6f3/s400/bttp-10.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF6fK4kjTurUAW1a8tEATfzJmjv36fUuFnVl2amddOokQYwvB2OWIq3QPsdHnWRTF1LrgzTxyde6BJptG_JwtY1FjeebNTLmdidtdoyieuSTzpVgewL28s9BTE-ZdY-8RILv9y4RJ9uKeB/s400/bttp-9.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP9E2hxWgR2yVcDVYf8l9VhjKgKo7hG0EhRhhGGJID3VYzygUWXuzCDhNAWofa9NmY2YbYs5wfr1W3XjsIyUB2R5Z_ve6ClfMjrgH7dZIoNxQRlKVdViC1Z7tj2ZXjFzvX6na_ZUFjlnGX/s400/bttp-8.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7elwQMfjCclN6BavKlZs_jzGqeq36zj5D69tx-agLj2i1vu7gTKxCRLs8fGXHwhCeB3B_h8_GWzsLjEjUt5Dasyn3xMSP3iQSjKHyeQRnwTkhtvEe9cSARQXAFpyg87IBJQzeJptdN_bu/
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2m-urKaMoKdXreLXGLvfcn1nyOkFyRwkkEgeTTRdyVPStGj0EqXLkes1cdO3e-9ug3aqGN3GRFz2umXjkvqtaUYq9ImIdnEhOXBPpECME1cxBNK4w8AP7wLX0Ixca0Cn3URtZVifBwLli/s400/bttp-11.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWGFs07ZKn8JvKLOwX00AKY8P_5UkZbYXKOaWPTPQVe64gIchoRWv_yP6xv4k_eQdfKsr-KRm0beKR3NozklT-DuZB9y403tEGDzO3-Q7oTIe6SN0Fd3jW_gOCaGPO9l5zvdDIPLn1SPfH/s400/bttp-12.png
0 التعليقات:
عبر عن رأيك بدون تسجيل دخول