سلام در این ساعت از وبلاگ نارنجی بلاگ قصد آموزش استفاده از دکمه شناور یا همون دستیار وبلاگ را به شما دوستان داریم
راهنمای استفاده از دکمه شناور و جعبه اطلاعات
این کد HTML یک دکمه شناور را به همراه یک جعبه اطلاعات فراهم می‌کند که کاربران می‌توانند از آن برای نمایش لینک‌های مهم در وبلاگ یا وبسایت خود استفاده کنند. در زیر توضیح مختصری از نحوه استفاده از این کد آمده است:
1. دکمه شناور (Floating Button)
این دکمه در پایین سمت راست صفحه قرار دارد و به کاربران امکان می‌دهد با کلیک بر روی آن، جعبه اطلاعات را نمایش دهند. رنگ دکمه آبی است و وقتی کلیک می‌شود، جعبه اطلاعات به نمایش در می‌آید.
2. جعبه اطلاعات (Info Box)
این جعبه شامل چند لینک مهم است که می‌توانید لینک‌های خود را به دلخواه در آن قرار دهید. برای مثال:
- ثبت بیوگرافی: به صفحه‌ای برای ثبت بیوگرافی کاربران هدایت می‌کند.
- بیوگرافی‌ها: برای نمایش لیست بیوگرافی‌های ثبت شده.
- تماس با ما: لینک به صفحه‌ای برای تماس با مدیر سایت.
3. نحوه عملکرد
با کلیک روی دکمه شناور، جعبه اطلاعات نمایش داده می‌شود. دکمه "بستن" داخل جعبه اطلاعات وجود دارد که با کلیک بر روی آن، جعبه اطلاعات بسته می‌شود.
4. نکات فنی
برای اضافه کردن این کد به وبلاگ یا وبسایت خود، کد را در فایل HTML خود کپی کرده و لینک‌های داخل جعبه اطلاعات را متناسب با نیازهای سایت خود تغییر دهید. این کد از جاوااسکریپت ساده برای نمایش و پنهان کردن جعبه اطلاعات استفاده می‌کند و بدون نیاز به کتابخانه‌های اضافی مانند jQuery کار می‌کند.
برای مشاهده نمونه کد آنلاین در سایت biokhan.ir کلیک کنید
کد نمونه
صفحه شما