tag:blogger.com,1999:blog-7775322457865706112024-03-06T09:45:39.037+02:00عرب بلوجرsherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.comBlogger24125tag:blogger.com,1999:blog-777532245786570611.post-75439934076934548832013-02-11T01:54:00.001+02:002013-02-11T02:02:04.833+02:00تخصيص زر إقرأ المزيد بشكل جميل CSS لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم<br />
اقدم لكم اليوم إضافة تظهر مدونتك بشكل جميل وراقٍ وسيتم شرح ذلك في هذا الموضوع<br />
بعد إضافة زر <b>إقرأ المزيد</b> , تلقيت طلبات لتخصيص الزر وجعله اكثر جمالاً !<br />
إقرأ هذا الشرح اولاً : <br />
<a href="http://blogger-araby.blogspot.com/2012/05/read-more-widget-for-blogger.html" target="_blank">اضافة خاصية " إقرأ المزيد" لمدونات بلوجر</a><br />
وهذا شرح لتغيير خطوط المدونة والزر<br />
<a href="http://blogger-araby.blogspot.com/2013/01/Arabic-Droid-Fonts.html" target="_blank">كيفية تغيير الخطوط الى خطوط عربية جذابة لمدونات بلوجر</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://blogger-araby.blogspot.com/" target="_blank"><img alt="اقرأ المزيد" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXrUGfcuByKAJsWR_0WeoBUEGg2CjV1Ct17Wih200hl4JPM0CSP3sQIKjKK0T9vrtqVc-jyhxahgHk25F1sb9hLpPbkoBRYD7xUpS52_By8_Lkblm2dgqAK6QqTet9ogfWfxwDFchXj9an/s1600/Read-More.jpg" title="زر إقرأ المزيد" /></a></div>
<br />
<h3>
كيف يتم تخصيص الزر ؟
</h3>
<br />
يتم تخصيص الزر عن طريق <span class="st"><span dir="ltr" title="Cascading Style Sheets"><b>CSS</b></span></span> وهى لغة تتيح لك تغيير شكل عناصر الــ<span title="hypertext markup language">HTML</span> ( الزر ) مثل تغيير لون الخلفية ولون النص ولون الحدود وشكلها ... الخ , فهذا اللغة تعتبر الثانية بعد
<span title="hypertext markup language">HTML</span>
, لأنها تعطى الشكل الجميل للمدونات .<br />
<br />
<h3>
زر إقرأ المزيد</h3>
معاينة :<br />
<span class="rmlink" style="float: left; padding-top: 5px;" target="_blank"><a expr:href="data:post.url" href="http://blogger-araby.blogspot.com/">تـابع القراءة</a></span>
<br />
<br />
<br />
<br />
<br />
ستتمكن من تغيير خلفية الزر الى اى لون تريده يمكنك اتبع الخطوات التالية .<br />
<br />
<h4>
كود الزر
</h4>
ادخل على قالب مدونتك<br />
ثم ابحث عن هذا الكود :<br />
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
]]></b:skin></div>
</blockquote>
<div dir="ltr" style="text-align: left;">
<div dir="rtl" style="text-align: right;">
ضع هذا الكود قبله ( فوقه ) :</div>
</div>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<br />
/* CSS BUTTON DEV By Arab-blogger (www.blogger-araby.blogspot.com) */<br />
.jump-link a {<br />
font-size:15px;<br />
font-family:DroidKufi-bold,ARial;<br />
font-weight:bold;<br />
background-color: <span style="color: red;">rgb(232,232,232)</span>;border: 1px solid rgb(216, 216, 216);<br />
clear:both;<br />
width:100px;<br />
-moz-border-radius: 5px 5px 5px 5px;<br />
-webkit-border-radius: 5px 5px 5px 5px;<br />
-o-border-radius: 5px 5px 5px 5px;<br />
-ms-border-radius: 5px 5px 5px 5px;<br />
border-radius: 5px 5px 5px 5px;<br />
-moz-box-shadow:2px 2px grey;<br />
-webkit-box-shadow:2px 2px grey;<br />
-o-box-shadow:2px 2px grey;<br />
-ms-box-shadow:2px 2px grey;<br />
box-shadow:2px 2px grey;<br />
color: rgb(200, 200, 200);display: inline-block;margin-bottom: 6px;outline: medium none;padding: 4px 12px 3px;text-align: center;text-decoration: none;text-shadow: 0px 1px 0px rgb(150, 150, 150);<br />
5px 5px 5px 5px;<br />
<br />
}<br />
<br />
.jump-link:visited {}<br />
.jump-link a:hover {<br />
width:100px;<br />
font-size:15px;<br />
font-family:DroidKufi-bold,ARial;<br />
background-color: <span style="color: blue;">gold</span>;border: 1px solid rgb(239, 239, 239);<br />
clear:both;<br />
-moz-border-radius: 5px 5px 5px 5px;<br />
-webkit-border-radius: 5px 5px 5px 5px;<br />
-o-border-radius: 5px 5px 5px 5px;<br />
-ms-border-radius: 5px 5px 5px 5px;<br />
border-radius: 5px 5px 5px 5px;<br />
-moz-box-shadow:2px 2px grey;<br />
-webkit-box-shadow:2px 2px grey;<br />
-o-box-shadow:2px 2px grey;<br />
-ms-box-shadow:2px 2px grey;<br />
box-shadow:2px 2px grey;<br />
color: rgb(255, 255, 255);display: inline-block;margin-bottom: 6px;outline: medium none;padding: 4px 12px 3px;text-align: center;text-decoration: none;text-shadow: 0px 1px 0px rgb(21, 158, 188);<br />
}<br />
.jump-link a:active{<br />
margin-bottom:5px;<br />
margin-left:5px;<br />
-moz-box-shadow:0px 0px grey;<br />
-webkit-box-shadow:0px 0px grey;<br />
-o-box-shadow:0px 0px grey;<br />
-ms-box-shadow:0px 0px grey;<br />
box-shadow:0px 0px grey;<br />
} </div>
<div dir="ltr" style="text-align: left;">
<br />
.rmlink a {<br />
font-size:15px;<br />
font-family:DroidKufi-bold,ARial;<br />
font-weight:bold;<br />
background-color: <span style="color: red;">rgb(232,232,232)</span>;border: 1px solid rgb(216, 216, 216);<br />
clear:both;<br />
width:100px;<br />
-moz-border-radius: 5px 5px 5px 5px;<br />
-webkit-border-radius: 5px 5px 5px 5px;<br />
-o-border-radius: 5px 5px 5px 5px;<br />
-ms-border-radius: 5px 5px 5px 5px;<br />
border-radius: 5px 5px 5px 5px;<br />
-moz-box-shadow:2px 2px grey;<br />
-webkit-box-shadow:2px 2px grey;<br />
-o-box-shadow:2px 2px grey;<br />
-ms-box-shadow:2px 2px grey;<br />
box-shadow:2px 2px grey;<br />
color: rgb(200, 200, 200);display: inline-block;margin-bottom: 6px;outline: medium none;padding: 4px 12px 3px;text-align: center;text-decoration: none;text-shadow: 0px 1px 0px rgb(150, 150, 150);<br />
5px 5px 5px 5px;<br />
<br />
}<br />
<br />
.rmlink:visited {}<br />
.rmlink a:hover {<br />
width:100px;<br />
font-size:15px;<br />
font-family:DroidKufi-bold,ARial;<br />
background-color: <span style="color: blue;">gold</span>;border: 1px solid rgb(239, 239, 239);<br />
clear:both;<br />
-moz-border-radius: 5px 5px 5px 5px;<br />
-webkit-border-radius: 5px 5px 5px 5px;<br />
-o-border-radius: 5px 5px 5px 5px;<br />
-ms-border-radius: 5px 5px 5px 5px;<br />
border-radius: 5px 5px 5px 5px;<br />
-moz-box-shadow:2px 2px grey;<br />
-webkit-box-shadow:2px 2px grey;<br />
-o-box-shadow:2px 2px grey;<br />
-ms-box-shadow:2px 2px grey;<br />
box-shadow:2px 2px grey;<br />
color: rgb(255, 255, 255);display: inline-block;margin-bottom: 6px;outline: medium none;padding: 4px 12px 3px;text-align: center;text-decoration: none;text-shadow: 0px 1px 0px rgb(21, 158, 188);<br />
}<br />
.rmlink a:active{<br />
margin-bottom:5px;<br />
margin-left:5px;<br />
-moz-box-shadow:0px 0px grey;<br />
-webkit-box-shadow:0px 0px grey;<br />
-o-box-shadow:0px 0px grey;<br />
-ms-box-shadow:0px 0px grey;<br />
box-shadow:0px 0px grey;}</div>
</blockquote>
هذا الكود سيغير شكل الزر تماما وهو يعمل على الخاصيتين الاوتوماتيكية واليدوية للزر !<br />
ما باللون <span style="color: red;">الاحمر </span>هو لون الخلفية بدون التأشير على الزر أو مرور الماوس عليه<br />
ما باللون <span style="color: blue;">الأزرق </span>هو لون الخلفية عند التأشير على الزر او مرور الماوس عليه<br />
يمكنك استخراج اكواد الألوان من هذا الصفحة :<br />
<a href="http://blogger-araby.blogspot.com/p/blog-page_10.html" target="_blank" title="أكواد الألوان"> اكواد الألوان Color Hex code</a><br />
<br />
وفى النهاية اي استفسار انا في الخدمة<br />
والسلام عليكم</div>
<div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com1tag:blogger.com,1999:blog-777532245786570611.post-45356729279202194662013-02-07T04:43:00.000+02:002013-02-07T04:43:43.652+02:00كيف تكتب محتوى متوافق مع محركات البحث والسيو Seo<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم<br />
السلام عليكم ورحمة الله وبركاته<br />
أُقدم لكم يوم درس <span title="Search Engine Optimization"><b>SEO </b></span>جديد وبه شرح كتابة موضوع مميز ومتوافق مع محركات البحث وشروط <b><span title="التهيئة لمحركات البحث">
السيو
</span></b><b><span title="Search Engine Optimization">SEO</span></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://blogger-araby.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Seo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj884uLEg5QsAKYkeihYncWM9BtUFVkpDkmeG47KH2Sxhp6eNEZNMWFLNBs5msBQUGdr_9exZa0HyDFohrm70DqLiKNRNJM5VHhU_1AdMYCWDkuEfX2ykWILuFfUaUNT4fUYmorPQ3jd1Di/s1600/SEO-CONTENT-WRITING.png" title="كتابة محتوى متوافق مع Seo" /></a></div>
<h3>
اهمية المحتوى فى<a href="http://blogger-araby.blogspot.com/" target="_blank"> السيو </a>والارشفة
</h3>
<br />
يعتبر المحتوى اهم عامل من عوامل نجاح أى مدونة فكما يقول خبراء <span title="التهيئة لمحركات البحث">
السيو
</span>: <span style="color: red;"><b>Content </b></span>is The King معناها ان المحتوى هو اهم شئ فى الصعود بمدونتك الى اعلى المراتب .. فهو اهم شروط جوجل وغيرها من محركات البحث لجعل الموضوع فى اول مرتبة في صفحات البحث .<br />
<br />
<h3>
احذر نقل المواضيع من مواقع اخرى !
</h3>
انه الخطأ المنتشر فى أغلب المواقع العربية , انه نقل المواضيع ! , وهذا اخطر شئ يمكن ان <span style="color: red;">يهلك </span><a href="http://blogger-araby.blogspot.com/" target="_blank">مدونتك </a>فــبنقل موضوع من موقع اخر او مدونة اخرى فإنك بكل بساطة تبلغ عن فساد موقعك الى جوجل ! , لا تستغرب انها الحقيقة .<br />
<br />
<br />
<div style="text-align: center;">
<span class="ok-box">
يجب عليك مراعاة حقوق غيرك حتى تبني مدونة ناجحة
</span>
</div>
<br />
<br />
<br />
<h3>
كيف تجعل موضوعك متوافق مع جوجل و<span title="التهيئة لمحركات البحث">
السيو
</span> <span title="Search Engine Optimization"><b>SEO </b></span></h3>
<br />
في البداية يجب عليك التوقف عن نقل المواضيع من المواقع الاخرى<span style="color: red;"> دون ذكر للمصدر</span><br />
واتبع التعليمات والنصائح التالية :<br />
<h4>
المحتوى الحصري
</h4>
<br />
مما لا شك فيه انَّ المحتوى الحصري هو الذى يحدد ترتيب موقعك فى جوجل , اكتب مواضيع جديدة عن أشياء لم يسبق لأحد الكتابة عنها ,املأ مدونتك بالمواضيع الجديدة والمهمة , واحذر نقل المواضيع مع تغيير عنوانها , فهذا من اكبر الاخطاء التى تهلك المدونات .
<br />
<h4>
المحتوى المفيد
</h4>
<br />
انه العامل الرئيسي لعدد زيارات موقعك , فأحرص على تقديم كل ما هو مفيد لزوار مدونتك , فمحتوى حصري وجديد بدون إفادة للزوار ليس له فائدة , قم بالبحث على مايحبه زوار مدونتك واكتب مواضيع عنه ! .<br />
<br />
<h4>
عنوان الموضوع هو مفتاحه !
</h4>
انه مفتاح الوصول لموضوعك , انه عنـــوان الموضوع ! , يجب عليك اتباع التعليمات التالية فى كتابة عنوان موضوعك :<br />
<ul style="text-align: right;">
<li>لا تستخدم الزخارف مطلقاً</li>
<li>لا تستعمل الم<span style="background-color: yellow;">ــــــــــ</span>ـد</li>
<li>اكتب عنواناً يدل على ما فى الموضوع</li>
<li>حاول بقدر الامكان وضع الكلمات الدلالية فى عنوان الموضوع , كمثال :</li>
</ul>
<blockquote class="tr_bq">
كيف تكتب محتوى متوافق مع محركات البحث والسيو Seo</blockquote>
لاحظت وجود كلمات مثل <a href="http://blogger-araby.blogspot.com/" target="_blank">SEO</a> ومحركات البحث و "محتوى"
هذه تعتبر كلمات دلالية ذات نسبة بحث عالية لدى جوجل<b> .</b><br />
<br />
<h4>
اكتب للزائر وليس ل<a href="http://blogger-araby.blogspot.com/" target="_blank">محركات البحث </a></h4>
خطأ يقع فيه كثير من المدونين , وهو حشو الكلمات داخل الموضوع أو ما يعرف بـ"سبام" Spam , اجعل موضوعك سهل القراءة للزائر وليس لمحركات البحث ! .<br />
<br />
دروس أنصحك بقرائتها :<br />
<br />
<b><span style="font-size: small;"><a href="http://blogger-araby.blogspot.com/2012/06/add-auto-meta-keywords-and-meta.html">اضافة وصف ميتا وكلمات دلالية لكل موضوع تلقائيا لزيادة صداقة محركات البحث</a></span></b></div>
<b><span style="font-size: small;"><a href="http://blogger-araby.blogspot.com/2013/02/Heading-Better-SEO.html">تهيئة وسوم العناوين Heading لمحركات البحث</a> </span></b><br />
<br />
هكذا قد انتهى الموضوع وارجو ان يكون قد نال اعجابكم
والسلام عليكم
</div>
<div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com10tag:blogger.com,1999:blog-777532245786570611.post-22161972927325509142013-02-03T06:47:00.000+02:002013-02-03T06:47:53.608+02:00تهيئة وسوم العناوين Heading لمحركات البحث<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم<br />
والصلاة والسلام على اشرف الخلق اجمعين , سيدنا محمد وعلى آله وصحبه اجمعين<br />
سأقدم لكم اليوم درس
<b>
<span title="Search Engine Optimizing">
SEO
</span> </b>
جديد وفيه شرح تهيئة وسوم العناوين <b>Heading </b>لمحركات البحث </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGIy_ReA2mez9-K4qJ7NKuVci4iOtPhoPtvuChumxHqzykSjhTUGeDgvmzAReSMhkDaIj5s4Ey8fIjbZTvg7bhXnWhaVeL_sov-QbTn49ehxstus7x86Al77RtmZQJinfq4ZXvZa73fBAG/s1600/Headings.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Headings - Seo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGIy_ReA2mez9-K4qJ7NKuVci4iOtPhoPtvuChumxHqzykSjhTUGeDgvmzAReSMhkDaIj5s4Ey8fIjbZTvg7bhXnWhaVeL_sov-QbTn49ehxstus7x86Al77RtmZQJinfq4ZXvZa73fBAG/s1600/Headings.jpg" title="Headings - Seo" /></a></div>
مما لا شك ان وسوم العناوين <b>Headings </b>مهمة جدا لمحركات البحث فهى بمثابة دليل لها للأرشفة .<br />
<br />
<h3>
الوسم H1 لعنوان المدونة
</h3>
نعم ! , فالوسم h1 هو اهم الوسوم بالنسبة لمحركات البحث , ويستخدم فى مدونات بلوجر فى عنوان المدونة <span style="color: red;">فقط </span>!, حسب ارشادات جوجل , <span style="color: red;">فلا </span>تتذاكى وتجعل عناوين المواضيع بالوسم h1 !.<br />
<br />
<h3>
الوسم H2 لعناوين المواضيع
</h3>
<br />
يستخدم الوسم H2 فى عناوين المواضيع لكى يتم ارشفتها بطريقة صحيحة , ولكن يوجد خطأ شائع فى معظم مدونات بلوجر هو وضع الوسم H3 لعناوين المواضيع , وهذا خطأ <span style="color: red;">جسيم </span>!.<br />
<br />
<h4>
كيفية استخدام الوسم H2 فى عناوين المواضيع :
</h4>
قم بـ " توسيع قوالب عناصر واجهة المستخدم "<br />
ابحث عن هذا الوسم :<br />
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
h3</div>
</blockquote>
واستبدله بهذا الوسم :<br />
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
h6</div>
</blockquote>
<div style="text-align: center;">
<br />
<span class="warning-box">ستجد عدداً كبيراً من هذا الوسم فقم بإستبدالها جميعها </span>
</div>
<br />
<br />
لا تستغرب لإستخدام h6 ,حتى لا تختلط الوسوم ( اتبع الشرح )<br />
<br />
<h3>
الوسم H3 لعناوين الأدوات والعناوين الفرعية فى المواضيع
</h3>
<br />
يستخدم هذا الوسم فى عناوين الأدوات والعناوين الفرعية داخل المواضيع لإعطاء الاهمية لكلمات بمحركات البحث .<br />
ابحث عن هذا الوسم<br />
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
h2</div>
</blockquote>
واستبدله بهذا الوسم<br />
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
h7</div>
</blockquote>
<br />
الان قم بإستبدال h6 بــ h2<br />
و<br />
استبدال h7 بــ h3<br />
<br />
<b>طريقة سهلة :</b><br />
قم بالبحث فى القالب عن كل وسم H2 وغيره بـH3 والعــكس ايضاً ولكن احذر من اختلاط الوسوم ببعضها .<br />
<b> </b><br />
<b>إذا واجهتك اى مشكلة لا تتردد بوضعها فى تعليق وسيتم الرد عليها .</b><br />
<b>والسلام عليكم ورحمة الله وبركاته</b><br />
<br /></div>
<div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com10tag:blogger.com,1999:blog-777532245786570611.post-71622495572514079242013-01-31T18:51:00.000+02:002013-01-31T18:51:12.865+02:00إضافة زر Add To Blogger لإضافة الأدوات بسهولة لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم<br />
اقدم لكم اليوم زر Add to blogger<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVDGJG6j2wLxjUvP4Iir25rrP84s8joNBQANAPR9F9Fk9S_AQ4lRYMz2l5c8-fHFAEWfgb0MauzQjpSq2OVaIG5ERyHEXh0-GV0kN6qmlOn-m22oEvA9rgAgFC-T3Dhic1peLKkfe7DsE/s1600/%D8%A8%D8%AF%D9%88%D9%86+%D8%B9%D9%86%D9%88%D8%A7%D9%86.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add to blogger button" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVDGJG6j2wLxjUvP4Iir25rrP84s8joNBQANAPR9F9Fk9S_AQ4lRYMz2l5c8-fHFAEWfgb0MauzQjpSq2OVaIG5ERyHEXh0-GV0kN6qmlOn-m22oEvA9rgAgFC-T3Dhic1peLKkfe7DsE/s1600/%D8%A8%D8%AF%D9%88%D9%86+%D8%B9%D9%86%D9%88%D8%A7%D9%86.jpg" title="Add to blogger زر" /></a></div>
<h4>
مميزات الإضافة:</h4>
<br />
<ul style="text-align: right;">
<li>مريحة للزوار حيث انها تسهل عليهم إضافة الأدوات لمدوناتهم</li>
<li>مهمة جدا للمدونات التى تقدم إضافات بلوجر واى أكواد لتطويرها </li>
</ul>
<h4>
كود الإضافة :</h4>
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
<form action="http://beta.blogger.com/add-widget" method="post" target="_blank"><br />
<input style="display: none;" value="<span style="color: red;">عنوان الإضافة</span>" name="widget.title" /><br />
<textarea style="display: none;" name="widget.content"><span style="color: red;">ضع هنا كود الإضافة</span><br />
</textarea><br />
<br /><br />
<input style="border:0px;" src="http://www.blogger.com/img/add/add2blogger_lg.gif" value="<span style="color: red;">اسم مدونتك</span>" name="go" type="image" /><br />
</form>
</div>
</blockquote>
<h4>
معاينة الإضافة :
</h4>
<br />
<form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
<input name="widget.title" style="display: none;" value="مدونات ندعمها" />
<textarea name="widget.content" style="display: none;"><a href="http://www.blogger-araby.blogspot.com/" title="مدونة عرب بلوجر " style="text-decoration:none;border:0;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZK7XrXWrcDoJJo6RVJ41wQ5sIA6nApWZeS7_N-wIRmU9Pv0MsLsThFEvNYC_5M5EExY6i0MrTt69jk6XOkmY9dyd4NfOgKLHBvGF7hWqoEa_GYfEVY47uqLl1QePl9nqqWjwm8Slt0xZJ/s1600/banner.gif" alt="إضافات بلوجر" style="border:0" />
</a>
</textarea>
<br />
<input name="go" src="http://www.blogger.com/img/add/add2blogger_lg.gif" style="border: 0px;" type="image" value="مدونة عرب بلوجر" />
</form>
<h4>
ملاحظات هامة :
</h4>
<br />
اذا اردت إضافة الزر داخل موضوع فى مدونتك قم بإضافة الكود فى حقل Html , وهذه صورة توضح ذلك :<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNkAHj06j6DG3ACy1ixvDkZljJVlwBZBQW_kAgUCb0ofbSglfwjzLBZTAMu8K3FKZHclYm_LgDc14C8Nrq-uUVIR5S2hxse4F2KXvy9DPsi6DXS8J_XU74eNOaIgwVTj4Xqb6nduaHlo_E/s1600/html.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Add to Blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNkAHj06j6DG3ACy1ixvDkZljJVlwBZBQW_kAgUCb0ofbSglfwjzLBZTAMu8K3FKZHclYm_LgDc14C8Nrq-uUVIR5S2hxse4F2KXvy9DPsi6DXS8J_XU74eNOaIgwVTj4Xqb6nduaHlo_E/s1600/html.PNG" height="36" title="Add To blogger" width="320" /></a></div>
<br />
إذا اردت إضافة الزر داخل المدونة كأداة منفصلة , اتبع الخطوات التالية :<br />
تخطيط > إضافة اداة > Html / JavaScript > الصق الكود .<br />
<br />
<br />
وهكذا قد انتهيت من كتابة الموضوع , ارجو ان يكون قد نال اعجباكم<br />
والسلام عليكم .</div>
<div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com0tag:blogger.com,1999:blog-777532245786570611.post-31362393884534317772013-01-12T22:58:00.002+02:002013-02-13T11:17:42.476+02:00كيفية تغيير الخطوط الى خطوط عربية جذابة لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم ,<br />
اقدم لكم ايوم شرح طريقة اضافة خطوط عربية جذابة مثل التى <a href="http://blogger-araby.blogspot.com/" target="_blank" title="عرب بلوجر">بمدونتى</a><br />
وسوف اقدك لكم هذا الموضوع بناءً على طلب بعض الزوار ,<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGA6Jaq15hmltXNEAl7zUqexnmNGs4xAt9kzATg9gp2ViTd2WY8vr7HAeUvYgy8BZoq6sXac2U3jYwa02hulMvOokqIz-9Nm4eOj11MEeuZ1W7LrAzlf9K5JL4pvwZn_lQTrtLI1F6G8Ws/s1600/fontsblogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="خطوط مميزة بلوجر" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGA6Jaq15hmltXNEAl7zUqexnmNGs4xAt9kzATg9gp2ViTd2WY8vr7HAeUvYgy8BZoq6sXac2U3jYwa02hulMvOokqIz-9Nm4eOj11MEeuZ1W7LrAzlf9K5JL4pvwZn_lQTrtLI1F6G8Ws/s320/fontsblogger.png" title="Droid Fonts" width="286" /></a></div>
<br />
<br />
<br />
<h3>
ما هى خطوط بلوجر </h3>
<br />
الخطوط المستخدمة فى مدونات بلوجر التقليدية هى خطوط ليست جميلة وليست جاذبة للزوار , لذلك يجب ابتكار طريقة ما لوضع خطوط عربية لتظهر المدونة بشكل جميل وجذاب , وانا قد احضرت لكم بعض خطوط بلوجر التقليدية لتشاهدوا الفرق بأنفسكم :<br />
<br />
<span style="font-family: tAHOMA,Helvetica,sans-serif;">خط tahoma</span><br />
<span style="font-family: aRIAL,Helvetica,sans-serif;">خط ARIAL</span><br />
<span style="font-family: traditional arabic,Helvetica,sans-serif;">خط traditional arabic</span><br />
<span style="font-family: Verdana,sans-serif;">خط Verdana</span><br />
<span style="font-family: Times,"Times New Roman",serif;"> خط Times</span><br />
<br />
كما رأيتم انها خطوط تقليدية وغير جذابة .<br />
<h3>
امثلة على الخطوط الحديثة الجذابة
</h3>
<br />
<br />
كما ترون مدونتى بها خطوط جميلة تودُّون لو انها بمدوناتكم وهذه امثلة لها ::<br />
<br />
<h4>
خط Droid Kufi Bold
</h4>
<br />
هو من افضل الخطوط واشهرها على شبكة الانترنت وكثير من المواقع الضخمة تعمل به ! ,<br />
وهذا مثال له :<br />
<span style="font-family: DroidKufi-Bold,Helvetica,sans-serif;"><span style="color: red;">لا اله الا الله محمداً رسول الله</span></span><br />
<a href="http://blogger-araby.blogspot.com/2013/01/Arabic-Droid-Fonts.html#p1" target="">كود الخط</a><br />
<h4>
خط Droid Kufi Regular
</h4>
وهو نفس الخط السابق ولكنه ارفع قليلا منه<br />
مثال :<br />
<span style="font-family: DroidKufi-regular,Helvetica,sans-serif;"><span style="color: red;">لا اله الا الله محمداً رسول الله </span></span><br />
<a href="http://blogger-araby.blogspot.com/2013/01/Arabic-Droid-Fonts.html#p2" target="">كود الخط</a><br />
<h4>
خط Droid Naskh Bold
</h4>
من اجمل الخطوط العربية<br />
مثال :<br />
<span style="font-family: DroidNAskh-bold,Helvetica,sans-serif;"><span style="color: red;">لا اله الا الله محمداً رسول الله </span></span><br />
<a href="http://blogger-araby.blogspot.com/2013/01/Arabic-Droid-Fonts.html#p3" target="">كود الخط</a><br />
<h4>
خط Droid Naskh Regular</h4>
وهو نفس الخط السابق ولكنه ارفع قليلا منه ,<br />
مثال :<br />
<span style="font-family: DroidNaskh-Regular,Helvetica,sans-serif;"><span style="color: red;">لا اله الا الله محمداً رسول الله
</span></span><br />
<a href="http://blogger-araby.blogspot.com/2013/01/Arabic-Droid-Fonts.html#p4" target="">كود الخط</a><br />
<br />
<h3>
طريقة تركيب الخطوط المميزة على بلوجر
</h3>
<br />
قد يقابل الكثير مننا صعوبة فى تركيب الخطوط على بلوجر ولكن سأشرح طريقة سهلة لتركيبها :<br />
اولا ادخل على لوحة تحكم بلوجر ثم قالب ثم تحرير html<br />
وابحث عن هذا الكود بإستخدام Ctrl+f<br />
<blockquote class="tr_bq">
]]></b:skin></blockquote>
وضع قبله كود الخط الذى تريده :<br />
<div id="p1">
<h4>
خط DroidKufi-bold
</h4>
</div>
<div style="text-align: left;">
<blockquote class="tr_bq">
@font-face {<br />
font-family: 'DroidKufi-bold';<br />
font-style: normal;<br />
font-weight: 700;<br />
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);<br />
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');<br />
}
</blockquote>
</div>
<div id="p2">
<h4>
خط DroidKufi-Regular
</h4>
</div>
<div style="text-align: left;">
<blockquote class="tr_bq">
@font-face {<br />
font-family: 'DroidKufi-regular';<br />
font-style: normal;<br />
font-weight: 400;<br />
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);<br />
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('x-woff2'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');<br />
}</blockquote>
</div>
<div id="p3">
<h4>
خط DroidNaskh-bold
</h4>
</div>
<br />
<div style="text-align: left;">
<blockquote class="tr_bq">
@font-face {<br />
font-family: 'DroidNaskh-bold';<br />
font-style: normal;<br />
font-weight: 700;<br />
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot);<br />
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff2) format('x-woff2'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff) format('woff'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.ttf) format('truetype');<br />
}
</blockquote>
</div>
<div id="p4">
<h4>
خط DroidNaskh-Regular
</h4>
</div>
<br />
<div style="text-align: left;">
<blockquote class="tr_bq">
@font-face {<br />
font-family: 'DroidNaskh-regular';<br />
font-style: normal;<br />
font-weight: 400;<br />
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot);<br />
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff2) format('x-woff2'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff) format('woff'),<br />
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.ttf) format('truetype');<br />
}</blockquote>
</div>
ولتغيير لون الخط ما عليك الا بتغيير اسم الخط سواءً كان Arial او Tahoma او غيرها الى اسم الخط ....<br />
حيث انك تبحث عن<br />
Font-family:<span style="color: red;">Arial</span><br />
<br />
فإذا اردت تغيير خط المدونة بالكامل<br />
ابحث عن فى القالب عن هذا الوسم :<br />
<blockquote class="tr_bq">
<div dir="ltr" style="text-align: left;">
body{</div>
</blockquote>
وضع هذا الوسم تحته :<br />
font-family:<span style="color: red;">DroidKufi-bold</span>;<br />
<br />
وقم بتغيير ما باللون الاحمر بالخط الذى تريده من مجموعة الخطوط التى فى الاعلى <br />
وتقوم بتغيير ما باللون الاحمر بأسم الخط المراد اظهاره<br />
واى استفسار ضعه فى تعليق ^__^</div>
<div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com21tag:blogger.com,1999:blog-777532245786570611.post-68619141911364155862012-09-10T22:53:00.001+02:002012-09-21T16:40:44.006+02:00إضافة تابعني عبر الشبكات الاجتماعية بشكل ذهبي<div dir="rtl" style="text-align: right;" trbidi="on">
بـسم الله الـرحمن الـرحيم<br>
الســــلام عليكم<br>
جئت لكم اليوم مع إضافة رائعة وهى { <b>الإصدار الذهبي من إضافة تابعنى عبر الشبكات الاجتماعية </b>} والإضافة من تصميم شريف أشرف صاحب مدونة <a href="http://www.blogger-araby.blogspot.com/" target="_blank">عرب بلوجر</a> , وتتميز الإضافة بأيقونات الشبكات الإجتماعية بشكل ذهبى جذاب جداً , وهي مصممة بتقنيات الويب الحديثة css3 ويتضح ذلك فى الإضافة <span id="goog_473394489"></span><span id="goog_473394490"></span><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh-Xta9F4p96a2q8KvRJzOafXdxtp3T6PSX2Ts1g0dGlSNZrd5uQAkkzFTyiwQ2zvZH5JZYrgEqavhAyVs0aYklSWwHUwOnU8EbZQr_qYtirDFd_XVo-hQS131D8I9KdKBXwvL3BFhA37O/s1600/social-media-widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="إضافة المتابعة عبر الشبكات الاجتماعية" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh-Xta9F4p96a2q8KvRJzOafXdxtp3T6PSX2Ts1g0dGlSNZrd5uQAkkzFTyiwQ2zvZH5JZYrgEqavhAyVs0aYklSWwHUwOnU8EbZQr_qYtirDFd_XVo-hQS131D8I9KdKBXwvL3BFhA37O/s1600/social-media-widget.png" title="gold-social-media-widget"></a></div>
<h3>
معلومات عن الإضافة :
</h3>
مصمم الإضافة : شريف أشرف صاحب <a href="http://www.blogger-araby.blogspot.com/" target="_blank">مدونة عرب بلوجر </a><br>
التوافق : تتوافق مع جميع المتصفحات ولكنها قد لا تعمل مع المتصفحات القديمة جدا<br>
الترخيص : Linkware<br>
<br>
</div><a href="http://blogger-araby.blogspot.com/2012/09/Social-Networks-Gold-Widget.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com10tag:blogger.com,1999:blog-777532245786570611.post-61589711690630187222012-08-17T08:03:00.001+02:002012-09-06T01:40:20.440+02:00[Html] الروابط التشعبية<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم والسلام عليكم ورحمة الله وبركاته<br>
سوف اتطرق في هذا الدرس إن شاء الله الى واحدة من أساسيات لغة <b>Html </b>وبالتحديد هى الروابط التشعبية او <b>Links</b><br>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibBmg-COGDQfP_tAZU8kelGTvkXHv5FBE_xdQBmodjEAQWbY7ofaw7sr2mCSNj6kl1aTIz2jTOu9gmwmGc-vVoJC3eGrIFNm4-U5l8xHpm3ZRzK1Y5Z6GmaEcyNbB5wGu-_z1tJUo_aVDP/s1600/Links.Jpeg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibBmg-COGDQfP_tAZU8kelGTvkXHv5FBE_xdQBmodjEAQWbY7ofaw7sr2mCSNj6kl1aTIz2jTOu9gmwmGc-vVoJC3eGrIFNm4-U5l8xHpm3ZRzK1Y5Z6GmaEcyNbB5wGu-_z1tJUo_aVDP/s1600/Links.Jpeg"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">الروابط التشعبية Links</td></tr>
</tbody></table>
<br>
<h3>
ما هي الوصلات التشعبية ؟
</h3>
الوصلات التشعبية (<b> الروابط التشعبية</b> ) هى رابطة تربط بين موقعين أو اكثر , فعند الضغط على الوصلة فى الموقع الاول ينقلك الى الموقع الآخر , وهى تساعد على ارتباط المواقع , وراجع هذا الدرس لتعرف اهمية الروابط المتبادلة بين المواقع :<span style="font-size: small;"><b> </b></span><br>
<span style="font-size: small;"><b><a href="http://blogger-araby.blogspot.com/2012/07/Dofollow-and-NoFollow.html">[Tags] الفرق بين وسمى DoFollow و NoFollow</a></b></span><br>
<span style="font-size: small;"><b><br></b></span>وتذكر ان الوسم <b>Href </b>هو <span style="background-color: white; color: #660000;">أساسي </span>لتكوين الروابط .<br>
<br>
</div><a href="http://blogger-araby.blogspot.com/2012/08/Hyper-Links-Html.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com2tag:blogger.com,1999:blog-777532245786570611.post-60731539269228836512012-08-10T09:41:00.000+02:002013-03-15T00:59:46.827+02:00إضافة تابعني عبر الشبكات الاجتماعية بتأثيرات رائعة<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم</div>
<div style="text-align: center;">
السلام عليكم ورحمة الله وبركته</div>
<div style="text-align: right;">
قد تطرقت فى الموضوع السابق الى درس " <span style="font-size: small;"><a href="http://blogger-araby.blogspot.com/2012/08/facebook-like-button.html">زر أعجبني وزر المشاركة من الفيس بوك أسفل تدوينات بلوجر</a> " والان سوف اقدم لكم إضافة جديدة من أهم الإضافات وهى إضافة " تابعني عبر الشبكات الاجتماعية " بطريقة جديدة وبتأثيرات جميلة جدا ! </span><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFl9e-_Slw9CjXISy_EVEC1ns1iOBsagaUYp5n8zzR1ohQEJoqDQDZbrj01RL3os23uVGluYYVqMRbe7mqydiCYMxnxzIitiWlBNmrQYt9f2lcjd7ysAjGAPMl4TezbmJxdQtil1OjSlvB/s1600/Touch+me+widget.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Sharing Widgets" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFl9e-_Slw9CjXISy_EVEC1ns1iOBsagaUYp5n8zzR1ohQEJoqDQDZbrj01RL3os23uVGluYYVqMRbe7mqydiCYMxnxzIitiWlBNmrQYt9f2lcjd7ysAjGAPMl4TezbmJxdQtil1OjSlvB/s1600/Touch+me+widget.jpg" title="إضافة تابعنى عبر الشبكات الإجتماعية"></a></div>
</div>
<h3 style="text-align: center;">
أهمية الإضافة </h3>
<br>
الإضافة مهمة من ناحية انها تجلب لك الكثير والكثير من المتابعين على تويتر والكثير من المعجبين على صفحتك على الفيس بوك وجوجل بلس , كما انها تجلب لكل مشتركين فى الخلاصات RSS مما يجعل الشبكات الإجتماعية و الخلاصات مصدراً آخر للزوار , فبمجرد ان يتابعك الزائر على تويتر او الفيس بوك او جوجل بلس ... تظهر له كل تحديثاتك من مواضيع ..... الخ ( وذلك بالطبع بعد مشاركتك لها )<br>
<br>
<br>
</div><a href="http://blogger-araby.blogspot.com/2012/08/social-networks-widget-blogger.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com8tag:blogger.com,1999:blog-777532245786570611.post-39440011709444119902012-08-08T07:59:00.000+02:002013-02-02T00:57:36.366+02:00زر أعجبني وزر الارسال من الفيس بوك أسفل تدوينات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم , السلام عليكم ورحمة الله وبركاته<br>
بعد تقديم درس " <a href="http://blogger-araby.blogspot.com/2012/08/How-To-Add-Facebook-Like-Button-to-blogger-blog.html">زر أعجبني من الفيس بوك لمدونات بلوجر</a> " , اردت ان اشرح طريقة إضافة<b> زر أعجبني</b> و <b>زر المشاركة </b>أسفل تدوينات <b>بلوجر </b>ليتم مشاركة تدويناتك على موقع التواصل الاجتماعي فيس بوك ويجلب لك زواراً من الشبكات الاجتماعية ويلعب دوراً هاماً فى نشر مدونتك ! .<br>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0JgOq47OEV1z-91CNIs2BWzeSh9EARLhjyJuAp30NbImewTJVvp9Tb53OPCbyWbXAyG8PVOpYcX09tT-faWZBV40bbK7CHgQqdXIyFn_1Yz3HDhsTqlfkYLMm1JglQIETSS2MR8dehafR/s1600/like_button.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="زر أعجبني" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0JgOq47OEV1z-91CNIs2BWzeSh9EARLhjyJuAp30NbImewTJVvp9Tb53OPCbyWbXAyG8PVOpYcX09tT-faWZBV40bbK7CHgQqdXIyFn_1Yz3HDhsTqlfkYLMm1JglQIETSS2MR8dehafR/s320/like_button.jpg" height="240" title="Like button" width="320"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> زر أعجبني Like Button</td><td class="tr-caption" style="text-align: center;"><br></td></tr>
</tbody></table>
<br>
</div><a href="http://blogger-araby.blogspot.com/2012/08/facebook-like-button.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com4tag:blogger.com,1999:blog-777532245786570611.post-90745259349068126532012-08-06T14:12:00.001+02:002013-01-01T01:18:39.174+02:00زر أعجبني من الفيس بوك لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: right;">
بسم الله الرحمن الرحيم</div>
<div style="text-align: right;">
اهلا بكم فى تدوينة جديدة !</div>
<div style="text-align: right;">
<b>الفيس بوك <span style="color: #0b5394;">Facebook</span></b><span style="color: #0b5394;"> </span>من الشبكات الاجتماعية الاكثر شهرة على مستوى العالم , فهو يضم ملايين المستخدمين على مستوى العالم </div>
<div style="text-align: right;">
كما انه يضم عدداً كبيرا من المستخدمين العرب وهذه هى النقطة المهمة .... فبمجرد ان يقوم زائر مدونتك بالضغط على زر أعجبني <b>Like </b>يتم نشر موضوعك على الفيس بوك مما يزيد من زوار موضوعاتك<br>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvvdZNGWPrbpcMrKZEsiO3mYEpgJgWUXqDpufYNrpZ46Aeq_ja8PAOpEMO9xWLHPgwbdmc-gAGe0bYQu3A79uoVG9Yux3VbGKbGcndTlLCIi4HFmFV6JglA1N9DA-SF_ldv65kB2zADAR3/s1600/like.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="زر أعجبني" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvvdZNGWPrbpcMrKZEsiO3mYEpgJgWUXqDpufYNrpZ46Aeq_ja8PAOpEMO9xWLHPgwbdmc-gAGe0bYQu3A79uoVG9Yux3VbGKbGcndTlLCIi4HFmFV6JglA1N9DA-SF_ldv65kB2zADAR3/s1600/like.png" title="Like Button"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">زر أعجبني Like button </td></tr>
</tbody></table>
<br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/08/How-To-Add-Facebook-Like-Button-to-blogger-blog.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com2tag:blogger.com,1999:blog-777532245786570611.post-28378693862884800482012-07-27T01:57:00.001+02:002012-08-27T06:12:09.565+02:00[Tags] الفرق بين وسم DoFollow و NoFollow<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم</div>
<div style="text-align: center;">
قد تكون وسوم او اكواد Html معقدة للبعض منا , ولكنها بالتأكيد مهمة جدا , فلا يوجد اى موقع او مدونة خالى من وسوم html ولذلك اعددت لكم درساً مهماً مفيداً لمصممى المواقع ومطوريها وكذلك اصحاب المدونات الذين يريدون تطوير مدوناتهم و<b>تحسين نتائج مدونتهم في محركات البحث</b><br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuYQWWtaQzoIR91P5BakEI2YZy_KWbKL-XowpdWr2Khsm1_Gbhl25Ifber12RJq9H4CO7U4cMneMSqQWK3XkASXnfAuxdN0olSwacZyLSNjYjGNwN65K9oomy99u4g4KwOmFTjVB_sHwj/s1600/dofollow-and-nofollow.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuYQWWtaQzoIR91P5BakEI2YZy_KWbKL-XowpdWr2Khsm1_Gbhl25Ifber12RJq9H4CO7U4cMneMSqQWK3XkASXnfAuxdN0olSwacZyLSNjYjGNwN65K9oomy99u4g4KwOmFTjVB_sHwj/s1600/dofollow-and-nofollow.png"></a></div>
<h3>
ما هو وسم DoFollow
</h3>
وسم الدوفولو <b>Dofollow</b> هو وسم يتم اضافته الى الروابط ليأمر محركات البحث لزيارة هذا الرابط , وهو وسم اساسى بمعنى انك اذا لم تكتبه فستقوم محركات البحث جوجل وغيرها بالدخول ايضاً , فزحف محركات البحث على الرابط link يتوقف على كتابة وسم النوفولو NoFollow , وهذا مثال حى لرابط دوفولو تزوره <b>محركات البحث</b><br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/07/Dofollow-and-NoFollow.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com9tag:blogger.com,1999:blog-777532245786570611.post-19917998593027928822012-07-25T00:46:00.003+02:002013-02-04T14:58:01.747+02:00شرح اضافة الميتا تاج لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<br>
<div style="text-align: center;">
بسـم الله الـرحمن الرحـيم </div>
<div style="text-align: center;">
اهلا بكم في درس سيو جديد ومهم لكل المدونات والجديدة بالتحديد </div>
<div style="text-align: center;">
مما لا شك فيه ان الميتا تاجز <b><span style="color: #351c75;">Meta Tags</span> </b>مهمة جدا لانها هى التى توضح نوع محتوى موفعك لدى<b> <span style="color: #38761d;">محركات البحث</span></b> , مما يساعد في<span style="color: #741b47;"> <b>صداقة محركات البحث</b></span> , و<span style="color: red;"><b>سرعة الارشفة</b></span> ..!</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyCM9Qk-hdBA0GCQaOhlZxmkG10ZEXFF0jHq46FrGSLPidurElGrP-m09PuyEj7-ERxSglKi1pQq2TLUfTHQv1QN51gcpu7ZmdV7SlPEmIYK5ATbiIGJewUiBahcUhnSZCfQz4Dlurds4v/s1600/Meta+tags.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Meta Tags" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyCM9Qk-hdBA0GCQaOhlZxmkG10ZEXFF0jHq46FrGSLPidurElGrP-m09PuyEj7-ERxSglKi1pQq2TLUfTHQv1QN51gcpu7ZmdV7SlPEmIYK5ATbiIGJewUiBahcUhnSZCfQz4Dlurds4v/s320/Meta+tags.jpg" height="257" title="Meta Tags" width="320"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">ميتا تاجز Meta Tags</td></tr>
</tbody></table>
<div dir="ltr" style="text-align: center;">
<h3>
شرح اضافة الميتا تاجز لمدونات بلوجر</h3>
<div dir="rtl">
<div class="warning-box">
لا تنسى حفظ نسخة احتياطية من القالب قبل اى تعديل</div>
<ul>
<li style="text-align: right;">اذهب الى لوحة تحكم بلوجر</li>
<li style="text-align: right;">اختر تصميم ثم "قالب" ( تحرير Html )</li>
<li style="text-align: right;"><div style="text-align: right;">
ابحث عن هذا الكود : </div>
</li></ul></div></div></div><a href="http://blogger-araby.blogspot.com/2012/07/add-meta-description-and-meta-keywords-to-blogger.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com6tag:blogger.com,1999:blog-777532245786570611.post-44408856790689715192012-07-18T03:08:00.001+02:002012-09-06T09:35:58.258+02:00طريقة رفع/تركيب قالب بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بــسم الله الـرحـمن الرحــيم</div>
<div style="text-align: center;">
في الدرس السابق تحدثنا عن<b><a href="http://blogger-araby.blogspot.com/2012/07/create-free-blogger-blog.html" target="_blank"> مزايا مدونات بلوجر وشرح انشاء مدونة بلوجر</a></b></div>
<div style="text-align: center;">
وفى هذا الدرس سأتحدث عن الطرق الصحيحة لرفع قالب بلوجر <span style="color: #660000;"><b>Template </b></span>الى المدونة<br>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoClmCHoVKZhlp5we4G3DvbTTD23DUvBxmiilLBI6QxwxKNhUkTdtDkEJEtG5iluLmqaVIDtQhdC3lmlh7akQl_vZohEn8QyF5TQBC0edkA-v3ftO8iwajI2jbhCSHIikPOjUZyMXMFAms/s1600/upload_template_to_blogger.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoClmCHoVKZhlp5we4G3DvbTTD23DUvBxmiilLBI6QxwxKNhUkTdtDkEJEtG5iluLmqaVIDtQhdC3lmlh7akQl_vZohEn8QyF5TQBC0edkA-v3ftO8iwajI2jbhCSHIikPOjUZyMXMFAms/s1600/upload_template_to_blogger.jpg"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">طريقة رفع قالب بلوجر</td><td class="tr-caption" style="text-align: center;"><br></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
من المعروف ان<b> قوالب بلوجر</b> تكون محفوظة بصيغة <span style="color: red;"><b>xml </b></span>, فلا يوجد قالب بلوجر محفوظ بصيغة اخرى </div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div></div><a href="http://blogger-araby.blogspot.com/2012/07/How-to-upload-template-to-blogger-blog.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com0tag:blogger.com,1999:blog-777532245786570611.post-7299813140251787772012-07-15T08:09:00.001+02:002012-07-25T22:39:16.038+02:00انشاء مدونة بلوجر مجانية<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
بسم الله الرحمن الرحيم ,</div>
<div style="text-align: center;">
انا قد بدأت مباشرة في <b>دروس السيو</b> و<b>الاضافات</b> و<b>الخلاصات</b> ... </div>
<div style="text-align: center;">
ولكنى اغفلت اهم درس وهو شرح كيفية <b>إنشاء مدونة مجانية الكترونية على استضافة بلوجر </b>:) , فالبداية سوف اتحدث إن شاء الله عن <b>مزايا مدونات بلوجر</b> , ولماذا تتفوق بلوجر على بعض الإستضافات <i>المجانية والمدفوعة</i> .<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehtBwXAsO-TyOjt2b2OelX93Aft70gVk_EPMUT3im1BCycNC2ji9HZk4xN-qxPPBz2SqzuiStk2TKVp8I-ehsDsNmNFc9DCFOhTAHZnRy8GqdUQAyYMNO9qva87_J42quaRVYCoHkMWkx/s1600/blogger-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiehtBwXAsO-TyOjt2b2OelX93Aft70gVk_EPMUT3im1BCycNC2ji9HZk4xN-qxPPBz2SqzuiStk2TKVp8I-ehsDsNmNFc9DCFOhTAHZnRy8GqdUQAyYMNO9qva87_J42quaRVYCoHkMWkx/s1600/blogger-logo.jpg"></a></div>
</div>
<div style="text-align: center;">
بلوجر هى شركة منبثقة من محرك البحث الشهير جوجل Google ولذلك فبلوجر
مرتبطة بجوجل حيث انك تسجل الدخول لبلوجر من خلال حسابك في جوجل </div>
<div style="text-align: center;">
فالبداية سأتكلم عن <b>مزايا بلوجر</b> ولماذا تتقدم بلوجر عن غيرها ؟ :</div>
<div style="text-align: center;">
<br></div>
<div style="text-align: center;">
تتميز بلوجر بــ :</div>
<ul style="text-align: right;">
<li>استضافة مجانية 100%</li>
<li>سهولة تحكم لن تجدها بأى استضافة اخرى</li>
<li>سرعة مدونتك تتوقف على القالب فسرعة الاستضافة فوق ما يتصور الجميع</li></ul></div><a href="http://blogger-araby.blogspot.com/2012/07/create-free-blogger-blog.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com2tag:blogger.com,1999:blog-777532245786570611.post-6203594467056580952012-06-27T19:35:00.007+02:002012-08-03T08:26:42.867+02:00اضافة وصف ميتا وكلمات دلالية لكل موضوع تلقائيا لزيادة صداقة محركات البحث<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="font-family: tahoma,Helvetica,sans-serif; text-align: center;">
بســـم الله الــرحـمـن الــــرحيم<br>
السلام عليكم زوار مدونة <b><a href="http://www.blogger-araby.blogspot.com/" target="_blank">عرب بلوجر</a> </b>الاعزاء<br>
اهلا بكم في درس <b>سيو </b>جديد به شرح<b> كيفية اضافة كلمات دلالية ووصف ميتا لكل موضوع</b> , من المعروف ان مدونات بلوجر ليس بها خاصية اضافة كلمات دلالية ووصف ميتا لكل موضوع , ولكننا سوف نقوم بتعديل بسيط على القالب يعمل على اضافة <b>كلمات دلالية ووصف ميتا</b> لكل موضوع وستكون الكلمات الدلالية مكونة من عنوان الموضوع ! , مما يزيد من <b>صداقة محركات البحث</b> كما يحل مشكلة هامة جدا ; فإذا كنت مشترك في<a href="https://www.google.com/webmasters/tools/home?hl=ar" target="_blank"> ادوات مشرفى المواقع </a>في جوجل ستلاحظ وجود مشاكل مثل " وصف ميتا متكرر " وهى تُحل بإضافة هذا الكود .<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmH7UfN01ijYYp1zLC0pzruMn8CRlbErAR5lpgoSADlz7rXeZh2x0cRW2JdWowtl-LtjphfZl2UYo-WucqIer1ut87awk7eV2R-J8hcpJ5ijzJP0WI_w_nzOXgcMq6fgyn7eocF4X1E1js/s1600/meta_auto.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmH7UfN01ijYYp1zLC0pzruMn8CRlbErAR5lpgoSADlz7rXeZh2x0cRW2JdWowtl-LtjphfZl2UYo-WucqIer1ut87awk7eV2R-J8hcpJ5ijzJP0WI_w_nzOXgcMq6fgyn7eocF4X1E1js/s1600/meta_auto.jpg"></a></div>
<br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/06/add-auto-meta-keywords-and-meta.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com0tag:blogger.com,1999:blog-777532245786570611.post-29614222208936189952012-06-22T22:19:00.003+02:002012-08-05T04:42:40.228+02:00اضافة عداد المشتركين في خدمة الخلاصات لمدونات بلوجر FeedCounter<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="font-family: tahoma,Helvetica,sans-serif; text-align: center;">
بـــسم الـلَّه الرحــمن الرحــيم و الســلام عليكم ورحـمة الـلَّه وبركـاته,</div>
<div style="font-family: tahoma,Helvetica,sans-serif; text-align: center;">
اهلا بكم في تدوينة جديدة والدرس الثالث من <b>سلسلة دروس الخلاصات</b> <b>FeedBurner</b></div>
<div style="font-family: tahoma,Helvetica,sans-serif; text-align: center;">
سأشرح لكم كيفية اضافة عداد المشتركين في خدمة <b>RSS </b>الخاصة بموقعك والتابعة لموقع فـييد برنر <b>FeedBurner</b><br>
اظن انك تريد المزيد من التوضيح .. ^_^<br>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5khVWyvYkbmmerYwcAORs1kfoEQizaT6X5O5IoNw6RPRQvFdxay-vUxP2kzXK9j5Vheev-InhRB8unrHexQAPeFMmkmRwpjHNuVW1jycCCsQsAHCf32oD_AqQHMb4qCdyTrjudQxi60WN/s1600/counters.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Feedcounter" border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5khVWyvYkbmmerYwcAORs1kfoEQizaT6X5O5IoNw6RPRQvFdxay-vUxP2kzXK9j5Vheev-InhRB8unrHexQAPeFMmkmRwpjHNuVW1jycCCsQsAHCf32oD_AqQHMb4qCdyTrjudQxi60WN/s320/counters.jpg" title="عداد المشتركين" width="320"></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">عداد المشتركين FeedCounter</td><td class="tr-caption" style="text-align: center;"><br></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<br>
لتفهم معنى الموضوع اكثر تابع الدروس السابقة للمدونة :-<br>
الدرس الاول :<b><a href="http://blogger-araby.blogspot.com/2012/06/register-in-feedburner-feed-site.html">شرح التسجيل في موقع feedburner وتكوين خلاصات لموقعك</a></b> <br>
الدرس الثانى :<b> <a href="http://blogger-araby.blogspot.com/2012/06/add-email-subscriptions-to-blogger-blog.html">اضافة قائمة بريدية بشكل مميز لمدونات بلوجر</a></b><br>
<br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/06/add-readers-counter-to-blogger-blog.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com0tag:blogger.com,1999:blog-777532245786570611.post-47401994919735797952012-06-20T18:35:00.000+02:002012-08-10T11:52:12.162+02:00اضافة قائمة بريدية لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="font-family: tahoma,Helvetica,sans-serif; text-align: center;">
بسم الله الرحمن الرحيم<br>
موعدنا مع الدرس الثانى من سلسلة <b>دروس الخلاصات RSS</b><br>
المُقدمة من<b> مدونة عرب بلوجر</b><br>
<b> </b>
والدرس الثانى به <b>شرح مفصل لكيفية اضافة قائمة بريدية بشكل مميز جدا </b>مقدمة من موقع <b>فـييد برنر</b> مثل التى بمدونتى ;
ارجو منك الذهاب الى شرح<a href="http://blogger-araby.blogspot.com/2012/06/register-in-feedburner-feed-site.html" target="_blank"> الدرس الاول والذى به شرح التسجيل في Feedburner وبعض مزاياه</a>
لكى تستطيع اكمال سلسلة الدروس ...<br>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img alt="Email Subscriptions" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsf0jXrqk9U8BwzQ3hc0Yq5K6xBgtIa56xYFEO4ZcTSzlHNx_cQwOjH0g7xG0PDpFtgMSQWOMkgC9klJChPocoOawuiCyvi1C1ti4inMB5zOHPIO_gdM2EuqP3XY9TMVzhUT52v32ocY_L/s1600/email_img.jpg" style="margin-left: auto; margin-right: auto;" title="القائمة البريدية من فييد برنر"></td></tr>
<tr><td class="tr-caption" style="text-align: center;">فييد برنر</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsf0jXrqk9U8BwzQ3hc0Yq5K6xBgtIa56xYFEO4ZcTSzlHNx_cQwOjH0g7xG0PDpFtgMSQWOMkgC9klJChPocoOawuiCyvi1C1ti4inMB5zOHPIO_gdM2EuqP3XY9TMVzhUT52v32ocY_L/s1600/email_img.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span id="goog_1433446926"></span><span id="goog_1433446927"></span></a></div>
<br>
<span style="font-size: large;">خطوات العمل:-</span><br>
<br>
<ul>
<li>ادخل الى موقع<a href="http://feedburner.com/" rel="nofollow" target="_blank"> <b>فـييد برنر FeedBurner </b></a></li>
<li> قم بتسجيل الدخول الى حسابك في <b>جوجل </b>, و سيتم نقلك تلقائيا الى <b>فييد برنر FeedBurner </b></li>
</ul>
<b></b><br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/06/add-email-subscriptions-to-blogger-blog.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com4tag:blogger.com,1999:blog-777532245786570611.post-33147756314641218342012-06-07T12:40:00.002+02:002012-08-05T04:45:24.173+02:00شرح التسجيل في موقع feedburner وتكوين خلاصات لموقعك<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="font-family: tahoma,Helvetica,sans-serif;">بسم الله الرحمن الرحيم ,</span><br>
<span style="font-family: tahoma,Helvetica,sans-serif;">اهلا بك عزيزي الزائر فى مدونتى,</span><br>
<span style="font-family: tahoma,Helvetica,sans-serif;">موعدنا اليوم مع شرح التسجيل فى موقع فييد برنر <b>FeedBurner </b>للتغذية <b>feed </b>والخلاصات <b>rss </b>.</span><br>
<span style="font-family: tahoma,Helvetica,sans-serif;">من المعروف ان مواقع التغذية <b>feed </b>من اهم المواقع المفيدة لأى مدونة فهى تقدم لها خدمات عديدة منها القيام بوضع<b> ملخص Rss</b> لمواضيع مدونتك مما يسهل متابعتها , كما يتيح للزوار ان يشتركوا في مدونتك subscribe وهذا يزيد من عدد زوار مدونتك بالتأكيد !! , كما ان الموقع ملك لشركة جوجل <b>google </b>اى انه بالتأكيد اذا زاد متابعينك على <b>فـييد برنر</b> زادت<b> مصداقية موقعك في جوجل</b> ! .</span><br>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4IkTRTYLbgCNWNxdTiGdHT5gmpus5MGEO9sYmgupSUartgVBYv3Llw8D_bJLPxI6qjG_POw5KO8mZSu2wWEFTU2xxRUZHlTqfowPK_jagjD_1PRDoEu6kJ89PNQL9sZ_r5lvxU2PISST/s1600/rss_catalogi_pic.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="register in feedburner feed site" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4IkTRTYLbgCNWNxdTiGdHT5gmpus5MGEO9sYmgupSUartgVBYv3Llw8D_bJLPxI6qjG_POw5KO8mZSu2wWEFTU2xxRUZHlTqfowPK_jagjD_1PRDoEu6kJ89PNQL9sZ_r5lvxU2PISST/s1600/rss_catalogi_pic.jpg" title="التسجيل في فييد برنر"></a></div>
<span style="font-family: tahoma,Helvetica,sans-serif;"></span><br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/06/register-in-feedburner-feed-site.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com5tag:blogger.com,1999:blog-777532245786570611.post-65562296236348864842012-06-03T06:03:00.001+02:002012-08-05T04:46:23.661+02:00اضافة خريطة الموقع Sitemap الى جوجل وضمان ارشفة قوية وسريعة<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="font-family: "tahomaNeue",tahoma,Helvetica,sans-serif; text-align: center;">
السلام عليكم ورحمة الله وبركاته ,<br>
اهلا بكل زوار مدونة <b>عرب بلوجر </b>الاعزاء ,<br>
اليوم بإذن الله سوف اقدم لكم شرحاً لكيفية التسجيل في ادوات مشرفى المواقع الخاصة بجوجل وشرح لكيفية إضافة ملف <b>خريطة الموقع</b> او المدونة <b>Sitemap </b>الى ادوات مشرفى المواقع في جوجل Google , وهى خطوة قوية جداً في تقوية مدونتك في محرك البحث جوجل .<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAZMr76UUPBRXiqRaw8bsmNLjEAXhbQDdLsic64xDgrEdJ7mXccJ7x-EG09QpPHhi5Rd53zeni0NEjR5rpyOtAwxkikA7nqYz8xn6F-V4Ua1iHSPtKobXsm1d2yVBEmXwOkPx45KrHf3u6/s1600/sitemap_img.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="خريطة الموقع" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAZMr76UUPBRXiqRaw8bsmNLjEAXhbQDdLsic64xDgrEdJ7mXccJ7x-EG09QpPHhi5Rd53zeni0NEjR5rpyOtAwxkikA7nqYz8xn6F-V4Ua1iHSPtKobXsm1d2yVBEmXwOkPx45KrHf3u6/s1600/sitemap_img.png" title="sitemap"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
</div>
<div style="font-family: "tahomaNeue",tahoma,Helvetica,sans-serif; text-align: center;">
<br>
وكلمة <b>sitemap </b>تعنى خريطة الموقع وهى تسهل على محركات البحث كجوجل وباهو والكثير الدخول لموقعك وفهرسته وارشفته في اسرع وقت ممكن .<br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/06/add-sitemap-to-google-webmaster-tools.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com7tag:blogger.com,1999:blog-777532245786570611.post-43805950088256654742012-06-02T01:59:00.001+02:002012-08-21T12:51:25.876+02:00اضافة موقعك الى محركات البحث Google و Yahoo و Bing<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="font-family: tahoma,Helvetica,sans-serif; text-align: center;">
بسم الله والصلاة والسلام على محمد رسول الله ,<br>
موعدنا اليوم مع <b>شرح اضافة موقعك او مدونتك في محركات البحث</b> مثل<br>
<b>Google </b>- <b>Yahoo </b>- <b>Bing </b>- <b>Excite </b>- <b>Altavista </b>- <b>AOL - ASK </b><br>
والكثير من محركات البحث .<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CEVmOEvDojNJ4aswq2FaE4ZuXnKVY5wpuok6hRYbo2mwBhApefUAvTdhcl_kLqWDUzacgj-ZaVEmyN3yIeRuqmwWWkueBIZ9g88Oz4kZ3X5GYpiRl2jaygM6dF4nSjrveNwK2xUSyxWj/s1600/Sumbir_URL_img.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="submit url" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CEVmOEvDojNJ4aswq2FaE4ZuXnKVY5wpuok6hRYbo2mwBhApefUAvTdhcl_kLqWDUzacgj-ZaVEmyN3yIeRuqmwWWkueBIZ9g88Oz4kZ3X5GYpiRl2jaygM6dF4nSjrveNwK2xUSyxWj/s1600/Sumbir_URL_img.png" title="اضافة مدونتك لمحركات البحث"></a></div>
تابع الشرح بالتفصيل ...<br>
<br>
<b>اضافة موقعك لمحركات البحث</b> تعتبر اول خطوة في طريقك <b>لجلب زوار مستهدفين</b> من محركات البحث والتى تساعدك كثيرا في <b>بناء موقع ناجح</b> او مدونة ناجحة لها زوار , ولكن يجب ان يكون هناك <b>محتوى جبد </b>حتى تظهر نتائح مدونتك او موقعك في محركات البحث .<br>
<br>
<span style="font-size: small;">شرح اضافة موقعك أو مدونتك في محرك البحث <b>جوجل Google</b></span><br>
<span style="color: red;">ملحوظة </span>: هناك فرق بين اضافة موقعك الى ارشيف جوجل واضافته الى <b>ادوات مشرفى المواقع WebMaster Tools </b>وسيتم شرح ذلك قي المواضيع القادمة بإذن الله . <b></b><br>
<b></b><br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/06/adding-blog-to-search-engines.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com5tag:blogger.com,1999:blog-777532245786570611.post-33614842782540024592012-06-01T06:45:00.001+02:002013-02-07T04:34:34.245+02:00اضافة وصف للصورة وتحسين النتائج فى جوجل صور<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="font-family: tahoma,Helvetica,sans-serif; text-align: center;">
بسم الله الرحمن الرحيم<br>
موعدنا اليوم ان شاء الله مع درس جديد لتهيئة المدونة في محركات البحث , وخاصتا محركات بحث الصور مثل ( صور <b>جوجل </b>- صور <b>ياهو </b>- محرك آسك ) وغيرها من محركات البحث , كما ان الاداه تساعد على <b>تهيئة مواضيعك في محركات البحث</b> لكن الصور بنسبة اكبر .<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdXJyhIywI6mFvnCHayRVe3z9ihdYz3sLaBYmG-CNZrL6ZiT0yzsNU9o4C2yC1Mxxr4_unNC3n7UNXH016NTQCcpYMgvQaRWRyABXPmo-6IL4YAvp0l3emICSccTZYjpBFqq9qj3sBqSwW/s1600/img+alt_img.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Google & Yahoo" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdXJyhIywI6mFvnCHayRVe3z9ihdYz3sLaBYmG-CNZrL6ZiT0yzsNU9o4C2yC1Mxxr4_unNC3n7UNXH016NTQCcpYMgvQaRWRyABXPmo-6IL4YAvp0l3emICSccTZYjpBFqq9qj3sBqSwW/s1600/img+alt_img.png" title="اضافة وصف للصورة ودوره في تحسين المدونة في محركات البحث"></a></div>
<br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/06/add-img-alt-tag-to-images-to-improve.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com0tag:blogger.com,1999:blog-777532245786570611.post-64321995499787131252012-05-31T11:48:00.001+02:002012-07-31T15:34:56.032+02:00اضافة خاصية " إقرأ المزيد" لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="font-family: Tahoma,Helvetica,sans-serif; text-align: center;">
<span style="font-size: small;">بسم الله الرحمن الرحيم .</span><br>
<span style="font-size: small;">هل تريد <b>تلخيص تدويناتك</b> في الصفحة الرئيسية؟</span><br>
<span style="font-size: small;">هل تريد اضافة زر "<b> إقرأ المزيد</b> " ؟</span><br>
هل تريد سهولة تصفح موضوعات مدونتك ؟<br>
اذاً فالحل معنا !<br>
هناك طريقتان مختلفتان لإضافة خاصية اقرأ المزيد والفرق , ان الاولى يدوية وسهلة بعض الشئ والثانية اوتوماتيكية <br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7fuoKS_lw6Otm7XaMo_oCCWPCCY3zOr4kkKQ7uLcmX3uOAAR8qF5CE7YXsXqC7akA83Lwx-raqFTbWfW5oNqOfseI-I2_E3vGU2Vc4BaPRnOCkJGQDiXiQXo7SrRiYXvskVXaK8BBYwID/s1600/img.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7fuoKS_lw6Otm7XaMo_oCCWPCCY3zOr4kkKQ7uLcmX3uOAAR8qF5CE7YXsXqC7akA83Lwx-raqFTbWfW5oNqOfseI-I2_E3vGU2Vc4BaPRnOCkJGQDiXiQXo7SrRiYXvskVXaK8BBYwID/s1600/img.png"></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div></div><a href="http://blogger-araby.blogspot.com/2012/05/read-more-widget-for-blogger.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com15tag:blogger.com,1999:blog-777532245786570611.post-54154637146746595032012-05-29T12:37:00.001+02:002012-07-30T05:17:14.343+02:00شرح تغيير عنوان مدونة بلوجر<div dir="rtl" style="text-align: right;" trbidi="on"><div style="font-family: Tahoma,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">بسم الله الرحمن الرحيم والصلاة والسلام على اشرف الخلق محمد عليه الصلاة والسلام .</span></div><div style="font-family: Tahoma,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">اهلا بكل زوار مدونة<b> عرب بلوجر</b> الاعزاء,</span></div><div style="font-family: Tahoma,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">شرفتم ونورتم المدونة بوجودكم ,</span></div><div style="font-family: Tahoma,Helvetica,sans-serif; text-align: center;"><span style="font-size: small;">موعدنا اليوم مع شرح كامل [ والكمال لله وحده ] .. <b>لتغيير عنوان url لمدونة بلوجر</b> .</span><br>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQZIgzIJ5YeD22TXZhbwoqAL09X9SoVurENzvwlHo3wDnb8VqBZwfXGb0fQvaXUVN3MbRdybrqy2EP9ZkJ25Z5Z5GMZPeJ25ShpCk9AHIV75NBS3yunR5xhRwLcJeDTol9I7gt8e2VsWWt/s1600/change+url_img.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQZIgzIJ5YeD22TXZhbwoqAL09X9SoVurENzvwlHo3wDnb8VqBZwfXGb0fQvaXUVN3MbRdybrqy2EP9ZkJ25Z5Z5GMZPeJ25ShpCk9AHIV75NBS3yunR5xhRwLcJeDTol9I7gt8e2VsWWt/s1600/change+url_img.jpg"></a></div><br>
<span style="font-size: small;"> سيتم تطبيق الشرح بإذن الله على<b> الواجهة الحديثة</b> و<b> الواجهة القديمة</b> لمدونات بلوجر (بلوج سبوت ) .</span><br>
<br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/05/change-blog-url-in-blogger.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com2tag:blogger.com,1999:blog-777532245786570611.post-37966531965687574482012-05-17T07:56:00.005+02:002012-07-30T05:09:01.439+02:00شرح اخفاء صندوق تعليقات بلوجر في الواجهه الحديثة والقديمة<div dir="rtl" style="text-align: right;" trbidi="on"><br>
<div style="font-family: tahoma,Helvetica,sans-serif; text-align: center;">بسم الله والصلاة والسلام على الحبيب المصطفى ( صلى الله عليه وسلم )<br>
اهلا بزوار مدونتى الاعزاء<br>
هل تريد حذف <b>تعليقات بلوجر </b>؟<br>
اذا اتبع الشرح ...<br>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihU8xNp7VOTq6DCtQs2YJNnZ5YARf-Xzdq4eTfWFiJ6XIG4YT7GMItO7qK4BEgTrJOo3GDfTT6hGGNrwOGK77KmnEUjESI9U9VWEjUO-1lmVl86_C1pFkZJqEJvzU61ytGbi78mqyKuZWw/s1600/picture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihU8xNp7VOTq6DCtQs2YJNnZ5YARf-Xzdq4eTfWFiJ6XIG4YT7GMItO7qK4BEgTrJOo3GDfTT6hGGNrwOGK77KmnEUjESI9U9VWEjUO-1lmVl86_C1pFkZJqEJvzU61ytGbi78mqyKuZWw/s320/picture.jpg" title="شرح اخفاء صندوق تعليقات بلوجر في الواجهه الحديثة والقديمة" width="320"></a></div><br>
اليوم بأذن الله سوف اشرح لكم كيفية اغلاق<b> ( اخفاء) تعليقات مدونة بلوجر </b><br>
<br>
وسيتم ان شاء الله تطبيق الشرح خطوة بخطوة على الواجهتين الجديدة والقديمة .<br>
<br>
شرح اخفاء تعليقات مدونة بلوجر فى <b>الواجهة القديمة لبلوجر</b><br>
1-<br>
<br>
نقوم بالدخول الى<a href="http://www.blogger.com/home"> لوحة التحكم</a> الخاصة ببلوجر <b>Blogger</b><br>
<br>
ثم نضغط على " اعدادات "<br>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho6VRVgygDm4CN_R1AH1fT-rYRbfis2HSOaxZ3W_JatATEpuj1lS8A2vEBsK9VuIGrMEeVr004RpqFXid73ObOsq6Tooz48kyYX90ufpUQzLcrRQHMkdKq-qJ8hpy5gIcUIUoDj-kqgCZn/s1600/old+click+the+blog+name.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="شرح اخفاء صندوق تعليقات بلوجر في الواجهه الحديثة والقديمة" border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho6VRVgygDm4CN_R1AH1fT-rYRbfis2HSOaxZ3W_JatATEpuj1lS8A2vEBsK9VuIGrMEeVr004RpqFXid73ObOsq6Tooz48kyYX90ufpUQzLcrRQHMkdKq-qJ8hpy5gIcUIUoDj-kqgCZn/s640/old+click+the+blog+name.jpg" title="شرح اخفاء صندوق تعليقات بلوجر في الواجهه الحديثة والقديمة" width="640"></a></div><br>
2-<br>
بعد الضغط على " اعدادات " نقوم بالضغط على " تعليقات "<br>
<br>
</div></div><a href="http://blogger-araby.blogspot.com/2012/05/hide-blogger-comments-box.html#more">مزيد من المعلومات »</a><div class="blogger-post-footer">اقرأ الموضوع كاملاً في الموقع الاصلى مدونة عرب بلوجر</div>sherifhttp://www.blogger.com/profile/09529286666499637394noreply@blogger.com2