منتديات احفاد الرسول
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات احفاد الرسول

بسم الله الرحمن الرحيم قُلْ هُوَ اللَّهُ أَحَدٌ اللَّهُ الصَّمَدُ لَمْ يَلِدْ وَلَمْ يُولَدْ وَلَمْ يَكُن لَّهُ كُفُوًا أَحَدٌ
 
الرئيسيةأحدث الصورالتسجيلدخولتفسير القران الكريم قراءة القران الكريماذاعات القران الكريمكتبقنواتقصص رائعة منتديات الياس عيساوي بث قناة الجزيرةاوقات الصلاةاستماع للقراءن الكريم
دليل سلطان للمواقع الإسلامية

 

 طريقة عمل صفحة إتصل بنا أو راسلنا في البلوجر

اذهب الى الأسفل 
كاتب الموضوعرسالة
eliasissaoui
Admin
eliasissaoui


ذكر عدد المساهمات : 16999
تاريخ التسجيل : 04/07/2013
الموقع : https://www.youtube.com/watch?v=QriWAmC6_40

طريقة عمل صفحة إتصل بنا أو راسلنا في البلوجر Empty
مُساهمةموضوع: طريقة عمل صفحة إتصل بنا أو راسلنا في البلوجر   طريقة عمل صفحة إتصل بنا أو راسلنا في البلوجر I_icon_minitimeالخميس مارس 06, 2014 1:12 am

طريقة عمل صفحة إتصل بنا أو راسلنا في البلوجر ContactUs_Banner_Image



السلام عليكم ، نموذج إتصل بنا أو راسلنا  "مراسلة الموقع" إضافة أساسية و مهمة بالنسبة لكل مدونة .  تكمن اهمية إضافة نموذج المراسلة او نموذج إتصل بنا إلى المدونة في الربط  بين الزائر و صاحب الموقع ، مما يساعد الزائر حل مشاكله عن طريق إرسالها عبر الصندوق .
في هذا الدرس إنشاء الله سنقوم بشرح لطريقة إضافة صندوق المراسلة إلى مدونات البلوجر ، فقط تابع الشرح الأتي و لا تنسى الضغط إعجاب للموضوع إذا استفدت .

المرحلة الأولى 


  •   نتوجه إلى لوحة التحكم الخاصة بالمدونة
  • نضغط على تخطيط >>>  إضافة أداة >>>>>  المزيد من الأدوات >>>  نموذج الإتصال .



طريقة عمل صفحة إتصل بنا أو راسلنا في البلوجر %25D9%2586%25D9%2585%25D9%2588%25D8%25B0%25D8%25AC+%25D8%25A7%25D9%2584%25D8%25A5%25D8%25AA%25D8%25B5%25D8%25A7%25D9%2584+%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A7%25D8%25AA+%25D8%25A7%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1



  • نضيفها إلى الشريط الجانبي "السيدبار" و نضغط حفظ .


المرحلة الثانية



  • نتوجه إلى الصفحات >>>>  ثم إنشاء صفحة جديدة >>>> نضع الكود التالي في الجزء HTML


<form name="contact-form">
<p></p>
الإسم الكامل
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<p></p>
البريد الإلكتروني<span style="color: red; font-weight: bolder;">*</span>
<p></p>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<p></p>
الرسالة او الموضوع<span style="color: red; font-weight: bolder;">*</span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

<style type="text/css">
/* Menyembunyikan elemen dalam postingan */
#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}
</style>




  • ثم نختار الخيار التالي و نضغط نشر .


طريقة عمل صفحة إتصل بنا أو راسلنا في البلوجر %D9%86%D9%85%D9%88%D8%AF%D8%AC



المرحلة الثالتة



  • نتوجه نحو قالب >>>>  ثم تحرير HTML   
  • نبحث عن الوسم    
    الكود:
    ]]></b:skin>




  • و نضيف الكود التالي فوقه مباشرة   "قبله" .

[color][font]
  
[/font][/color]
الكود:
/* CSS Contact Form */
#ContactForm1{
display:none;
}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width: 300px;
height:auto;
margin: 5px auto;
padding: 10px;
background: #f2f2f2;
border: 1px solid #ccc;
color:#777;
}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{
background: #fffff7;
}
#ContactForm1_contact-form-email-message{
width: 450px;
height: 175px;
margin: 5px auto;
padding: 10px;
background: #f2f2f2;
border: 1px solid #ccc;
color:#777;
font-family:Arial, sans-serif;
}
#ContactForm1_contact-form-submit {
width: 101px;
height: 35px;
float: left;
color: #FFF;
padding: 0;
margin: 10px 0 3px 0 0;
cursor: pointer;
background: #5E768D;
border: 1px solid #556f8c;
border-radius:3px;
}
#ContactForm1_contact-form-submit:hover {
background:#435c74;
}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width: 450px;
margin-top:35px;
}



  • نضغط على حفظ . مبروك عليك .

جميع الحقوق محفوضة لموقع تعلم أكثر للمعلوميات 
    المصدر    www.hukmat.blogspot.com
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://info-noor-islam.ahlamontada.com
 
طريقة عمل صفحة إتصل بنا أو راسلنا في البلوجر
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شكل جديد لإضافة إتصل بنا في صفحة مستقلة
» أداة إتصل بنا في صفحة مستقلة بشكل إحترافي
» طريقة اضافة أقسام للمواضيع على البلوجر
» طريقة حذف الروابط تلقائيا في تعليقات البلوجر
» طريقة عزل نافذة المحادثة الآنية (الشات) عن صفحة الفايس بوك

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات احفاد الرسول :: منتدى التعليم لكافة المراحل الدراسية :: التعليم الثانوي-
انتقل الى:  
تعليقات فيسبوك

تابعنا على فيسبوك
طريقة عمل صفحة إتصل بنا أو راسلنا في البلوجر Flags_1
online
تويتر طائر


هذه الرسالة تفيد أنك غير مسجل .

و يسعدنا كثيرا انضمامك لنا ...

للتسجيل اضغط هـنـا