إذا كنت صاحب مدونة على بلوجر وتبحث عن وسيلة لإضفاء طابع تقني احترافي على موقعك، فإن إنشاء صفحة تعرض معلومات الزائر مثل عنوان الـIP، ونوع الجهاز، والمتصفح هي إضافة مميزة ومفيدة. في هذا المقال، سنوضح لك كيفية إنشاء هذه الصفحة بخطوات بسيطة.
لماذا أحتاج إلى صفحة معرفة IP؟
- تتيح للزائر معرفة معلومات اتصاله.
- مفيدة للمبرمجين ومقدمي الدعم الفني.
- تعطي انطباعًا احترافيًا لمدونتك.
خطوات إضافة الصفحة إلى مدونة بلوجر
- افتح لوحة تحكم بلوجر وانتقل إلى قسم الصفحات.
- أنشئ صفحة جديدة بعنوان مثل: اعرف عنوان IP الخاص بك.
- اضغط على تبويب عرض HTML.
- الصق الكود التالي داخل المحرر:
اداة معرفة الاي بي
<style>
.container {
background: white;
border-radius: 10px;
padding: 20px;
max-width: 600px;
margin: 0 auto;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
h1 {
color: #2c3e50;
}
.info {
text-align: right;
margin: 15px 0;
padding: 10px;
background: #f9f9f9;
border-radius: 5px;
}
strong {
color: #e74c3c;
}
button {
background: #3498db;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
margin-top: 10px;
}
button:hover {
background: #2980b9;
}
</style>
<div class="container">
<h1>معلومات IP وجهازك 🌍</h1>
<div id="ip-info"></div>
<button id="copy-btn">نسخ المعلومات</button>
</div>
<script src="https://cdn.jsdelivr.net/gh/mr-abu-guda/blfym-scripts@refs/heads/main/script-ip.js"></script>
ماذا يفعل هذا الكود؟
الكود يقوم بعرض معلومات الزائر (عنوان IP، نوع الجهاز، المتصفح... إلخ) داخل صندوق أنيق. يتم تحميل هذه البيانات باستخدام سكربت خارجي موثوق دون الحاجة إلى معرفة برمجية متقدمة.
نصائح إضافية
- أضف رابطًا للصفحة في القائمة العلوية أو التذييل ليسهل الوصول إليها.
- يمكنك تعديل الألوان والخطوط بما يناسب تصميم مدونتك.
- تأكد من أن السكربت يعمل باستمرار وتحديثه إذا تغير الرابط.
بهذه الطريقة تكون قد أضفت صفحة مفيدة وجذابة تعزز من احترافية مدونتك.
