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

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

اضافه بلغة CSS3 و شكل جديد من اشكال الاشتراك عبر القوائم البريدية بالاضافة الى المتابعة في مواقع التواصل الاجتماعي

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

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

وسوف نتعلم معاً كيف تضيف صندوق شاركنا فى مدونتك بلوجر بطريقه سهله وشكل رائع شاهد الصوره

,وهذا فيديو على الاضافة

طريقه التركيب

كيفية اضافة الاداة : 

انتقل إلى لوح تحكم مدونتك: 

إختر "تخطيط" 

ثم إضافة أداة .

ثم اختر HTML/Javascript

الآن الصق الكود التالي مع استبدال ما سأذكره :

bilokr', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

bilokr" />
bilokr" />

bilokr" target="_blank">
110865034259031094962/" target="_blank">

siedomar/" target="_blank">
maysied2013" target="_blank">
omarsied" target="_blank">

يجب استبدال التالي : 

قم باستبدلmaysied2013باسم حسابك في فيس بوك .

قم باستبدلbilokrباسم حسابك في فيد برنر .

قم باستبدل omarsied باسم حسابك في تويتر .

قم باستبدل 110865034259031094962 رقم الاي دي الخاص بحسابك في جوجل .

قم باستبدل siedomar باسم حسابك فى  بينتيريست.

وبالاخير قم بحفظ الاداه ومبروك عليك الاضافه 

اذا كان عندكم اي استفسار او واجهتكم مشكله عند اضافة الاداه يمكنكم وضع تعليق وسيتم الرد عليكم ان شاء الله.

حصريا 6 اشكال سحابة تسمية ممتازبشكل جديد وتطوير اروع

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

طريقه تركيب الاضافة فى مدونتك 

الآن انتقل إلى لوحة التحكم -> قالب -> تحرير ثم اضغط على

وهذا هيا طريقه استخدام المحرر الجديد html من هنــــــــا

ثم ابحث عن الكود التالى

]]>

واضف فوقه الكود الذى يناسب مدونتك

الشكل الاول

.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
display:inline-block;float:none;font-family:"Trebuchet MS","Arial","Helvetica",sans-serif;font-style:normal;font-weight:bold;text-decoration:none;background-color:#1BA1E2;color:#fff !important;-webkit-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;-moz-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;-o-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;-webkit-box-shadow:0 0 1px #999999;-moz-box-shadow:0 0 1px #999999;-o-box-shadow:0 0 1px #999999;box-shadow:0 0 1px #999999;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.1s ease-in;-moz-transition:-moz-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in;transition:transform 0.1s ease-in;
}
.label-size:hover {
color:#fff;background-color:#0c92da;-webkit-box-shadow:0 0 20px rgb(0,0,50);-moz-box-shadow:0 0 20px rgb(0,0,50);-o-box-shadow:0 0 20px rgb(0,0,50);box-shadow:0 0 10px rgb(0,0,50);-webkit-transform:rotate(3deg) scale(1.2);-moz-transform:rotate(3deg) scale(1.2);-o-transform:rotate(3deg) scale(1.2);transform:rotate(3deg) scale(1.2);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a  {
display:inline-block;float:none;margin:2px 1px;padding:6px 3px;font-family:"Trebuchet MS","Arial","Helvetica",sans-serif;font-style:normal;font-weight:bold;text-decoration:none;background-color:#252c44;color:#fff !important;-webkit-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;-moz-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;-o-text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;text-shadow:rgba(0,0,0,0.2) 1px 0,rgba(0,0,0,0.2) 0 1px,rgba(255,255,255,0.2) -1px 0,rgba(255,255,255,0.2) 0 -1px,rgba(0,0,0,0.2) 1px 1px,rgba(255,255,255,0.2) -1px -1px;-webkit-box-shadow:0 0 1px #999999;-moz-box-shadow:0 0 1px #999999;-o-box-shadow:0 0 1px #999999;box-shadow:0 0 1px #999999;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 0.1s ease-in;-moz-transition:-moz-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in;transition:transform 0.1s ease-in;background-color:#252c44;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);background-color:#252c44;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);background-color:#252c44;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
}
.label-size a:hover  {
color:#fff;background-color:#0c92da;-webkit-box-shadow:0 0 20px rgb(0,0,50);-moz-box-shadow:0 0 20px rgb(0,0,50);-o-box-shadow:0 0 20px rgb(0,0,50);box-shadow:0 0 10px rgb(0,0,50);-webkit-transform:rotate(3deg) scale(1.2);-moz-transform:rotate(3deg) scale(1.2);-o-transform:rotate(3deg) scale(1.2);transform:rotate(3deg) scale(1.2);-webkit-transform:rotate(-3deg) scale(1.2);-moz-transform:rotate(-3deg) scale(1.2);-o-transform:rotate(-3deg) scale(1.2);background-color:#0c92da;transform:rotate(-3deg) scale(1.2);-webkit-transform:rotate(3deg) scale(1.2);-moz-transform:rotate(3deg) scale(1.2);transform:rotate(3deg) scale(1.2);background-color:#0c92da;-webkit-transform:rotate(2deg) scale(1.2);-moz-transform:rotate(2deg) scale(1.2);background-color:#0c92da;-o-transform:rotate(2deg) scale(1.2);transform:rotate(2deg) scale(1.2);
}

الشكل الثانى

.label-size a {
font-size: 14px!important;
padding: 1px 6px;
border-top: 1px solid #CACACA;
border-left: 4px solid #00A8FF;
margin-bottom: 5px;
float: left;
margin-right: 5px;
background: #F5F5F5;
border-right: 1px solid #CACACA;
border-bottom: 1px solid #CACACA;
}
.label-size a:hover {
border-left: 2px solid #222222;
border-right: 3px solid #222222;
background: #fff;
}

الشكل الثالث

 .label-size a {

color: #999;

text-transform: uppercase;

float: left;

text-decoration: none;

margin: 0 3px 6px 0;

padding: 3px;

border: solid 1px #999;

border-radius: 3px;

font-size: 12px;

-moz-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}

.label-size a:hover {

color: white;

border: 1px solid white;

-webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);

-moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);

-ms-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);

-o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);

}

الشكل الرابع

 .label-size a {

text-transform: uppercase;

float: left;

text-decoration: none;

margin: 2px 3px 6px 0;

padding: 3px;

border: solid 1px #999;

border-radius: 3px;

font-size: 12px;

-moz-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

}

.label-size a:hover {

border: 1px solid black;

-webkit-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

-moz-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

-ms-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

-o-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);

}

الشكل الخامس

.label-size a {
text-transform: uppercase;
float: left;
text-decoration: none;
margin: 2px 3px 6px 0;
padding: 3px;
border: solid 1px #999;
border-radius: 3px;
font-size: 12px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: rotate(10deg) scale(1) skew(5deg) translate(0px);
-moz-transform: rotate(10deg) scale(1) skew(5deg) translate(0px);
-ms-transform: rotate(10deg) scale(1) skew(5deg) translate(0px);
-o-transform: rotate(10deg) scale(1) skew(5deg) translate(0px);
}
.label-size a:hover {
border: 1px solid black;
-webkit-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);
-o-transform: rotate(0deg) scale(1.2) skew(5deg) translate(0px);
}

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

عااااااااااااااااجل معارك عنيفه بمدافع الار بي جي بين قوات الجيش ومسلحين

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

اللهم احفظ مصر واجعلها في امانك واحسانك

اللهم اجعل لنا من كل هم فرجا

ومن كل ضيق مخرجا

ومن كل بلاء عافيه

اللهم احفظ مصر من كل سوء ومكروه وفتنه

يا كريم يا رحيم

اللهم احفظ امننا ووحدتنا واستقرارنا

اللهم اكشف الغمه

واطفيء جمرة الفتنه

وشرارة الفوضي ونار الاصطدام يارب العالمين

اللهم اجعل مصر آمنه مطمئنه ساكنة مستقره

محفوظة مصونه

اللهم آمين يارب العالمين

ارجو من الجميع الدعاء لمصر

اللهم احفظ مصر من كل سوء وشر وكل الأمة العربية والاسلامية

اسئلة واجوبة دعم كامل فى شروحات مجانيه

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

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

تغيير الصورة الرمزية افتراضي لــ الاسم المجهول في تعليقات مدونه بطريقه سهل جدا

السلام عليكم اخوانى اعضاء وزوار شروحات مجانيه درس اليوم هو تغيير الصورة الرمزية افتراضي لــ الاسم المجهول في تعليقات مدونه بطريقه سهل جدا تحدثنا فى الدرس الصابق عن  كيفية تغيير الصورة الرمزية افتراضي لــ الاسم المجهول في تعليقات مدونه وجد بعض الاخوة اصحاب المدونات لا تنجح معهام الاضافة وتم بحمد الله تطوير الاضافة بطريقه سهله وبسيطة للغاية طبعاا كلنا عرفين الاضافة وهذا الاضافة تم التطبيق فى مدونتى انزل فى اسفل الموضوع وكتب تعليق واختار (مجهول) وشاهد هذا الاضافة 

اذا اعجبتك الاضافة  تابع الشرح 

طريقه تركيب الاضافة فى مدونتك 

الآن انتقل إلى لوحة التحكم -> قالب -> تحرير ثم اضغط على

وهذا هيا طريقه استخدام المحرر الجديد html من هنــــــــا

ثم ابحث عن الكود التالى

ثم اضف الكود التالى فوقه مباشر

بعد الاضافة غير ما بالون الاحمر الى رابط الصورة المراد ظهارة فى مدونتك وهذا بعض الصور الذى تحتاج الى مدونتك

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

:: خاتمة ::
إذا أعجبتكم الإضافة لا تبخلوا علينا من الضغط على زر لايك الفايسبوك و شكرا

كيفية إظهار تعليق المربع أعلاه التعليقات

السلام عليكم ورحمة الله وبركاتة درس اليوم كيف اظهار صندوق تعليق المدونة فى الاعلة بعض المدونين يدون تعليقات فى التدوين بعداد كبير والزئر لا يحصل على التعليق بعد اليوم الاضافة فى اول الموضوع اذا كان تعليقاتك تصل الى 500 او 700 تعليق بكدة الزئر يعلق على الموضوع بطريقة سهله جدا تابع معاية طريقة الاضافة مثل على الاضافة على مدونة تجربية من  هنا

طريق التركيب

الآن انتقل إلى لوحة التحكم -> قالب -> تحرير ثم اضغط على

وهذا هيا طريقه استخدام المحرر الجديد html من هنــــــــا

ثم ابحث عن الكود التالى

ثم استبدال الكود التالى

ثم ابحث عن الكود التالى 

اضف الكود التالى فوقه تماما

 

:: خاتمة ::
إذا أعجبتكم الإضافة لا تبخلوا علينا من الضغط على زر لايك الفايسبوك و شكرا

مجموعه أيقونات التجارة الإلكترونية لتصميم مواقع الإنترنت

السلام عليكم ورحمه الله وبركاتة درس اليوم هوعبر عن مجموعه اقونات لاصحاب الموقع التسويق
في تصميم المواقع الإلكترونية، وإيجاد رموز والموارد الأخرى لتصميم هو task.We اللازمة حصلت الرموز لموقع الويب، لRSS، والآن، ومجموعات رمز للتجارة الإلكترونية. هذه هي لائحة من أيقونة عالية الجودة مجموعات التي وجدت شاهد الاقونات

تحميل الخروج أيقونات عملية

 كيس التسوق تحميل

   ضمان عودة الأموال رمز المجموعة تحميل

 أيقونات التجارة الإلكترونية مجانا

 متجر الأيقونات السلة

المدفوعات Chalkwork

 عالية الجودة أيقونات التجارة الإلكترونية

أيقونات الأعمال

صورة

نتمنى أن يلتزم الجميع بهذه الامور ونسأل الله لنا ولكم التوفيق والسداد
دمتم في امان الله

فقم بالاشتراك في خدمة
البريد الالكتروني ليصلك الجديد