اكثر الكلمات بحثا على قوقل مصر 2018

البحث العام
1) نتيجة الشهادة الابتدائية
2) قرعة كاس العالم
3) مسلسل سلسال الدم
4) اغنية الكيف
5) الاكاديمية المهنية للمعلمين
6) بنك المعرفة المصرى
7) مباراة مصر والكاميرون
8) Despacito
9) انتخابات نادي الأهلي

الأحداث
1) قرعة كاس العالم
2) انتخابات نادي الأهلي
3) جنازة الفنانة شادية
4) تحديث بطاقة التموين
5) حادث الواحات
6) نتيجة قرعة الحج السياحى
7) اعصار ارما
8) انتخابات نادي الزمالك
9) جزيرة الوراق
10) تيران وصنافير

الأغاني
1) اغنية الكيف
2) Despacito
3) مهرجان العب يلا
4) مزمار عبد السلام
5) اغنيه بتنادينى تانى ليه
6) اغنية عم يا صياد
7) مهرجان دلع تكاتك
8) 3 دقات
9) معدي الناس
10) البوم عمرو دياب

الشخصيات العامة
1) محمود الخطيب
2) احمد شفيق
3) اليسا
4) جميلة عوض
5) عبد السلام
6) وفاء الكيلاني
7) محمود طاهر
8) نادر احمد
9) عصام الحضري
10) محمد صلاح

المباريات
1) مباراة مصر والكاميرون
2) مباراة الاهلي والترجي
3) مباراة مصر وغانا
4) مباراة مصر ومالي
5) مباراة مصر وبوركينا فاسو
6) مباراة مصر واوغندا
7) مباراة مصر وتونس
8) مباراة الاهلى والوداد المغربى
9) مباراة مصر والمغرب
10) مباراة الاهلى والنجم الساحلى

المسلسلات
1) مسلسل سلسال الدم
2) كفر دلهاب
3) رامز تحت الارض
4) مسلسل كلبش
5) عفاريت عدلي علام
6) مسلسل الاسطورة
7) شكشك شو
8) هبة رجل الغراب
9) لمعي القط
10) هاني هز الجبل

اكثر الكلمات بحثا على قوقل السعودية

البحث ..
1) حساب المواطن
2) نظام فارس
3) شيلة زلزله
4) حلول
5) بوابة المستقبل
6) قطر
7) شباب البومب
8) شعيب راشد
9) ايفون 8
10) سبنر

الأحداث

1) عبدالعزيز بن فهد
2) معن الصانع
3) هناء اسكندر
4) مشروع نيوم
5) اليوم الوطني 1439

الأغاني
1) زلزله
2) Despacito
3) عوافي
4) !صه
5) تحزم تحزم
6) حقير الشوق
7) ذاك الغبي
8) سرها ياهاجسي
9) طير انت
10) انت ملك

الأكلات
1) كرات البطاطس
2) المطبق بالبيض
3) كيكة الزعفران
4) الكنافة
5) شوربة الشوفان
6) المهلبية
7) الكريم كراميل
8) المنتو الكذاب
9) الحنيني
10) كرات اللوتس

الشخصيات العامة
1) شعيب راشد
2) رؤى الصبان
3) إيفانكا ترامب
4) عائلة فيحان
5) عبدالعزيز بن سعود بن نايف
6) معن الصانع
7) وفاء الكيلاني
8) خمسه اضواء
9) محمد بن سلمان بن عبد العزيز آل سعود
10) هناء اسكندر

المسلسلات
1) شباب البومب
2) ذكريات لا تموت
3) مسلسل خمس بنات
4) رامز تحت الارض
5) غرابيب سود
6) سيلفي 3
7) مسلسل حياة ثانية
8) باب الحارة 9
9) زواج مصلحه
10) 13 Reasons Why

احصائية اكثر الكلمات بحثا على قوقل 2018

 الاطّلاع على المواضيع والكلمات التي كانت رائجة في العام 2018

بحث

1
إعصار إيرما
2
اي فون 8
3
iPhone X
4
مات لوير
5
ميغان ماركل
6
13 أسباب
7
توم بيتي
8
فيدجيت سبينر
9
تشيستر بينينجتون
10
فريق الهند الوطني للكريكيت

اشخاص

1
مات لوير
2
ميغان ماركل
3
نادية توفا
4
هارفي وينشتاين
5
كيفين سباسي
6
جال غادوت
7
ميلانيا ترامب
8
فلويد مايويذر جونيور
9
مايكل فلين
10
فيليب كوتينهو

أخبار عالمية

1
إعصار إيرما
2
بيتكوين
3
لاس فيغاس للرماية
4
كوريا الشمالية
5
كسوف الشمس
6
إعصار هارفي
7
مانشستر
8
إعصار خوسيه
9
إعصار ماريا
10
نيسان الزرافة

ممثلين

1
ميغان ماركل
2
كيفين سباسي
3
جال غادوت
4
لويس سي.
5
بيل سكارسجارد
6
ميلي بوبي براون
7
توم هولاند
8
كايلى كوكو
9
ساويرس رونان
10
جاسون موموا

تكنولوجيا المستهلك

1
اي فون 8
2
iPhone X
3
نينتندو سويتش
4
Samsung Galaxy S8
5
Xbox One X
6
نوكيا 3310
7
الماسح الهاتف
8
Oppo F5
9
OnePlus 5
10
نوكيا 6

انتخابات

1
الانتخابات الفرنسية
2
الانتخابات الفيدرالية الألمانية
3
الانتخابات البريطانية
4
انتخاب أوتار براديش
5
الانتخابات الخاصة في جورجيا
6
الانتخابات الخاصة مونتانا
7
انتخاب بريتيش كولومبيا
8
انتخاب BMC
9
الانتخابات الإقليمية الصقلية
10
الانتخابات الهولندية

الأحداث الرياضية العالمية

1
بطولة ويمبلدون
2
قوة
3
مايويذر ضد مكجريجور
4
سباق فرنسا
5
سلسلة العالم
6
بطولة استراليا المفتوحة
7
الولايات المتحدة المفتوحة
8
كأس القارات FIFA
9
الدوري الاميركي للمحترفين البلاي اوف
10
دوري أبطال أوروبا

كيف... ؟ الاستفسار والتعلم

1
كيفية صنع الوحل
2
كيفية صنع النظارات الشمسية الكسوف
3
كيف لشراء بيتكوين
4
كيف لمشاهدة مايويذر مقابل ماكجريجور
5
كيف تصنع دوار تململ
6
كيف تشاهد كسوف الشمس
7
كيف تجمد رصيدك
8
كيف تلعب Powerball
9
كيفية شاشة السجل
10
كيف تفقد الدهون في البطن بسرعة

خسائر وكوارث

1
توم بيتي
2
تشيستر بينينجتون
3
كريس كورنيل
4
بيل باكستون
5
هيو هفنر
6
آرون هيرنانديز
7
ليل بيف
8
小林 麻 央
9
تشارلي مورفي
10
ديفيد كاسيدي

الدراما

1
كاش مي خارج ميمي
2
يونايتد ايرلاينز ميمي
3
العفريت على الرف ميمي
4
ماذا في تارنس ميمي
5
سبونجبوب يسخرون
6
رومر ميمي
7
تكنولوجيا المعلومات
8
جو بايدن
9
لعبة من عروش
10
هوت دوج ميمي

أفلام

1
IT
2
إمراة رائعة
3
الجميلة والوحش
4
لوجان
5
الدوري العدالة
6
مصير الغاضب
7
Baahubali 2: الخاتمة
8
دونكيرك
9
لا لا لاند
10
ثور: راجناروك

الموسيقيين والمشاهير
Songs/Lyrics
1) Despacito
2) Shape of You
3) Perfect
4) Havana
5) Look What You Made Me Do
6) HUMBLE.
7) Versace on the Floor
8) Closer
9) Bad and Boujee
10) Rockstar

اريانا جراند
2
لينكن بارك
3
المطربه سيدة غاغا

وصفة واكلات

1
وصفة صدور الدجاج
2
وصفة لحم البقر المطحون
3
Poğaça tarifi (وصفة خبز تركية)
4
وصفة توست الفرنسية
5
كيك الطريفي (وصفة كعكة)
6
وصفة لحم الخنزير
7
اسباجيتي الاسكواش وصفة
8
وصفة كولسلو
9
وصفة البيستو
10
餃子 レ シ ピ (وصفة زلابية)

كلمات الأغاني

1
Despacito
2
شكل لك
3
في احسن الاحوال

العروض تلفزيونية

1
أشياء غريبة
2
13 أسباب
3
البرازيل الاخ الاكبر
4
لعبة العروش
5
قبضة حديدية
6
بيج بوس
7
ريفرديل
8
الآلهة الأمريكية
9
عرض كابيل شارما

7 نصائح: كيفية الحصول على مزيد من التعليقات على مدونتك

7 نصائح: كيفية الحصول على مزيد من التعليقات على مدونتك

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

في ما يلي 7 نصائح مفيدة يمكنك استخدامها للحصول على مزيد من التعليقات لمشاركات مدونتك . أي أفكار واقتراحات ، شاركنا في مربع التعليقات أدناه.

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

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

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

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

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

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

جعل المحتوى الخاص بك قليلا مثيرة للجدل 
لا تجعل رسالتك مملة ، يجب عليك دائمًا تقديم آراء مثيرة للتفكير لتسمح للقراء بالتفاعل معها. ولماذا لا تجعل المحتوى الخاص بك مثيرًا للجدل بدلاً من كتابة شيء عام. ضع في اعتبارك أنه عندما تكون هناك آراء متضاربة ، سيكون هناك نقاش حول مشاركتك.

طريقة عمل سلايدر متحرك رائع مع عنوان المواضيع والاقسام

طريقة عمل سلايدر متحرك رائع مع عنوان المواضيع والاقسام

طريقة تركيب السلايدر 

اذهب الى تعديل القالب فى المدونة 
2- اضغط على  Edit HTML
3- ابحث عن الوسم بالضغط على Ctrl+F
ثم نبحث على الوسم </head>
ونلصق قبله الكود التالى 

<!-- BloggerDynamicSlider Basic CSS -->
<style type="text/css">
/**
 *  jQuery BloggerDynamicSlider v1.0.0
 *  Copyright 2016 http://shuvojitdas.com
 *  Contributing Author: Shuvojit Das
 *  Plugin URL: https://github.com/shuvojit33/blogger-dynamic-slider
 *
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);
@import url("https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.0/flexslider.min.css");
/* Preloader */
.flexslider.loading:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoPlLXpqmU3KHyEO6QLX5iw2W17Jq6h5tNXSrOTYQVKuIpPiI1J4X0gVPMENzAcuGYxn4rnHSw0-9p3K6ZmGx4lPlpHb2SGFfvP1GOtQ39TTaBNyTHSkxj39T5ML1qqHjyBK9suSW0AXU/h120/loader.gif) no-repeat center center;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}
.flexslider.loading ul.flex-direction-nav,
.flexslider.loading ol,
.loading .flex-caption {
    display: none;
}
.flexslider {
    border: 1px solid #cacaca;
    padding: 4px;
    margin: 0 auto 60px auto;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.flexslider a {
    text-decoration: none;
}

/* Caption/Post Title */
.flex-caption {
    position: relative;
    padding-left: 15px;
    padding-right: 10px;
    height: 60px;
    background: #FFFFFF;
    color: #1C1C1C;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 26px;
    line-height: 26px;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flex-caption span {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}
.flex-caption.overlayDark,
.flex-caption.overlayLight {
    margin-bottom: -60px;
    bottom: 60px;
    position: relative;
}
.flex-caption.overlayDark {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.flex-caption.overlayLight {
    background: rgba(255, 255, 239, 0.9);
    color: #000;
}
ul.slides li a {
    display: block;
    overflow: hidden;
}

/* blogger css conflicts fix */
.flexslider ul {
    margin: 0 !important;
    padding: 0 !important;
    line-height: initial !important;
}
.flexslider ul.flex-direction-nav li {
    margin: 0;
    padding: 0;
    line-height: initial;
}
.flexslider ul li {
    margin-bottom: 0 !important;
}
.flexslider img {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
ul.flex-direction-nav {
    position: static;
}
ul.flex-direction-nav li {
    position: static;
}
.error {
    font-family: monospace, sans-serif;
}
@media (max-width: 600px) {
    .flex-caption {
        font-size: 20px;
        line-height: 20px;
        font-weight: 400;
    }
}
</style>
<!-- Include Dependency Script -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.6.0/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="http://shuvojitdas.com/script/jquery.bdslider.min.js"></script>

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

<div id="slider2"></div>

<script type="text/javascript">

$(document).ready(function() {

    $("#slider2").BloggerDynamicSlider({

        blogURL: "//palstine10.blogspot.com/

", // Your Blog URL. example: "http://imagesliderforblogger.blogspot.com"

        labelName: "اسم القسم او ترك الخيار فارغ لعرض الكل", // Show posts from specific Label. Specify a 'Label', or leave it empty to fetch from all recent posts

        maxItem: 9, // Max number of Slider Posts to show

        showPostTitle: true, // Show post title as Caption ? (true/false)

        postTitleStyle: "overlayDark", // Select post title/caption style "default, "overlayDark" or "overlayLight"

        imageWidth: 704, // Image width in px value

        imageHeight: 440, // Image height in px value

    });

});

</script>

مثال على السلايدر

مثال 1 

مثال 2

خمس طرق لتحسين ترتيب موقعك (SEO)

اتبع هذه الاقتراحات، ومشاهدة موقع الويب الخاص بك ترتفع في صفوف لأعلى نتائج محرك البحث.1. نشر المحتوى ذات الصلة
1. Publish Relevant Contentنوعية المحتوى هو المحرك رقم واحد من تصنيفات محرك البحث الخاص بك، وليس هناك بديل عن محتوى كبير. نوعية المحتوى التي أنشئت خصيصا للمستخدم المقصودة يزيد حركة المرور في الموقع، مما يحسن من السلطة موقعك وأهميتها.
تحديد العبارة الرئيسية لكل صفحة. التفكير في كيفية القارئ قد بحث عن أن صفحة معينة (مع عبارات مثل "الهندسة الميكانيكية في ميشيغان"، "أفضل برنامج الفيزياء التطبيقية"، أو "درجة ميشيغان تك"). ثم، كرر هذه العبارة عدة مرات خلال الصفحة مرة واحدة أو مرتين في الافتتاح والفقرات الختامية، و2-4 مرات أكثر في جميع أنحاء محتوى المتبقية.
لا تنس أن تستخدم، مائل، والعلامات التوجه، والعلامات التركيز أخرى جريئة لتسليط الضوء على جمل كلمات رئيسية، ولكن لا تبالغي.
أبدا التضحية الكتابة الجيدة لكبار المسئولين الاقتصاديين. تتم كتابة افضل صفحات للمستخدم، وليس لمحرك البحث.2. تحديث المحتوى الخاص بك بانتظام
ربما كنت قد لاحظت أن نشعر بقوة جدا حول المحتوى. محركات البحث لا، أيضا. بانتظام ينظر إلى المحتوى المحدث باعتبارها واحدة من أفضل المؤشرات على ملاءمة الموقع، لذلك تأكد من الحفاظ عليه طازجا.3. Metadata
عند تصميم موقع الويب الخاص بك، كل صفحة تحتوي على مسافة بين <رئيس> علامات لادخال بيانات التعريف، أو معلومات حول محتويات الصفحة الخاصة بك. إذا كان لديك موقع CMS، سيقوم فريق الويب UMC يكون ما قبل بالسكان هذه البيانات بالنسبة لك:

    عنوان Metadata
    عنوان الفوقية هو المسؤول عن عناوين الصفحات المعروضة في الجزء العلوي من نافذة المتصفح. هذا هو التعريف الأكثر أهمية على الصفحة الخاصة بك. لمن لديهم موقع على شبكة الانترنت CMS، وقد وضعت الفريق على شبكة الإنترنت نظام آلي لخلق عنوان الفوقية لكل صفحة ويب.
    وصف ميتا
    وصف الفوقية هو وصفا نصيا من شأنها أن استخدام متصفح في عودتك بحث الصفحة. كما أنها تفكر في عرض واحد نافذة وصف موقعك موجزة وجاذبية من ما هو وارد في الداخل، وذلك بهدف تشجيع الناس على الدخول.
    الكلمة Metadata
    التعريف الكلمات الرئيسية هي البحث العبارات هذا النوع من الناس عندما يريدون العثور على الصفحة الخاصة بك. فأنت تريد أن تشمل مجموعة متنوعة من العبارات. ومع ذلك، لا يحصلون على الجشع: إذا أصبحت قائمتك المفرطة، والمتصفح قد تجاهل تماما البيانات. كقاعدة عامة، في محاولة لإبقائه على حوالي 6-8 العبارات مع كل عبارة تتكون من 1-4 كلمات. ومن الأمثلة عظيم أن يكون "درجة علوم الكمبيوتر."
4. هل لديك موقع الارتباط يستحق
4. Have a link-worthy siteالتركيز على خلق روابط ذات الصلة داخل النص. بدلا من وجود "انقر هنا" وصلات، ومحاولة الكتابة من اسم الوجهة. "انقر هنا" لا قيمة له محرك البحث وراء URL المرفقة، في حين أن "ميشيغان برنامج المؤسسة للتكنولوجيا" غني مع الكلمات الرئيسية وسوف تحسين تصنيفات محرك البحث الخاص بك وكذلك ترتيب الصفحة التي تربط ل.5. استخدام العلامات البديلة
5. Use alt tagsوصف دائما الخاصة بك وسائل الاعلام المرئية والفيديو باستخدام العلامات البديلة، أو وصف النص بديلة. أنها تسمح لمحركات البحث لتحديد مكان الصفحة الخاصة بك، وهو أمر حاسم، خصوصا بالنسبة لأولئك الذين يستخدمون متصفحات النص فقط.
هذه ليست سوى أمثلة قليلة من كثير طرق لتحسين تصنيف محرك البحث. إذا كنت ترغب في معرفة المزيد، ونحن نوصي الموارد التالية:

• blogs.mtu.edu/webmaster—specific post about SEO and Usability
• www.moz.com—professional blog and SEO tools
• www.google.com/webmasters/tools—a great reference for understanding your Google site stats

شرح اضافة او عمل نموذج اتصل بنا مميز لمدونتك

بسم الله الرحمن الرحيم

شرح اضافة او عمل نموذج اتصل بنا مميز لمدونتك

اولا : اعمل تسجيل دخول لمدونتك 

ثانيا :اختار التخطيط من ثم اختار اضافة  جادجت 

ثالثا اختار المزيد من الاضافات او جادجت

رابعا : اختر نموذج الاتصال او contact form

نعمل على اخفاء نموج الاتصال او الفوم 

اذهب واختار قالب 

ثم اختار او اضغط على زر تحرير HTML

ثم نبحث داخل القالب المراد تعديله ctrl +F

فى خانة البحث نكتب التالى 

]]></b:skin>

ونضع قبلها كود اخفاء الفورم او نموذج الاتصال التالى 

#ContactForm1{display: none !important;}

ثم نضغط على كلمة حفظ لحفظ التعديلات 

الان نريد عمل نموذج اتصال ثابت من خلال صفحة 

اذهب الى الصفحات وانشىء صفحة جديدة

اختار اسم للصفحة اتصل بنا او contact us

ثم اختار اعدادات الصفحة والغى التعليقات

كما موضح بالصورة اعلاه

1- لعمل نموذج اتصال بسيط  كما فى الصورة اسفل

اضغط على HTML كما هو موضح فى صورة انشاء الصفحة

والصق الكود التالى 

<style type="text/css">
.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:40px 0}.contactf-name,.contactf-email{float:left;width:48.25%}.contactf-name{margin-right:3.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:0 0 20px;padding:10px 15px;font-size:12px;letter-spacing:1px;color:#444;background:#F3F3F3;border:medium none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:37px}.contact-form-email-message{height:170px}.contact-form-button-submit,.contact-form-button-submit:hover{width:13%;height:30px;font:normal 12px Arial;letter-spacing:1px;color:#444;display:block;outline:none;margin-bottom:20px;text-align:center;background:#E6E6E6;border:0;cursor:pointer}.contact-form-button-submit:active{outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important}
</style>

<div class="widget ContactForm" id="ContactForm1"><div class="contact-form-widget"><div class="form"><form name="contact-form"><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="NAME" onblur='if (this.value == "") {this.value = "NAME";}' onfocus='if (this.value == "NAME") {this.value = "";}'  /></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="EMAIL" onblur='if (this.value == "") {this.value = "EMAIL";}' onfocus='if (this.value == "EMAIL") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" value="MESSAGE" onblur='if (this.value == "") {this.value = "MESSAGE";}' onfocus='if (this.value == "MESSAGE") {this.value = "";}'></textarea></div><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="SEND" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></form></div></div></div>

2- لعمل نموذج اتصال مميز كما اسفل بالصورة 

الصق الكود التالى فى خانة الصفحة بعد اختار تحرير HTML

<style type="text/css">
.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:0}hr{position:relative;height:.75em;border:0;overflow:hidden;margin:0}hr:before{content:"";display:block;position:absolute;top:0;left:0;height:.75em;width:5.1em;background:#C4DD83;box-shadow:5em 0 0 0 #F4FCC9,10em 0 0 0 #FDCD78,15em 0 0 0 #ED786F,20em 0 0 0 #D99DBF,25em 0 0 0 #C39EDC,30em 0 0 0 #679DE2,35em 0 0 0 #62C2E3,40em 0 0 0 #F4FCC9,45em 0 0 0 #FDCD78,50em 0 0 0 #ED786F,55em 0 0 0 #D99DBF,60em 0 0 0 #C39EDC}.contactf-name,.contactf-email{float:left;width:49.25%}.contactf-name{margin-right:1.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:25px 0 0;padding:10px;font-size:15px;color:#ccc;border-color:#E8E8E8;border-width:2px 2px 4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.contact-form-name,.contact-form-email{height:40px}.contact-form-email-message{height:100px}.contact-form-button-submit,.contact-form-button-submit:hover{margin-top:25px;width:100%;height:40px;font-size:15px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.25);background:#EE786F;border:0;border-bottom:2px solid #D4685C;outline:none;cursor:pointer;-webkit-box-shadow:inset 0 -2px #D4685C;box-shadow:inset 0 -2px #D4685C}.contact-form-button-submit:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}.contact-form-cross{border:medium none !important;box-shadow:none !important;padding:0 !important;}
</style>

<div class="widget ContactForm" id="ContactForm1"><div class="contact-form-widget"><hr><div class="form"><form name="contact-form"><div class="contactf-name"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="Name" onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}'  /></div><div class="contactf-email"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="E-mail address" onblur='if (this.value == "") {this.value = "E-mail address";}' onfocus='if (this.value == "E-mail address") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" value="Type your message here..." onblur='if (this.value == "") {this.value = "Type your message here...";}' onfocus='if (this.value == "Type your message here...") {this.value = "";}'></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send Message" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div></div></div>

3- لعمل نموذج اتصال رائع كما فى الصورة اسفل

اكتب الكود التالى فى الصفحة المراد انشاؤها بعد الضغط على زر HTML

<style type="text/css">
.widget.ContactForm{z-index:1}.contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:25px 0;background:#EBEBE3;-webkit-border-radius:2%;-moz-border-radius:2%;border-radius:2%}.contact-form-widget .form{width:91%;margin:0 auto}.ribbon{font:16px Arial;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,0.25);position:relative;background:#6B5F53;color:#fff;text-align:center;padding:1em 2em;margin:0 -16px}.ribbon:before,.ribbon:after{content:"";position:absolute;display:block;bottom:-1em;border:1.5em solid #584C40;z-index:-1}.ribbon:before{left:-1.7em;border-right-width:1.2em;border-left-color:transparent}.ribbon:after{right:-1.7em;border-left-width:1.2em;border-right-color:transparent}.ribbon .ribbon-content:before,.ribbon .ribbon-content:after{content:"";position:absolute;display:block;border-style:solid;border-color:#42362A transparent transparent;bottom:-1em}.ribbon .ribbon-content:before{left:0;border-width:1em 0 0 1em}.ribbon .ribbon-content:after{right:0;border-width:1em 1em 0 0}.contactf-name,.contactf-email,.contactf-message{text-align:left;margin-top:25px;color:#a1937b;font-size:13px}.contactf-name,.contactf-email{float:left;width:100%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus{width:100%;max-width:100%;margin:10px 0 0;padding:10px;font-size:12px;color:#aaa;border-color:#DBD6D1;border-width:1px;box-shadow:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.contact-form-name,.contact-form-email{height:35px}.contact-form-email-message{height:100px}.contact-form-button-submit,.contact-form-button-submit:hover{margin-top:25px;width:100%;height:37px;font:normal 12px Arial;outline:none;letter-spacing:1px;color:#fff;text-align:center;cursor:pointer;text-shadow:1px 1px 0 #ffe8b2;color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#fed970) to(#febd4b));background:-webkit-linear-gradient(#fed970,#febd4b);background:-moz-linear-gradient(#fed970,#febd4b);background:-ms-linear-gradient(#fed970,#febd4b);background:-o-linear-gradient(#fed970,#febd4b);background:linear-gradient(#fed970,#febd4b);-pie-background:linear-gradient(#fed970,#febd4b)}.contact-form-button-submit:active{color:#7c5d1b;border:1px solid #d6a437;background:#febd4b;background:-webkit-gradient(linear,0 0,0 100%,from(#febd4b) to(#fed970));background:-webkit-linear-gradient(#febd4b,#fed970);background:-moz-linear-gradient(#febd4b,#fed970);background:-ms-linear-gradient(#febd4b,#fed970);background:-o-linear-gradient(#febd4b,#fed970);background:linear-gradient(#febd4b,#fed970);-pie-background:linear-gradient(#febd4b,#fed970)}.contact-form-cross{border:medium none!important;box-shadow:none!important;padding:0!important}
</style>

<div class="widget ContactForm" id="ContactForm1"><div class="contact-form-widget"><h2 class="ribbon"><strong class="ribbon-content">Shoot Me an Email</strong></h2><div class="form"><form name="contact-form"><div class="contactf-name">Your name:<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="Name" onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}'  /></div><div class="contactf-email">E-mail address *:<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="E-mail address" onblur='if (this.value == "") {this.value = "E-mail address";}' onfocus='if (this.value == "E-mail address") {this.value = "";}'/></div><div style="clear:both"></div><div class="contactf-message">Message *:<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" value="" placeholder="Type your message here..."></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="SEND MESSAGE" /><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div></div></div>