ابداع هاوس

طريقة تغيير لون قالب مدونتك بطريقة احترافية [فيديو]

ebd3h4web@gmail.com (أحمد رجب) — Fri, 1 Jul 2016 09:34:00 -0700

درس رائع جديد من تلك المميزة التي عودناكم عليها ..
بعدما تعلمت كيف تعرب قالب بلوجر وكيف تغير خطوط المدونة
لابد أنك توقعت أن الخطوة القادمة هي كيف تقوم بتغيير لون المدونة .. وهذا ما حدث !

إليك الشرح بالفيديو من قناتنا على اليوتيوب :
https://www.youtube.com/watch?v=moVvYJyFxFo

هل تكره الفيديوهات ؟! هذا حقك .. إليك :

شرح كتابي للطريقة ..

1- استخدم برنامج color crop لتحديد كود اللون المراد تغيير في مدوتك .. وذلك بسحب أداة الماصة أو eyedropper (شبيهة بالقلم) ناحية اللون ثم إفلاتها .. بعد هذا انسخ الكود الذي يظهر .. بالضغط على ctrl + c

2- * توجه إلى لوحة التحكم >> قالب >> تحرير HTML

*اضغط ctrl + shift + R

3-الصق الكود الأول في المربع الذي يضهر .. ثم انتظر حتى تنفيذ الخطوة الثالثة ..

4- *على طريقة الخطوة الأولى .. اعرف كود اللون الجديد المراد تركيبه على المدونة .. اسحبه من موقع آخر أو برنامج .. الخ ..

*قم بلصق كود اللون الجديد في المربع الذي ظهر لك بعد تنفيذ الخطوة الثانية ctrl + v

5- اضغط على حفظ النموذج

ومبروك عليك اللون الجديد !

ملحوظة مهمة

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

كيفية تغيير شكل فيديو اليوتيوب على مدونتك

ebd3h4web@gmail.com (أحمد رجب) — Fri, 4 Mar 2016 13:51:00 -0800

السلام عليكم ورحمة الله وبركاته ..

خلال فترة تغيبي عن التدوين ، طلب أحد المتابعين شرح لطريقة تنسيق شكل الفيديوهات في المدونة .. لتظهر بشكل أفضل
كما هو الحال في مدونتي ..

الطريقة غاية في البساطة ..

اتجه إلى لوحة التحكم واضغط على رمز القلم : لكتابة موضوع جديد .
بعد كتابة ما تود كتابته ليظهر فوق الفيديو ، اضغط على زر [HTML] بدلا من [تحرير] الموجود في محرر المشاركات

افرغ مساحة قبل كود </div>

في المساحة الخالية .. ضع الكود التالي :

<embed allowfullscreen="true" allowscriptaccess="always" height="400px" src="http://www.youtube.com/v/cjb8Oa5BnFw&feature=youtu.be&rel=0&theme=light&showinfo=0&color=white" type="application/x-shockwave-flash" width="100%"></embed>

مع استبدال ما باللون الأحمر برابط الفيديو على اليوتيوب .

كما يظهر في الصورة التالية :

ثم تنشر تدوينتك ^_^

لمعاينة الشكل الجديد للفيديو : اضغط هنا

اذا أعجبك الفيديو شاركه أو ارسله لأصدقائك ، فالدال على الخير كفاعله .

كيفية إضافة كتاب ومشرفين لمدونات بلوجر وجعل المدونة جماعية

ebd3h4web@gmail.com (أحمد رجب) — Mon, 13 Jul 2015 05:51:00 -0700

كثيرا ما ترى في بعض المدونات أن هناك فريقا للعمل وليس فردا واحدا فقط .... فكيف ذلك ؟
هذا ما سنتعلمه من خلال هذه التدوينة البسيطة ...

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

لإضافة الكتاب والمشرفين قم باتباع الخطوات التالية :
أولا توجه لــــ لوحة التحكم >> الإعدادات >> أساسي

بعد ذلك توجه لـ"الأذونات" واضغط على "إضافة مؤلفين"

بعد ذلك سيظهر لك مربع ... قم بكتابة البريد الالكتروني للشخص أو الأشخاص الذي تريد إضافتهم لفريق العمل ثم اضغط على "دعوة مؤلفين"

سيتم إرسال دعوات لهم على البريد الإلكتروني ... وسيتم إضافتهم تلقائيا ككتاب ...
بعد ذلك يمكنك تحويل الكاتب إلى مشرف ...
عن طريق تغيير حالته .. هكذا ..

ملاحظة : من المستحسن أن تكون المشرف الوحيد في المدونة وتضيف باقي فريق العمل ككتاب ... لأن المشررف ستكون له نفس صلاحيات صاحب المدونة الأصلي .

إلى هنا نكون قد وصلنا إلى ختام درس اليوم ... أتمنى أن تكونوا قد استفدتم منه ...

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

ebd3h4web@gmail.com (أحمد رجب) — Fri, 25 Jul 2014 05:07:00 -0700

السلام عليكم ورحمة الله وبركاته ..
أهلا بكم أعضاء وزوار مدونة ابداع هاوس
هذا هو الدرس الثاني من دورة تطوير المواقع [تابع الدرس الأول : كيفية تعريب قالب بلوجر]

من خلال هذا الموضوع سوف تتمكن من اضافة أروع وأحدث الخطوط في الويب لمدونات بلوجر.
[عدد الخطوط : سبعة]

طريقة التركيب :
أولا توجه الى لوحة التحكم >> قالب >> تحرير Html
ثم نبحث عن الوسم ]]></b:skin>
ونضيف قبله مباشرة كود css لخطوط المراد إضافتها للمدونة

الخط الأول : ge_dinar

@font-face {
font-family: "ge_dinar";
src: url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot');
src: local("â˜º"), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.eot?#iefix') format('embedded-opentype'), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/ge_dinar.otf') format('opentype');
font-weight: normal;
}

الخط الثاني : ges

@font-face {
font-family: 'ges';
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot');
src: url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.eot?') format('embedded-opentype'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.woff') format('woff'),
url('https://dl.dropboxusercontent.com/u/83505058/ge-ss-med-webfont.ttf') format('truetype');
}

الخط الثالث : GE-SS-Unique

@font-face {
font-family: 'GE SS Unique';
src: url('http://www.fontsaddict.com/fontface/ge-ss-unique-light.otf');
}

الخط الرابع : DroidKufi-Bold

@font-face {
font-family: "DroidKufi-Bold";
font-style: normal;
font-weight: 700;
src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf") format("truetype");
}

الخط الخامس : DroidKufi-regular

@font-face {
font-family: "DroidKufi-regular";
font-style: normal;
font-weight: 400;
src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf") format("truetype");
}

الخط السادس : Kaushan Script

@font-face{ font-family:'Kaushan Script'; font-style:normal; font-weight:400; src:local('Kaushan Script'),local('KaushanScript-Regular'),url(http://themes.googleusercontent.com/static/fonts/kaushanscript/v1/qx1LSqts-NtiKcLw4N03IFhlQWQpSCpzb2Peu3I-Q34.woff) format('woff')
}

الخط السابع : hacen_liner

@font-face {
font-family: "hacen_liner";
src: url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/hacen_liner.eot');
src: local("â˜º"), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/hacen_liner.eot?#iefix') format('embedded-opentype'), url('http://www.hawaalive.com/girl-games/themes/default/assets/fonts/hacen_liner.woff');
font-weight: normal;
}

بعدج إدراجك للأكواد السابقة ... عندما تريد اضافة /تغيير خط معين فى أي جزء في القالب (القائمة مثلا)
ستجد الكود على هذا الشكل font-family:arial , tohama
اضف اسم الخط بعد font-family: مباشرة ..
لتكون في النهاية بهذا الشكل font-family: font-name arial , tohama
طبعا استبدل font-name باسم الخط .

أما إذا أردت تعميم خط واحد على القالب بأكمله (مع العلم أنها لا تنفع مع كل القوالب) ..
ما عليك سوى البحث عن body {
وأضف بعدها font-family: font-name

( إذا وجدت الكود السابق لا تقوم بإضافته مرة أخرى وإنما قم بالتعديل عليه فقط )

الى هنا نكون قد وصلنا الى ختام موضوع اليوم ... أتمنى أن تكونو قد اسفدتم ولو بالقيل ..

إذا أعجبك الدرس لا تبخل بمشاركته مع أصدقائك .

شرح مفصل للطريقة اليدوية لتعريب قوالب بلوجر بدون أخطاء [فيديو]

ebd3h4web@gmail.com (أحمد رجب) — Tue, 22 Jul 2014 16:47:00 -0700

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

وإليكم شرح بالفيديو من قناتنا على اليوتيوب :

http://www.youtube.com/v/cjb8Oa5BnFw

شرح كتابي وملاحظات هامة :

عملية تعريب قالب بلوجر تتم على 3 خطوات

1-تغيير اتجاهات القالب

يجب عليك تغيير جميع اتجاهات القالب عن طريق تحويل جميع الـ right الى left

ولكي تقوم بذلك عليك استخدام هذا الاختصار [ctrl + shift + R]

وظيفة هذا الاختصار هي استبدال كلمة معينة موجودة في القالب بأخرى ..

أولا قم بالضغط على [ctrl + shift + R] سيظهر لك مربع اكتب فيه right

ثم اضغط Entrer واكتب في المربع الثاني yemen

ثم كرر الخطوة السابقة ولكن استبدل leftبـ right

كرر الخطوة السابقة لآخر مرة مع استبدال yemen بـ left

هكذا تم تغيير جميع اتجاهات القالب .

2-تعديل أكواد الـ padding والـ margin

هذه الأكواد تظهر على عدة أشكال ... ما يهمنا منها في عملية التعريب هو الشكل الذي يكون بعد الـ padding أو الـ margin

4 قيم

مثل : padding:3x 5px 3px 7px;

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

padding:3x 7px 3px 5px;

وما ينطبق على أكواد الـ padding ينطبق على أكواد الـ margin

3-تغيير الكلمات الأجنبية في القالب بكلمات عربية

مثال (Home - contact Us ...)

عليك تغييرهم الى (الرئيسية - اتصل بنا ... )
------------------------------------------

أنت الإن تمكنت من تعريب قالب بلوجر يدويا ... لم يتبقى سوى تغيير الخطوط الى خطوط عربية ...
تم شرح الدرس الثاني من الدورة (لتغيير الخطوط)
أحدث وأروع الخطوط العربية في الويب لمدونات بلوجر

الى هنا يكون قد انتهى درس اليوم ... أتمنى أن تكونو قد استفدتم ولو بالقليل ... الى اللقاء .

طريقة حذف كلمة التحقق من صندوق تعليقات بلوجر

ebd3h4web@gmail.com (أحمد رجب) — Fri, 18 Jul 2014 14:25:00 -0700

السلام عليكم ورحمة الله وبركاته ..
لاشك أن كلمة التحقق هي مصدر إزعاج لمظم زوار مدونتك
بل إنها قد تؤدي أحيانا إلى إعادة النظر في نشر التعليق ... خصوصا أن كلمات تحقق جوجل غالبا ما تكون صعبة ^_^
لذلك أنصحك بمتابعة هذا الموضوع لتتمكن - بسهولة - من حذفها ..

أولا توجه الى لوحة التحكم >> اعدادات >> مشاركات وتعليقات
ثم فعل الخيار "لا" أمام خاصية كلمة التحقق
واضغط على خفظ الاعدادات

وهذا شرح مفصل من خلال الصورة التالية .

اضغط على الصورة للتكبير

الى هنا نكون قد وصلنا الى ختام موضوع اليوم ... أتمنى أن تكونو قد استفدتم ولو بالقليل ... الى اللقاء

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

ebd3h4web@gmail.com (أحمد رجب) — Thu, 17 Jul 2014 08:57:00 -0700

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

يمكنك معاينة الإضافة أسفل المدونة

طريقة التركيب :
أولا اذهب الى لوحة التحكم >> التخطيط >> اضافة أداة >> Html/Javascript
ثم قم بإضافة الكود التالي

<style type='text/css'>

#navlist {

margin: 0px auto 0px auto;

padding: 0px;

list-style-type: none;

float: center;

display: block;

}

#navlist a {

font-family: "DroidKufi-Regular";

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

background-color:#59606c;

border: 1px solid #59606c;

font-size: 10pt;

text-decoration: none;

color: #fff;

display: block;

text-align: center;

line-height: 30px;

padding-right: 0px;

margin-right: 0px;

}

#navlist a:hover {

font-family: "DroidKufi-Regular";

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

background-color:#04bcbc;

border:1px solid #04bcbc;

font-size: 12pt;

text-decoration: none;

color: #363638;

display: block;

text-align: center;

line-height: 30px;

padding-right: 0px;

margin-right: 0px;

}

</style>

<ul id='navlist'>

<table align='center' width='100 %'>

<tr>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='' target='_blank'>أعلن هنا</a>

</td>

</tr></table>

<table align='center' width='100%'>

<tr>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td></tr>

<table align='center' width='100%'>

<tr>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td></tr>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

</table>

<table align='center' width='100%'>

<tr>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td></tr>

<table align='center' width='100%'>

<tr>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td>

<td align='center' width='25%'>

<a href='/' target='_blank'>إعلانك هنا</a>

</td></tr>

</table></table></table></ul>

<div class='clear'></div>

تخصيص الإضافة :

قم بإستبدال إعلانك هنا بـ اسم الموقع
والـ # بـ رابط الموقع

ملحوظة مهمة جدا :
لظهور الإضافة بشكل أفضل قم بإستبدال DroidKufi-Regular باسم الخط المناسب

الى هنا نكون قد وصلنا الى ختام الموضوع ... الى اللقاء .

اضافة أداة التبادل الاعلاني بشكل جديد لمدونات بلوجر

ebd3h4web@gmail.com (أحمد رجب) — Thu, 17 Jul 2014 07:53:00 -0700

السلام عليكم ورحمة الله وبركاته
أهلا بكم في مدونة ابداع هاوس
اليوم أقدم لكم كود رائع لللتبادل الاعلاني ... يتميز الكود بشكل جديد وتأثيرات رائعة ..

معاينة الاضافة :

طريقة التركيب :

الطريقة سهلة جدافقط اتبع الخطوات التالية
أولا اذهب الى لوحة التحكم >> التخطيط >> اضافة أداة >> Html/Javascript

ثم أضف الكود التالي :

<style>
#advertise{
margin: auto;
}
.adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
.adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
.adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.adss img { max-height: 75px; max-width: 75px; }
#adsanime:hover { opacity:0.2; }
#adsanime a strong {
    -webkit-transition-property: opacity;
     -webkit-transition-duration: 500ms;
     -moz-transition-property: opacity;
      -moz-transition-duration: 500ms; }
#adsanime a strong {
   opacity:0;
    -webkit-transition-property: opacity, top;
     -webkit-transition-duration: 300ms;
      -moz-transition-property: opacity, top;
       -moz-transition-duration: 300ms; }
#adsanime {
    opacity:0.5;
     -webkit-transition-property: opacity, top;
      -webkit-transition-duration: 300ms;
       -moz-transition-property: opacity, top;
        -moz-transition-duration: 300ms; }
#adsanime:hover { opacity:1; }
#adsanime:hover a strong { opacity:1; top:-10px; }
</style> <center><div class="adss" id="adsanime"><a
href="#">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5hcSeEXHDxu8dVW2tnWtLqDIxRH_D_PJH3UZwBQnOVY_xbuMrnYDGD9PhIyF8jn0n5C5ErfEd3_55VlcbIY1gK_lz0Zv5tXRRxcmNHVDb54gSnEPof10nzSaiYe0vZH4anlq_zv9xVY/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div><div class="adss" id="adsanime"><a
href="#">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5hcSeEXHDxu8dVW2tnWtLqDIxRH_D_PJH3UZwBQnOVY_xbuMrnYDGD9PhIyF8jn0n5C5ErfEd3_55VlcbIY1gK_lz0Zv5tXRRxcmNHVDb54gSnEPof10nzSaiYe0vZH4anlq_zv9xVY/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong>     </a
></div><div class="adss" id="adsanime"><a
href="#">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5hcSeEXHDxu8dVW2tnWtLqDIxRH_D_PJH3UZwBQnOVY_xbuMrnYDGD9PhIyF8jn0n5C5ErfEd3_55VlcbIY1gK_lz0Zv5tXRRxcmNHVDb54gSnEPof10nzSaiYe0vZH4anlq_zv9xVY/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div><div class="adss" id="adsanime"><a
href="#">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5hcSeEXHDxu8dVW2tnWtLqDIxRH_D_PJH3UZwBQnOVY_xbuMrnYDGD9PhIyF8jn0n5C5ErfEd3_55VlcbIY1gK_lz0Zv5tXRRxcmNHVDb54gSnEPof10nzSaiYe0vZH4anlq_zv9xVY/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div><div class="adss" id="adsanime"><a
href="#">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5hcSeEXHDxu8dVW2tnWtLqDIxRH_D_PJH3UZwBQnOVY_xbuMrnYDGD9PhIyF8jn0n5C5ErfEd3_55VlcbIY1gK_lz0Zv5tXRRxcmNHVDb54gSnEPof10nzSaiYe0vZH4anlq_zv9xVY/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong>     </a
></div><div class="adss" id="adsanime"><a
href="#">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5hcSeEXHDxu8dVW2tnWtLqDIxRH_D_PJH3UZwBQnOVY_xbuMrnYDGD9PhIyF8jn0n5C5ErfEd3_55VlcbIY1gK_lz0Zv5tXRRxcmNHVDb54gSnEPof10nzSaiYe0vZH4anlq_zv9xVY/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong>     </a
></div><div class="adss" id="adsanime"><a href="#">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5hcSeEXHDxu8dVW2tnWtLqDIxRH_D_PJH3UZwBQnOVY_xbuMrnYDGD9PhIyF8jn0n5C5ErfEd3_55VlcbIY1gK_lz0Zv5tXRRxcmNHVDb54gSnEPof10nzSaiYe0vZH4anlq_zv9xVY/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div><div class="adss" id="adsanime"><a
href="#">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5hcSeEXHDxu8dVW2tnWtLqDIxRH_D_PJH3UZwBQnOVY_xbuMrnYDGD9PhIyF8jn0n5C5ErfEd3_55VlcbIY1gK_lz0Zv5tXRRxcmNHVDb54gSnEPof10nzSaiYe0vZH4anlq_zv9xVY/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div><div class="adss" id="adsanime"><a
href="#">    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5hcSeEXHDxu8dVW2tnWtLqDIxRH_D_PJH3UZwBQnOVY_xbuMrnYDGD9PhIyF8jn0n5C5ErfEd3_55VlcbIY1gK_lz0Zv5tXRRxcmNHVDb54gSnEPof10nzSaiYe0vZH4anlq_zv9xVY/s128-Ic42/ah.jpg" />    <strong>أعلن لدينا</strong></a>     </div></center><a href="#"></a>

تخصيص الاضافة :

استبدل اللون الأزرق برابط البنر الاعلاني
واللون الأحمر برابط الموقع
وأخيرا استبدل اللون الأصفر باسم الموقع

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

الى هنا نكون قد وصلنا الى ختام درس اليوم ... أتمنى أن تكونو قد استفدتم ولو بالقليل ... الى اللقاء.
.....
تحديث بتاريخ 4/3/2016

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

اضافة صندوق دردشة احترافي لمدونتك بأسهل طريقة

ebd3h4web@gmail.com (أحمد رجب) — Thu, 17 Jul 2014 06:01:00 -0700

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

أولا اذهب لهذا الموقع : http://widget24.com/widget/mini-chat

مميزات الموقع أنه سهل جدا في التعامل و لا يحتاج الى تسجيل ..

وهذا هو شرح الموقع :

في الخانة الأولى ضع اسم مناسب لصندوق الشات ..
في الخانة الثانية ضع رابط مدونتك التي ستركب فيها الصندوق ..
ثم قم بنسخ الكود الذي سيظهر لك بالأسفل وضعه في أداة Html / javascript

ملحوظة :

يتوفر الصندوق بأربعة ألوان فقط وهي الأكثر استخداما في بلوجر .. وهذه معاينة لها :

الى هنا يكون قد انتهى موضوع اليوم ... أتمنى أن تكونو قد استفدتم ولو بالقليل ... الى اللقاء .

تحسين أرشفة مدونتك عن طريق تقديم خريطة لها في أدوات مشرفي المواقع

ebd3h4web@gmail.com (أحمد رجب) — Sun, 13 Jul 2014 16:44:00 -0700

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

أولا ادخل الى موقع أدوات مشرفي المواقع

اذا وجدت موقعك اضغط على ادارة الموقع

والم تجده اضغط على اضافة موقع

*كما في الصورة التالية*

بعد الضغط على ادارة الموقع .. توجه الى الزحف >> ملفات sitemap

*كما في الصورة التالية*

ثم اضغط على اضافة ملف sitemap

ستظهر لك نافذه ..

وفي المكان الفارغ اكتب

feeds/posts/default

ثم اضغط على تقديم ملف sitemap

بعد هذا قم بتحديث الصفحة ..

ثم كرر الخطوة السابقة ولكن قم باستبدالها بــــ ..

feeds/posts/default?alt=rss

الى هنا نكون قد أنهينا درس اليوم ..

أتمنى أن تكونو قد استفدتم منه ولو بالقليل .. الى اللقاء .

اضافة فهرس رائع لعرض مواضيع المدونة

ebd3h4web@gmail.com (أحمد رجب) — Wed, 2 Jul 2014 17:20:00 -0700

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

طريقة التركيب :

أولا ادخل الى لوحة التحكم >> الصفحات >> صفحة جديدة

ثم غير وضع تأليف الى HTML

امسح ما بداخل الصفحة ثم قم بإضافة الكود التالي ..

<div dir="rtl" style="text-align: right;" trbidi="on">
<style type="text/css">
.gfg-root {
width : 100%;
height : auto;
position : relative;
overflow : hidden;
text-align : right;
font-family: tahoma;
font-size: 12px;
border: 1px solid #2f343a;
}
.gfg-subtitle {
font-size: 15px;
font-weight : bold;
font-family:bouyardane;
color : #fff;
background-color: #2f343a;
line-height : 26px;
overflow : hidden;
white-space : nowrap;
margin-bottom : 5px;
padding-right:5px;
}
.gfg-subtitle a {
color : #fff;
}
.gfg-entry {
background-color : white;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : right; margin-top : 3px;
}

.gfg-listentry-odd {
background-color : #F0F1F2;
}
<--end code by ebd3h.blogspot.com-->
</style>
<script src="https://cnmu.googlecode.com/svn/trunk/sitemap.txt">
</script>
<script src="http://ebd3h.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>

مع استبدال اللون الأصفر برابط مدونتك
بعد ذلك قم بالحفظ والمعاينة ..

أما إذا أردت تخصيص الإضافة .. استبدل اللون الداكن بما يناسبك .

هذا كل شئ .. أتمنى أن تكون الإضافة قد نالت إعجابكم .. الى اللقاء

صندوق اعجابات الفيس بوك بشكل جديد وسبعة ألوان رائعة

ebd3h4web@gmail.com (أحمد رجب) — Wed, 2 Jul 2014 08:29:00 -0700

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

لذلك قررت أن أقدم لكم هذه الأداة بشكل جديد وبسبعة ألوان لاحظت أنها الأشهر في عالم البلوجر ...
يمكنك اختيار ما يناسبك منها ..

نبدأ على بركة الله .

أولا اذهب الى لوحة التحكم >> التخطيط >> اضافة أداة >> Html/Javascript
بعد ذلك قم بإضافة أحد الأكواد التالية *على حسب رغبتك*

1- اللون الأزرق الداكن

<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#3b5998;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

2- اللون الأحمر

<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#f34b4b;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

3- اللون البرتقالي

<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#ffa116;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

4- اللون النيلي

<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#3d9bc0;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

5- اللون الداكن

<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#4b4b4b;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

6 اللون البنفسجي

<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#8c43a8;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

7-اللون الأخضر

<div class='widget-content'>
<center><iframe src="//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/ebd3h&width=200&height=346&colorscheme=dark&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:94%; height:80%;background:#29b391;margin-top:6px;padding:0 0 10px;margin-bottom:2px;" allowtransparency="true"></iframe></center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=7164243844552504694&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>

الى هنا نكون قد وصلنا الى نهاية الموضوع ..

أتمنى أن تكون الإضافة قد نالت إعجابكم .. الى اللقاء

تنسيق وتخصيص نموذج اتصل بنا لمدونات بلوجر

ebd3h4web@gmail.com (أحمد رجب) — Mon, 30 Jun 2014 15:13:00 -0700

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

طريقة تركيب الاضافة .

أولا قم بإضافة الأداة الأساسية المقدمة من بلوجر ..
عن طريق فتح لوحة التحكم >> التخطيط >> مزيد من الأدوات >> نموذج الاتصال
ويُفضل أن تكون في الفوتر .
كما في الصورة التالية *اضغط على الصورة للتكبير*

بعد تركيب الأداة في المكان المناسب .. إذهب الى لوحة التحكم >> قالب >> ــ تحرير HTMLــ
بع ذلك ابحث عن الكود التالي ]]></b:skin>

.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget {
max-width: none;
margin-bottom: 15px;
}
.contact-form-name, .contact-form-email, .contact-form-email-message {
background-color: #fff;
border: 0;
}
.contact-form-widget .form {
}
.contact-form-button-submit {
max-width: none;
width: 100%;
height: 35px;
border: 0;
background-image: none;
background-color: #1babbc !important;
cursor: pointer;
font-family: GESSTwoMediumRegular;
font-style: normal;
font-weight: 400;
}
.contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus {
border: 0;
box-shadow: none;
}
.contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover {
border: 0;
}
.contact-form-button-submit:hover {
background-color: #222;
background-image: none;
border: 0;
}
-----end code by ebd3h.blogspot.com------------

اللون الأزرق هو لون الزر .. قم باستبداله بما يناسبك .
ثم احفظ القالب وقم بمعاينة النتيجة بنفسك .. ولاحظ الفرق في الحجم والشكل .
أتمنى أن تكون الاضافة قد أعجبتكم .. انتظرونا دائما في أروع الاضافات والدروس في مدونة ابداع هاوس .. الى اللقاء .

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

ebd3h4web@gmail.com (أحمد رجب) — Mon, 30 Jun 2014 13:39:00 -0700

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

يمكنك معاينة الاضافة من مدونتي

على العموم نبدأ ..

افتح لوحة التحكم .. ثم التخطيط ..

اضافة أداة html\javascript

بعد ذلك أضف الكود التالي *ويجب أن تضيف الأداة بدون اسم*

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'></script>
    <script type="text/javascript">
    var scrolltotop={
    //Modified by www.blogtipsuk.com more JQuery Scroll to Top Design
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="http://im84.gulfup.com/wOGFUj.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
    if (!this.cssfixedsupport) //if control is positioned using JavaScript
    this.$control.css({opacity:0}) //hide control immediately after clicking it
    var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
    if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
    dest=jQuery('#'+dest).offset().top
    else
    dest=0
    this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
    var $window=jQuery(window)
    var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
    var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
    this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
    var scrolltop=jQuery(window).scrollTop()
    if (!this.cssfixedsupport)
    this.keepfixed()
    this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
    if (this.state.shouldvisible && !this.state.isvisible){
    this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
    this.state.isvisible=true
    }
    else if (this.state.shouldvisible==false && this.state.isvisible){
    this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
    this.state.isvisible=false
    }
    },
    init:function(){
    jQuery(document).ready(function($){
    var mainobj=scrolltotop
    var iebrws=document.all
    mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
    mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
     mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
    .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
    .attr({title:'Scroll to Top'})
    .click(function(){mainobj.scrollup(); return false})
    .appendTo('body')
    if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
    mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
    mainobj.togglecontrol()
    $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
    mainobj.scrollup()
    return false
    })
    $(window).bind('scroll resize', function(e){
    mainobj.togglecontrol()
    })
    })
    }
    }
    scrolltotop.init()
end code by ebd3h.blogspot.com
    </script>

هذا كل شئ ..

أتمنى أن تكونو قد استفدتم ولو بالقليل من الموضوع ..

اضافة صندوق الاشتراك بالبريد الالكتروني بشكل فلاتي رائع

ebd3h4web@gmail.com (أحمد رجب) — Sun, 29 Jun 2014 15:39:00 -0700

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

معاينة الاضافة

نأتي لتركيب الاضافة

افتح لوحة التحكم .. ثم التخطيط ..

اضافة أداة html\javascript

بعد ذلك أضف الكود التالي
*ومن الأفضل أن تضيف الأدلة بدون اسم*

<link href='https://dl.dropboxusercontent.com/s/ga9ipblygtdebw8/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>
    <div id='byard-emailsubsocial'>
                <div class='heading'>
                سجل دخولك في ثواني
                </div>
                     <p>سجل باستخدام بريدك الإلكتروني لاستلام رسائل بأحدث المقالات والدروس .</p>
                <div class='emailsub'>
                <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ebd3h', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
                <input type='text' name='name' placeholder='اسمك' />
                <input type='text' name='email' placeholder='بريدك الإلكتروني' />
                <input type="hidden" value="ebd3h" name="uri"/>
                <input type="hidden" name="loc" value="en_US"/>
                            <input value="Sign Up Now!" class="button" type="submit" />

                </form>
                </div>

     <style type='text/css'>
         #byard-emailsubsocial {
          width: 325px;
          height: 330px;
          border: 1px solid #ddd;
            border-radius: 5px 5px 0px 0px;
         }
         #byard-emailsubsocial .heading {
    padding: 15px 25px;
    line-height: 35px;
    font-size: 24px;
    font-weight: 600;
    font-family: GESSTwoMediumRegular;
    color: rgb(170, 170, 170);
    text-align: center;
    text-shadow: 0px 1px rgba(255, 255, 255, 0.75);
    background: none repeat scroll 0% 0% rgb(247, 247, 247);
         }
       #byard-emailsubsocial p {
        font-family: GESSTwoMediumRegular;
        font-size: 13px;
        color: rgb(170, 170, 170);
        line-height: 25px;
        padding: 10px 20px 0 20px;
        margin: 0;
       }
       #byard-emailsubsocial .emailsub {
        padding: 0px 20px 10px 20px;
       }
       #byard-emailsubsocial .emailsub input {
        color: rgb(170, 170, 170);
        padding: 10px;
        margin-top: 10px;
        font-size: 15px;
        font-family: GESSTwoMediumRegular;
        width: 92%;
        border: 1px solid #ccc;
        border-bottom: 2px solid #ccc;
        border-radius: 5px;
        transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
       }
       #byard-emailsubsocial .emailsub input:focus {
        border-color:#F4836A;
        outline: none;
        box-shadow: 0 0 2px 1px #F4836A;
       }
       #byard-emailsubsocial .emailsub .button {
        background: #F4836A;
        color: white!important;
        border:none;
        outline: none;
        border-bottom: 3px solid #B3614E;
        transition:background .4s linear;
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        font-weight: 600;
        cursor:pointer;
       }
       #byard-emailsubsocial .emailsub .button:hover{
        background: #DD7761;
       }

    #credits {
    margin: 0 auto!important;
    margin-top: -10px!important;
    width: 160px;
    }
end code by ebd3h.blogspot.com
         </style></div>

هذا كل شئ ..

أتمنى أن تكونو قد استفدتم ولو بالقليل من الموضوع

أروع طريقة لاختيار ألوان متناسقة لتصميماتك

ebd3h4web@gmail.com (أحمد رجب) — Sat, 28 Jun 2014 02:40:00 -0700

السلام عليكم ورحمة الله وبركاته ..
أهلا بكم اخواني المصممين ودرس جديد من دروس موقع ابداع هاوس

من المعروف أن الألوان هي أهم شئ بالتصميم .. وينبغي على المصممين اختيار ألوان متناسقة
فهي تعطي انطباع جيد لدى العميل . وتؤكد على مدى احترافية المصمم
واعتقد أن هذا الدرس سيفيدك جدا في هذا الموضوع .. فأنت ستجعل الفوتوشوب يساعدك على اختيار ألوان متناسقة
بدون استخدام مواقع أو برامج مختلفة (لمستخدمين فوتوشوشوب cs6 , cc)

أما الذين يستخدمون اصدارات أقدم من البرنامج فهناك حل بسيط .. تابع معي الشرح

رابط الموقع : https://kuler.adobe.com

تصميم لوجو اتجنن بتأثير الورق المطوي

ebd3h4web@gmail.com (أحمد رجب) — Sat, 28 Jun 2014 02:26:00 -0700

السلام عليكم ورحمة الله وبركاته في درس جديد من دروس موقع ابداع هاوس
اليوم ان شاء الله سوف نتعلم أسهل طريقة لاضافة تأثير الورق المطوي على الكتابة بالفوتوشوب
الدرس مقدم اليكم من موقع ابداع هاوس .. هدية لكل من يريد تعلم الطريقة

شاهد الدرس من قناتنا على اليوتيوب (بالصوت والصورة)

أتمنى أن تكونو قد استفدتم ولو بالقليل من الدرس .. الى اللقاء

دورة فوتوشوب كاملة باللغة العربية بالصوت والصورة | photoshop cs6

ebd3h4web@gmail.com (أحمد رجب) — Fri, 27 Jun 2014 14:26:00 -0700

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

ــ معلومات عن الدورة :

ملحوظة : الجدول من الشمال لليمين

موقع وقف أون لاين	الدورة من تقديم
الأستاذ عبد العزيز حسن	مدرب الدورة
96 درساً	عدد دروس الدورة
Photoshop cs6فوتوشوب	اصدار البرنامج المستخدم
مجانية 100%	نوع الدورة

الدخول الى الدورة

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

اذا أعجبك الموضوع شاركه مع أصدقائكم كي تعم الفائدة على الجميع .

الى اللقاء

ابداع هاوس

طريقة تغيير لون قالب مدونتك بطريقة احترافية [فيديو]

شرح كتابي للطريقة ..

**ملحوظة مهمة**

كيفية تغيير شكل فيديو اليوتيوب على مدونتك

كيفية إضافة كتاب ومشرفين لمدونات بلوجر وجعل المدونة جماعية

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

شرح مفصل للطريقة اليدوية لتعريب قوالب بلوجر بدون أخطاء [فيديو]

وإليكم شرح بالفيديو من قناتنا على اليوتيوب :

شرح كتابي وملاحظات هامة :

1-تغيير اتجاهات القالب

2-تعديل أكواد الـ padding والـ margin

3-تغيير الكلمات الأجنبية في القالب بكلمات عربية

طريقة حذف كلمة التحقق من صندوق تعليقات بلوجر

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

اضافة أداة التبادل الاعلاني بشكل جديد لمدونات بلوجر

معاينة الاضافة :

طريقة التركيب :

تخصيص الاضافة :

اضافة صندوق دردشة احترافي لمدونتك بأسهل طريقة

وهذا هو شرح الموقع :

ملحوظة :

تحسين أرشفة مدونتك عن طريق تقديم خريطة لها في أدوات مشرفي المواقع

اضافة فهرس رائع لعرض مواضيع المدونة

طريقة التركيب :

صندوق اعجابات الفيس بوك بشكل جديد وسبعة ألوان رائعة

نبدأ على بركة الله .

تنسيق وتخصيص نموذج اتصل بنا لمدونات بلوجر

طريقة تركيب الاضافة .

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

على العموم نبدأ ..

اضافة صندوق الاشتراك بالبريد الالكتروني بشكل فلاتي رائع

معاينة الاضافة

نأتي لتركيب الاضافة

أروع طريقة لاختيار ألوان متناسقة لتصميماتك

تصميم لوجو اتجنن بتأثير الورق المطوي

دورة فوتوشوب كاملة باللغة العربية بالصوت والصورة | photoshop cs6

ــ معلومات عن الدورة :

الدخول الى الدورة

ملحوظة مهمة