الدرس الثانى : (العناصر و الاوسمه) من دورة Html

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

اليوم مع ثانى درس من دروس دورة الـHtml والان سوف نبدا بشرح الاوسمه و العناصر وسوف نتحدث عن اللغة سوف نشرح أن شاء الله جميع اكواد الـHtml و أن شاء الله بعد الانتهاء من الدورة سوف نقوم بعمل دورة Css

ما هى فائدة الاوسمة و العناصر ؟

العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.

ما هو الوسام ؟

الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.
كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".
بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق </html>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.
لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.

والان سوف نشرح لكم بعض الاوسمه و العناصر المهامه :-

سوف نبدا بالعنصر (em) وظيفة العنصر (جعله النص مائلا ) وكل النصوص بين وسم البداية <em> ووسم الإغلاق </em> ستظهر بشكل مائلا

مثال على العنصر em

</em>عرب تيم<em>

هذا الكود يعطى


عرب تيم

 والان مع العنصر أو الوسام الثانى وهو h1، h2، h3، h4، h5 وh6 تستخدم للعناوين (حرف h هو اختصار "heading"), حيث h1 هو المستوى الأول من العناوين وبالتالي الأكبر حجماً، h2 يستخدم للمستوى الثاني من العناوين وهو أصغر حجماً بقليل، وh6 هو المستوى السادس والأخير من هيكلية العناوين وهو الأصغر.

 مثال على العنصر h2 / h1
<h1>عرب تيم</h1>
<h2>عرب تيم</h2>

هذا الكود يعطى

عرب تيم 

عرب تيم


هذه بعض العناصر الهامه و ان شاء الله سوف نتدرك الى كيفية انشاء موقعك الخاص 
وبكده يكون درس اليوم انتهاء مع درس جديد من عرب تيم شكرآ لكم
مرسلة بواسطة في ليست هناك تعليقات:
التسميات: , ,

الدرس الاول : (المقدمة) من دورة Html

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

اليوم مع اول درس من دروس دورة الـHtml والان سوف نبدآ بالمقدمة وسوف نتحدث عن اللغة سوف نشرح أن شاء الله جميع اكواد الـHtml و أن شاء الله بعد الانتهاء من الدورة سوف نقوم بعمل دورة Css


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

أولآ : ما هى الـ Html

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

ثانيآ : ما فائدة الـ Html

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

 ماذا تعني H-T-M-L؟

HTML هي اختصار "HyperText Mark-up Language"

  • Hyper هي عكس "خطي" وهي تعني في هذه الحالة أن تنتقل من أي نقطة إلى أي نقطة بدون أن تسير في خط سير محدد، في الماضي - عندما كانت الفأرة شيء يلحقه القط - كانت الحواسيب تعمل بشكل خطي، تقوم بتنفيذ أمر ما ثم تذهب لما بعده، لكن HTML مختلفة، يمكنك أن تذهب إلى أي مكان في أي وقت، ليس بالضرورة مثلاً أن تزور موقع MSN.com قبل أن تزور HTML.net.
  • Text تعني النص، وهذه تشرح نفسها.
  • Mark-up هو ما تفعله بالنص، فهذه الكلمة تعني توصيف النص، فأنت تقوم بتوصيف النص تماماً كما تفعل مع معالجات الكلمات فتضيف العناوين والنقاط والنص السميك وغيرها.
  • Language تعني اللغة، فتقنية HTML هي لغة توصيف وهي أيضاً تستخدم العديد من كلمات اللغة الإنجليزية.


وبكده نكون خلصنا درس اليوم انتظرونا فى الدرس القادم وهو (الدرس الثانى : ( العناصر والوسوم) من دورة Html)

مرسلة بواسطة في ليست هناك تعليقات:
التسميات: , ,

اضافة اداة موضوع مميز لمدونات بلوجر


اليوم نقدم لكم اضافة رائعة جدا تستخدم لتمييز موضوع أو تدوينة معينة

بشكل جميل في واجهة المدونة في السايدبار



  • لتركيب اضافة الموضوع المميز

  1. من لوحة التحكم اذهب التخطيط ثم إصافة اداة HTML/JavaScript
  2. ألصق هذا الكود :

<div class="team_arab">
<img alt="عرب تيم" src="رابط صورة التدوينة" /><a href="رابط التدوينة"><i class="fa  fa-arrows-alt"></i></a><p>اسم التدوينة</p></div><style>.team_arab{position:relative;padding-top:5px}.team_arab img{width:100%;height:200px}.team_arab a{display:block;width:48px;height:48px;background:rgba(255,255,255,0.8);color:#e23a3e;font-size:20px;text-align:center;line-height:2.6;opacity:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2);position:absolute;top:76px;left:126px;z-index:1001;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.team_arab p{position:absolute;bottom:0;left:0;background: rgba(77, 135, 209, 0.6);text-align: center;padding:12px 29px;margin:0;font-size:15.1px;color:#FFF;}.team_arab:hover a{opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.team_arab:hover a:hover{color:#333}.team_arab_posts{float:right;width:730px;background:#FFF;margin:24px 0;-webkit-box-shadow:0 0 5px #DDD;-moz-box-shadow:0 0 5px #DDD;box-shadow:0 0 5px #DDD}.team_arab_post{position:relative;padding:24px;border-bottom:1px solid #EEE}.team_arab_post_title h1{padding:0;margin:0;font-size:24px;font-weight:400}</style>

  • ونقوم بتغير كل ما بالوان الاحمر بما يلزم

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

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




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

اولآ لتركيب الاضافة 

  1. ندخل الى لوحة التحكم فى بلوجر
  2. نقوم باختيار القالب
  3. نقوم بالضغط على تحرير Html
  4. نقوم بالبحث عن الوسام </body>  (نقوم بالبحث بالضغط على Ctrl+F)
  5. نضع الكود التالى فوق الوسام </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>//<![CDATA[jQuery(document).ready(function () {emoticonx({emoRange:"#comments p, div.emoWrap",putEmoAbove:"iframe#comment-editor",topText:"إضغط على الابتسامة لظهور الكود الخاص بها",emoMessage:"لإدراج تعبيرات الوجه يجب إضافة ما لا يقل عن مسافة واحدة قبل الرمز."})});//]]></script><script src='https://arblab.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/></b:if>
الان نقوم بالبحث عن الوسام ]]></b:skin>
ونضع فوقها الكود التالى

.emoWrap {
position:relative;
padding:10px;
margin-bottom:7px;
background:#fff;
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
border:3px solid #860000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
font-weight:normal;
color:#333;
}
.emoWrap:after {
content:"";
position:absolute;
bottom:-10px;
right:10px;
border-top:10px solid #860000;
border-left:20px solid transparent;
width:0;
height:0;
line-height:0;
}
و أخيرا نضيف هدا الكود قبل الوسم </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

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



مرسلة بواسطة في ليست هناك تعليقات:
التسميات: ,

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

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


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


طريقة حذف ايقونة التحرير السريع :

  1. ادخل مدونتك .
  2. القالب .
  3. حرر القالب وابحث عن ]]></b:skin>
  4. ضع هذا الكود فوقه : 
.item-control.blog-admin {display: none !important;}


 ثم قم بحفظ القالب ومبروك عليك حذف ايقونة التحرير السريع الدرس بسيط و سهل جدآ و لائ استفسار يرجاء وضعه فى تعليق
كان معكم فريق عرب تيم
مرسلة بواسطة في ليست هناك تعليقات:
التسميات: , ,

قالب انطلق الاصدار الاول لكل زوار مدونة عرب تيم

قالب انطلق الاصدار الاول قالب رائع للمدونة التى تحت التطوير


القالب من تصميم الفريق

مميزات القالب

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

 لمعاينة القالب | لتحميل القالب
الرقم السرى للملف : www.teamarab.tk

للنعديل على القالب

1-للتعديل على شعار المدونة يرجاء استبدال هذا الرابط
 http://im90.gulfup.com/pewlxc.jpg 
برابط شعار مدونتك

2- للتعديل على تاريخ انطلق المدونة يرجاء البحث فى القالب عن
 23 november 2016 1:50:30
 و استبداله بـتاريخ انطلق مدونتك

ويرجاء عدم ازالة حقوق التصميم


مرسلة بواسطة في ليست هناك تعليقات:
التسميات: ,

طريقة حذف عبارة "تدعمه blogger الاسناد"


السلام عليكم اليوم مع درس جديد من مدونة عرب تيم


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

قبل البدأ باي شيئ يرجى اخذ نسخه احطياطية من القالب

سوف اشرح اولاً الطريقة الاسهل لك .

اذهب الى لوحة تحكم المدونه 

اذهب الى تخطيط

سوف تجد أداة بأسم "الإسناد"
 اضغط على تحرير
ثم حذف

--------------------------------------------------------------------
الان الطريقه الثانيه .. اذا لم تنجح الاولى .. 

اما اذا نجحت فلا داعي للطريقه الثانيه 

اولاً اذهب الى لوحة التحكم 

اذهب الى القالب اضغط "تحريرHtml"

الان F+Ctrl للبحث عن 
Attribution

سوف يظهر لك بهذا الشكل


'Attribution1' locked='true'

 استبدل كلمة true بكلمة false
لتصبح 
'Attribution1' locked='false'


الان اضغط حفظ والف مبروك عليك

احدى هذه الطرق سوف تنجح 100% 

ولن تخرج من هنا وعلامه تدعمه Blogger في مدونتك

فقط على مدونة عرب تيم

ممنوع النقل بدون ذكر المصدر
www.teamarab.tk


مرسلة بواسطة في ليست هناك تعليقات:
التسميات: ,

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

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

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

صوره للاضافة




كيفية تركيب الاداة


1- أدخل إلى لوحة التحكم -> التخطيط -> أضغط على إضافة أداة -> HTML/JavaScript.
2- ضع هذا الكود.

<a href = "FACEBOOK-URL" target = "blank"><img src = "http://www.foxpic.com/V0ByQZ5U.png"></a>
<a href = "TWITTER-URL" target = "blank"><img src = "http://www.foxpic.com/VJrEGChE.png"></a>
<a href = "GOOGLEPLUS-URL" target = "blank"><img src = "http://www.foxpic.com/VtlSZbJO.png"></a>
<a href = "YOUTUBE-URL" target = "blank"><img src = "http://www.foxpic.com/VnyQLd95.png"></a>

3 - قم بتغيير :
- FACEBOOK-URL -> رابط صفحتك على الفيسبوك.
- TWITTER-URL -> رابط حسابك على تويتر.
- GOOGLEPLUS-URL -> رابط صفحتك على جوجل بلس.
- YOUTUBE-URL -> رابط قناتك على اليوتيوب.

4 - أضغط على حفظ ومبروك عليك الاضافة الجميلة 

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


مرسلة بواسطة في هناك تعليقان (2):
التسميات: ,

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

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

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

صوره للاضافة



كيفية تركيب الاداة


1- أدخل إلى لوحة التحكم -> التخطيط -> أضغط على إضافة أداة -> HTML/JavaScript.

2- ضع هذا الكود.

<center>
<img src = "http://www.foxpic.com/VFL5IYVn.png">
<form action = "http://feedburner.google.com/fb/a/mailverify?uri=FEED-URL" method = "post" target = "popupwindow">
<input name = "email" placeholder = "البريد الإلكتروني..." type = "email"  size = "16">
<input type = "submit" value = "إشترك الآن !">
<input name = "uri" type = "hidden" value = "FEED-URL">
<input name = "loc" type = "hidden" value = "en_US">
</form>
</center>

3 - قم بتغيير : FEED-URL ->الى رابط القائمة البريدية

4 - أضغط على حفظ ومبروك عليك الاضافة الجميلة

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

مرسلة بواسطة في ليست هناك تعليقات:
التسميات: ,

طرق لزيادة تفاعل زوار مدونتك


طرق لزيادة تفاعل زوار مدونتك


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

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

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

قدم لزوارك المكافآت
ولا أقصد الجوائز عبر المسابقات فأنت تملك مدونة و ليس قنوات MBC !!  شيئ بسيط كإضافة بسيطة معربة للووردبريس مثلاً ولا يستغرق تعريبها أكثر من 5 دقائق من وقتك. ضع في الاعتبار أن التعليق على تدوينه يستغرق وقتاً. قد تكون دقائق معدودة ولا قيمة مالية لها عندك لكن هى دقائق قد أعطاها لك الزائر من عمره و وقته! أظهر تقديرك لهم عن طريق إهدائهم شيئاً بسيطاً و اعلم إنها فكرة ناجحة تسويقياً بشكل كبير. 

اجعلها ممتعة و تستحق الجهد
اجعل التدوين متعة لك و التعليق متعة لزوارك. فلا مانع من تدوينة “أحجية” من فترة لأخرى. فاعلم أن الزائر الذي يحاول حل الأحجية سيرجع مرة أخرى لقراءة تعليقات الغير ليعرف حلول الآخرين و الحل الصحيح في النهاية. 

كن موجوداً
تفاعل مع تعليقات الزوار ولا تدعهم يخبرونك بوجهة نظرهم و رأيهم في وجهة نظرك دون أن تخبرهم برأيك في وجهة نظرهم.
أبسط مثال لو كان لديك طفلاً فيجب أن تظهر له الاهتمام، أن تأخذه للملاهي، أن تقوم معه بأشياء ممتعه و أن تلاعبه. اعتبر مدونتك هي ابنك! ذكرت سابقاً بأن زوار مدونتك قد أعطوك جزء من وقتهم من خلال تعليقهم، لذا يجب أن تبادلهم المثل و تخبرهم بأهميتهم و أهمية رأيهم عندك.
باختصار لقد تفاعلوا معك فرد التفاعل ولا تتجاهله.

إحنا في الهوا سوا
حقيقة كلنا ندركها و هى أن الغالبية العظمى من زوار مدونتك هم أصحاب المدونات أنفسهم و هدفنا كلنا واحد و هو تحويل الزائر إلى عضو دائم ليس عن طريق التسجيل بل عن طريق تكرار الزيارة المستديم.
زوارك لا يختلفون عنك بشكل كبير فإذا أرفق زائر رابط مدونه باسمه فلا ضرر من زيارة مدونته و قراءة تدويناته و التعليق على ما يعجبك منها. وهنا يخرج الجميع فائزاً أو بالإنجليزية:
“a win win situation”
نعم جزء من ***** المدونه هو انتشار روابط المدونه على الإنترنت وتدعيم علاقتها بمحركات البحث. لكن الجزء الأكبر و الأهم هو توسيع نطاق شبكتك الاجتماعية و المشاركة بين أعضاء هذه الشبكة.
تواصل مع زوارك، كن ممّن يأخذ فيعطي ولا تكن ممّن يأخذ فيختفي.

دورك في المشاركة
هل ترى طرق أخرى لزيادة التفاعل في تعليقات الزوار بعيداً عن مشكوووور و هذا النوع من التعليقات ؟ إذاً لا تبخل علينا بالمشاركة فسأدعك تكتب بقية التدوينه عن طريق تعليقك وردك 
مرسلة بواسطة في هناك 4 تعليقات:
التسميات: , , ,

اضافة خرائط جوجل لمدونة بلوجر


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


اليوم سوف نقوم بإضافة خريطة sitemap.xml 

الخريطة موجوده بشكل تلقائي من بلوجر في جميع المدونات


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


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

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


ومن ثم تختار المدونة لإضافة الخريطة

انا إستعملت الطريقة من أكثر من 10 ايام وبصراحة لاحظة تحسن ممتاز في الأرشفة ونتائج البحث مع إني كنت أستعمل طريقة اخرى


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

الصورة فقط للتوضيح سرعة قوقل في قرأئة الخريطة

طريقة الإضافة كالتالي
نضغط من القائمة الجانبية على كلمة التحسين
ونختار ملفات Sitemap
ثم إضافة/اختارملف SITEMAP
كما في الصورة

بعد الضغط عليها نقوم بكتابة 

sitemap.xml

احرص على ان يكون حرف s سمول وليس كابتل S

ونضغط على تقديم ملف sitemap

وتحديث الصفحة

ومبروك عليك الخريطة

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

مسابقة عرب تيم #2 (بعد التعديل)

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

اليوم مع مسابقة جديد من فريق عرب تيم للتصميم و الدعاية


اليوم مع مسابقة جديده على مدونتكم عرب تيم و زى ماعودناكم ان الكل معانآ رابح

 المسابقة اليوم على

الفائز الاول : 1500 لايك لصفحتك + قالب موسوعة بلوجر الاصدار الثانى + دعم فنى لمدة 10 ايام
الفائز الثانى : 500 لايك لصفحتك + قالب عرب تيم V-4 PSD + دعم فنى لمدة 10 ايام
الفائز الثالث و الاخير : 300 لايك لصفحتك + دعم فنى لمدة 10 ايام

و الخسران برضو كسبان مع عرب تيم والجائزه هى

لكل المشتركين ماعدا الفائز : 200 لايك لصفحتك + دعم فنى لمدة 7 ايام

كيفية الاشتراك فى المسابقة

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

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

مرسلة بواسطة في هناك 5 تعليقات:
التسميات:

اضافة عدد الزوار المتصلين فى المدونة

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

صورة من الاضافة



شرح تركيب الاضافه

1- ندخل الى لوحة التحكم>>التخطيط>>اضافة اداة>>html/java script

2- اضافة الكود التالى



 <object allowscriptaccess="always" type="application/x-shockwave-flash" data="http://mailer.firefoxplugin.info/welcome.swf?id=1363172_2" width="175" height="200" wmode="transparent"><param name="allowscriptaccess" value="always" /><param name="movie" value="http://mailer.firefoxplugin.info/welcome.swf?id=1363172_2" /><param name="wmode" value="transparent" /><embed src="http://mailer.firefoxplugin.info/welcome.swf?id=1363172_2" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" width="175" height="200" /><video width="175" height="200"><a href="http://www.casino-short-reviews.info/" style="text-decoration:none;font-style:normal;font-weight:bold" title="casino bonus">www.casino-short-reviews.info</a></video></embed></object>

و نقوم بحفظ الاداة 

وكده نكون ركبنا الاضافه المميزه مبرووك عليك

في امان الله وسلام عليكم ورحمته الله وبركاته
مرسلة بواسطة في هناك تعليق واحد:
التسميات: ,

اضافة اكتب معنا بطريقة احترافية


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


شرح تركيب الاضافه

1- ندخل الى لوحة التحكم>>التخطيط>>اضافة اداة>>html/java script

2- اضافة الكود التالى


<td class='columns-cell'>
<div class='foot section' id='footer-2-2'><div class='widget HTML' id='HTML12'>
<div class='widget-content'>
<div style='float:left;opacity: .6;position:fixed;left:0px;top:0px'>
<a href='http://www.teamarab.tk/p/blog-page_11.html'><img border='0' height='133' src='https://jetara.googlecode.com/files/fsd.png' width='127'/></a>
</div></div></div></div></td>
<script language='javascript'>
document.write( unescape(</script>



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

وكده نكون ركبنا الاضافه المميزه مبرووك عليك
في امان الله وسلام عليكم ورحمته الله وبركاته
مرسلة بواسطة في ليست هناك تعليقات:
التسميات: ,

خطوط فوتوشوب عربية


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


خط جذور فلات معاينه





مرسلة بواسطة في هناك تعليق واحد:
التسميات: ,

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


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


معلومات عن الاضافة :

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


طريقة التركيب :
أولا نذهب الى لوحة التحكم بمدونتك 
ثم الى القالب
ثم نضغط على تحرير html
ونبحث عن الكود التالى : </head>
ثم نضع الكود التالى فوقها


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[jQuery('a').each(function() {    // Let's make external links open in a new tab.    var href = jQuery(this).attr('href');       if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {        jQuery(this).attr("target", "_blank");    }});//]]></script>

<script type='text/javascript'>//<![CDATA[jQuery('a').each(function() {    // Let's make external links nofollow.    var href = jQuery(this).attr('href');       if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {        jQuery(this).attr("rel", "nofollow");    }});//]]></script>

<script type='text/javascript'>//<![CDATA[$(document).ready(function() {  $('img').each(function(){    var $img = $(this);    var filename = $img.attr('src')    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));  });});//]]></script>

<script type='text/javascript'>//<![CDATA[$(document).ready(function() {  $('img').each(function(){    var $img = $(this);    var filename = $img.attr('src')    $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));  });});//]]></script>

وبعدها نقوم بحفظ ومبروك عليك
بالمناسبة لكي لا انسى اذا كنت قد سبق لك اضافة كود الاجاكس لا تقم بإضافته

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

مرسلة بواسطة في هناك تعليق واحد:
التسميات: ,
الاشتراك في: الرسائل (Atom)

جميع الحقوق محفوظه لمدونةعرب تيم 2014

من تصميم : عرب تيم