كيفية وضع كود الستيلات لنماذج (اضف تعليق) لمدونات بلوجر Blogger
------------------------------
Extras blogger how to develop a model code Styles (Add comments) codes blogger Blogger
------------------------------
السلام عليكم ورحمة الله و بركاته متتبعي برامج انترنت و اخبارك
نت أهلا بكم في هذا الموضوع الذي
يخص ادوات بلوجر .....
اهلا و سهلا
بكم في هذا لشرح ، حيث سنتطرق في هذا الشرح الى كيفية اضافة ستيل ( اضف تعليق اذا
اعجبك الموضوع ) على مدونة البلوجر Blogger .........
هذا الستيل
تجده في اسفل صفحات مدونات البلوجر و المواقع قصد تمكين الزوار و المتتبعين
للمدونة من التواصل معكم في موقعكم و مدونتكم و ابداء اعجاب بمواضيعكم ، حيث تكون
بهذا الشكل:
و في هذا سنقوم بشرح كيفية اضافة هذا الستيل الى مواقعكم و مدونات
بلوجر Blogger
، بصفة خاصة و هذا باتباع الشرح التالي ........
اخي الكريم لا
تنسى ان تضع تعليقك اسفل الموضوع اذا اعجبك هذا الموضوع ....
سنبدأ بالشرح و
ما عليك الا قليل من التركيز فقط ، فالامر ليس بالصعب بل يتطلب قليل من الفهم و
التركيز.....
01 – افتح مدونتك
بلوجر Blogger
.
02- اختر منها
تخطيط .
03 – انقر على
اضافة اداة لتظهر لك نافذة اختر منها اضافة اداة نموذج اتصال جديد كما يلي:
بعد
إضافة النموذج ، ثم من المدونة اختر القالب، لتظهر لك صفحة القالب، و منها انقر
على تحرير HTML لتغيير
المدونة الى اكواد HTML .......
انقر مرة
واحدة بداخل النموذج HTML و من لوحة المفاتيح ااضغط على CTRL+F يطهر لك مكان للبحث، قم بالبحث على الكود
التالي: ]]></b:skin>
و هذا
بكتابة هذا الكود بداخل مربع البحث ثم انسخ الكود CSS الموالي الخاص بالنموذج فوق هذا الكود مباشرة،
و الكود CSS
هو كما يلي:
.contact-form-widget {
width:100%;
max-width:
280px;
margin: 0
auto;
margin-bottom:
25px;
float:
left;
padding:
10px;
background: #d5dde6;
color:
#000;
border:
1px solid #C1C1C1;
box-shadow:
0 1px 4px rgba(0, 0, 0, 0.25);
border-radius:
5px;
}
.contact-form-name,
.contact-form-email, .contact-form-email-message {
width:
100%;
max-width:
100%;
margin-bottom:
10px;
border-radius:
40px;
}
.contact-form-email-message
{
padding:
5px;
border-radius:
5px;
}
.contact-form-button-submit
{
float:
right;
width:
25%;
max-width:
35%;
height:
auto;
background:
#28597a;
padding:
2px 5px;
border-radius:
15px;
border:
none;
text-shadow:
rgba(0,0,0,.4) 0 1px 0;
color:
#fff;
font-size:
13px;
font-family:
'Lucida Grande', Helvetica, Arial, Sans-Serif;
font-weight:
normal;
margin-bottom:
10px;
}
.contact-form-button-submit:hover{
background:
#4a7694;
border:
none;
}
لتظهر
المشاركة باللون و الشكل التالي:
ملاحظة:
يمكنك ان تغيير لون خلفية هذه حسب ما يلائم لون مدونتك من خلال البحص في الكود CSS السابق على كلمة background و قد قمت بتلوينها باللون الاصفر في الكود
السابق كما يلي:
background: #d5dde6;
ثم
غيير رقم اللون المناسب لمدونتك و لموقعك بتغيير الرقم التالي #d5dde6
الخاص بقيمة background ...........
الى هنا نكون قد قدمنا لكم هذا
الوضوع ليكون اضافة في سرح المعرفة اتمنى ان يكون في متناول الجميع ....
اذا واجهتك أي مشكل او تسائل
ضعه في تعليق اسفل الموضوع و سنجيبكم على كل التسائلات باذن الله ....
ان اعجبك الموضوع لا تنسى بمتابعتنا
بالنقر على متابعة بالبريد الالكتروني في اسفل الموضوع حتى يصلكم كل جديد في موقع برامج
انترنت و اخبارك نت ...
يمكنكم
متابعة ايضا المواقع التالية كمصدر لاهم المعلومات .....
زورو المواقع التالية
|
|
|
|
|
|
|
|
|
css
computer, program, php, js, json, jQuery, drupal, drupal 7, jQuery UI, SASS, html, html5, css, css3, articles, courses, دورات, برمجة, دورات باللغة العربية
CSS Tutorial, Learn CSS, YouTube videos, CSS templates, web design
الجزائر, الولايات المتحدة, مصر, المغرب, كندا, المكسيك, فرنسا, اندونيسيا, الهند, المملكة العربية السعودية, الاردن, جيبوتي, العراق, السودان, سوريا, اليمن, روسيا, البرازيل, قطر، سوريا، لبنان، ليبيا، تونس، انجلترا، ماليزيا، ايران، العرب، اليورو، دولار، ربح، مال، ذهب، اسبانيا، كرة القدم، جنس، جنسي، نساء، بنات، فضائح، موسيقى، افلام، يوتوب، فايسبوك، وضعيات، جنسية، الجنسية
Algeria, the United States, Egypt, Morocco, Canada, Mexico, France, Indonesia, India, Saudi Arabia, Jordan, Djibouti, Iraq, Sudan, Syria, Yemen, Russia, Brazil, Qatar, Syria, Lebanon, Libya, Tunisia, England , Malaysia, Iran, Arabs, euro, dollar, profit, money, gold, Spain, football, sex, sexy, women, girls, scandals, music, movies, YouTube, Facebook, positions, nationality, sexual
ليست هناك تعليقات