دروس بلوجر

كود يجعل من ينسخ اي شئ من مدونتك ينسخ المصدر ايضا

دروس بلوجر
تعليق
hamza haddane

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<span style="background-color: black; font-family: 'times new roman', times, serif; font-size: 20px; font-weight: bold; line-height: 25px;"><span style="color: white;"><br /></span></span></div>
<div style="text-align: center;">
<div dir="ltr" style="font-family: Tahoma, Helvetica, sans-serif; font-size: 13px; line-height: 25px; outline: none medium; text-align: left;" trbidi="on">
<div class="separator" dir="rtl" style="clear: both; font-family: Tahoma, Helvetica; font-size: 16px; margin: 0px; outline: none medium; padding: 0px; text-align: center;">
<a href="http://1.bp.blogspot.com/-TgyFneaJJEY/UHQatk2UbNI/AAAAAAAAALo/BmLMoUI1HhA/s1600/copier-p%25D9%2586%25D8%25B3%25D8%25AE.png" imageanchor="1" style="-webkit-transition: all 0.2s ease-in-out; clear: right; float: right; margin: 0px 1em 1em 0px; outline: none medium; padding: 0px; text-decoration: initial;"><span style="background-color: black;"><span style="color: white;"><img border="0" height="195" src="http://1.bp.blogspot.com/-TgyFneaJJEY/UHQatk2UbNI/AAAAAAAAALo/BmLMoUI1HhA/s200/copier-p%25D9%2586%25D8%25B3%25D8%25AE.png" style="border: 0px; margin: 0px; max-width: 800px; outline: none medium; padding: 0px;" width="200" /></span></span></a></div>
<div dir="rtl" style="outline: none medium; text-align: right;">
<span style="background-color: black;"><span style="color: white;"><b style="font-family: Tahoma, Helvetica; margin: 0px; outline: none medium; padding: 0px;"></b></span></span></div>
<div style="outline: none medium; text-align: right;">
<b style="background-color: black; font-family: Tahoma, Helvetica; margin: 0px; outline: none medium; padding: 0px;"><span style="color: white;">بسم الله الرحمن الرحيم وصل علي النبي الكريم اللهم ارض عن ساداتنا ابو بكر وعثمان وعلي وعمر وعلي الصحابه اجمعين ومن تبعهم بإحسن واستن بسنتهم الي يوم الدين اما بعد ! , موضوعنا اليوم عن نسخ اي شئ بمدونتك مع نسخ المصدر ايضاً لان بعض المدونين يضيفون هذه الاضافه. سأشرح لكم الدرس وهو درس ابسط مما يتخيل الجميع</span></b></div>
<div style="outline: none medium; text-align: right;">
<b style="background-color: black; font-family: Tahoma, Helvetica; margin: 0px; outline: none medium; padding: 0px;"><span style="color: white;"><br style="outline: none medium;" /></span></b></div>
<span style="background-color: black;"><span style="color: white;"><br style="outline: none medium;" /></span></span>
<br />
<div style="outline: none medium; text-align: right;">
<div class="post-body" style="font-family: Tahoma, Helvetica; font-size: 12px; line-height: 18.516666412353516px; margin: 0px 0px 10px; outline: none medium; padding: 0px; position: relative; text-align: start;">
<div id="aim25875283946174995390" style="margin: 0px; outline: none medium; padding: 0px;">
<div dir="rtl" style="margin: 0px; outline: none medium; padding: 0px; text-align: right;" trbidi="on">
<span style="background-color: black;"><b style="color: white; margin: 0px; outline: none medium; padding: 0px;"><span style="font-size: xx-small; margin: 0px; outline: none medium; padding: 0px;"><span style="margin: 0px; outline: none medium; padding: 0px;"><span style="font-size: small; margin: 0px; outline: none medium; padding: 0px;">ندخل للوحه التحكم وتسجيل الدخول ثم تحرير القالب ثم البحث عن</span></span></span><span style="font-size: small; margin: 0px; outline: none medium; padding: 0px;"></head></span></b><b style="margin: 0px; outline: none medium; padding: 0px;"><span style="font-size: xx-small; margin: 0px; outline: none medium; padding: 0px;"><span style="color: white;"> </span><span style="margin: 0px; outline: none medium; padding: 0px;"><span style="font-size: small; margin: 0px; outline: none medium; padding: 0px;"><span style="color: white;">وتضيف الكود التالي قبلها مع تغيير </span><span style="margin: 0px; outline: none medium; padding: 0px;"><span style="color: white;">موقع</span><span style="color: red;"> hetbook</span></span><span style="color: white;"> الي اسم مدونتك ثم تقوم بحفظ القالب ومبرووك عليك</span></span></span></span></b></span><br />
<div style="background-color: #fafafa; margin: 0px; outline: none medium; padding: 0px; text-align: left;">
<blockquote class="tr_bq" style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXYc_V_TUnrs0-4ewt1gf8fZlBUexc3vRzfW1YiNAb9Mx5hmeoOVdvBJLFkqOg03tE7gaAU9eSyUBkzdjiX94qxDMmNtOaJChKFbfKBHFp7sRnZeTyAf20ywENB_FFQ6unpxuNfVyHoYY/); background-position: 0% 0%; border: 1px solid rgb(153, 153, 153); font-family: 'Courier New', Courier, monospace; font-size: 13px; line-height: 18px; margin: 10px 0px; outline: none medium; overflow-x: scroll; overflow-y: auto; padding: 18px 10px 17px; position: relative; z-index: 50;">
<div style="color: black;">
     <script type='text/javascript'></div>
<div style="color: black;">
    if(document.location.protocol==&#39;http:&#39;){</div>
     var Tynt=Tynt||[];Tynt.push(&#39;d-PytMlMWr4j7madbi-bnq&#39;);Tynt.i={&quot;ap&quot;:&quot;المصدر:<span style="color: red;">hetbook</span>&quot;};<br />
<div style="color: black;">
     (function(){var s=document.createElement(&#39;script&#39;);s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src=&#39;http://tcr.tynt.com/ti.js&#39;;var h=document.getElementsByTagName(&#39;script&#39;)[0];h.parentNode.insertBefore(s,h);})();</div>
<div style="color: black;">
    }</div>
<div style="color: black;">
    </script></div>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

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

دروس بلوجر
تعليق
hamza haddane

<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<b><span style="background-color: black; color: #333333; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">أ</span><span style="color: white;"><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;"><span style="background-color: black;">صبح الفيسبوك ليس فقط وسيلة للتواصل الإجتماعي ، بل من أكبر وسائل الدعايا للمنتجات بمختلف أشكالها ..</span></span><span style="background-color: black;"><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">بالنسبة لمدونات بلوجر ، فوجود تعليقات الزوار أمر جيد لصاحب المدونة وإضافة لإثراء المدونة ..</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">من السطرين السابقين ، تأتي أهمية إضافة صندوق تعليقات الفيسبوك لمدونتك بجانب صندوق التعليقات الأساسي ..</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">الخطوات سهلة إن شاء الله:</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-size: x-small;"><span style="line-height: 20.78333282470703px;"><a href="http://www.blogger.com/blogger.g?blogID=345478366861022414" name="more" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;"></a></span></span><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;"><u>أولا: تجهيز إعدادات الصندوق على الفيسبوك:</u></span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">1- ادخل على تطبيقات الفيسبوك عبر الرابط التالي:</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">https://developers.facebook.com/apps/?action=create</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">2- قم بانشاء تطبيق خاص بتعليقات مدونتك عبر ادخال اسم رمزي لصندوق التعليقات "مثل: تعليقات بلوجر زووم" ، وفي الخانة الثانية أدخل اي اسم مختصر بالانجليزية مثل bloggerzoom ، ثم اضغط continue  كما بالصورة التالية:</span></span></span></b><span style="background-color: black;"><br style="color: #333333; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNp3LUc17fy5-2knAgTn8Ry05T2pQr0To5I-84oH8jk0N1_C3D1YtgHeJ2vU2msRH-nDqWaJyd5T5wGMhc2jSDI2ZS2PkjyG4eNNhBir30kUQHm49_V66B8IiB3IhOJt6ZpJKszFmJHdZb/s1600/fb-comments.box1.gif" imageanchor="1" style="background-color: black; margin-left: 1em; margin-right: 1em;"><img border="0" height="127" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNp3LUc17fy5-2knAgTn8Ry05T2pQr0To5I-84oH8jk0N1_C3D1YtgHeJ2vU2msRH-nDqWaJyd5T5wGMhc2jSDI2ZS2PkjyG4eNNhBir30kUQHm49_V66B8IiB3IhOJt6ZpJKszFmJHdZb/s400/fb-comments.box1.gif" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: black;"><br /></span></div>
<div class="separator" style="clear: both; color: #333333; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: center;">
</div>
<span style="background-color: black;"><br style="color: #333333; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="color: white;"><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">3-  ستظهر لك صفحة اعدادات التطبيق الذي أنشأته .. قم بتغيير ببعض الخانات كما هو موضح بالصورة </span><span style="font-family: Tahoma, serif; font-size: xx-small; line-height: 20.78333282470703px;">(اضغط للتكبير)</span></span></span><br />
<div class="separator" style="clear: both; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTNZecWJx74q2aYrGgy0IVM0foESwI7YCsXBk0GcPbdVY5zm5FBfo70P3Aq-OYDgsmM1VNMKb5ePYMEmlwegtCQ2sbVwpJslRN8b4l6PHQnQuu-2V0gWmbcWzpOay1IYU2z1grWhCtcla/s1600/fb-comments.box2.gif" imageanchor="1" style="background-color: black; margin-left: 1em; margin-right: 1em;"><img border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyTNZecWJx74q2aYrGgy0IVM0foESwI7YCsXBk0GcPbdVY5zm5FBfo70P3Aq-OYDgsmM1VNMKb5ePYMEmlwegtCQ2sbVwpJslRN8b4l6PHQnQuu-2V0gWmbcWzpOay1IYU2z1grWhCtcla/s400/fb-comments.box2.gif" width="400" /></a></div>
<span style="background-color: black;"><span style="color: white;"><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">4- اضغط save changes</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><u style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;"><b>ثانيا: إضافة أكواد الصندوق لمدونتك:</b></u><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">1- ادخل على مدونتك عبر الرابط التالي: http://blogger.com</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">2- اضغط على :</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">قالب >> تحرير html >> ثم اضغط على متابعة</span></span></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/AVvXsEhh_tuJTRdYIqDwx3hhjZPxs951wLsg-7m2AqTx1LQEaWahSjwB01oLwqWAtVkL21o5e2Gk01lije0N6xPohcjIqcF8Gc-mxpDSjhUsuVVM_A7u0_x6K69ckIXU3GNDlkOlzM1EJDy-GIFk/s1600/edithtml1.gif" imageanchor="1" style="background-color: black; margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh_tuJTRdYIqDwx3hhjZPxs951wLsg-7m2AqTx1LQEaWahSjwB01oLwqWAtVkL21o5e2Gk01lije0N6xPohcjIqcF8Gc-mxpDSjhUsuVVM_A7u0_x6K69ckIXU3GNDlkOlzM1EJDy-GIFk/s400/edithtml1.gif" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: black;"><br /></span></div>
<div class="separator" style="clear: both; color: #333333; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: center;">
</div>
<span style="background-color: black;"><br style="color: #333333; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="color: white;"><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">3- قم بتوسيع عناصر الصفحة بالتعليم على مربع "توسيع قوالب عناصر واجهة المستخدم"</span></span></span><br />
<div class="separator" style="clear: both; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: center;">
</div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgphfbJ42imwjDLnrzBKDUSJRwSazj8aWl3dzySrjF6vtmX4mK74VEXu9IiE5naRxQ_sd_P9b9oMqqZP42DBAsKaYmFhxFE7foGrMQBCWMnYseyy0Xjf8Fa4_8HYEKsxY416LnEkaIoeWe8/s1600/edithtml2.gif" imageanchor="1" style="background-color: black; margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgphfbJ42imwjDLnrzBKDUSJRwSazj8aWl3dzySrjF6vtmX4mK74VEXu9IiE5naRxQ_sd_P9b9oMqqZP42DBAsKaYmFhxFE7foGrMQBCWMnYseyy0Xjf8Fa4_8HYEKsxY416LnEkaIoeWe8/s400/edithtml2.gif" width="400" /></a></div>
<span style="background-color: black; color: white;"><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">4- ابحث عن العبارة التالية:</span></span><br />
<div dir="ltr" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: left;">
<b><span style="background-color: black; color: #f3f3f3;"><html</span></b></div>
<span style="background-color: black; color: #f3f3f3;"><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">ثم استبدل تلك العبارة بالسطر التالي (مع الابقاء على باقي الكود كما هو كما في الصورة):</span></span><br />
<div dir="ltr" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: left;">
<span style="background-color: black; color: #f3f3f3;"><html xmlns:fb='http://www.facebook.com/2008/fbml' </span></div>
<div class="separator" style="clear: both; color: #333333; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx1T27zCscep6Un2Vwl4aCxhQ-0XY8fAg6jzoCWbOMNjX0s4ykWLk0JWSyf32Q483m4nzlgCnwp5ECejZHKP27InY2AbYwVGDrRxMb5bHu-wIu6CznlOWqFVZZNbGfzXIaI66Bn695g4s/s1600/add-box.gif" imageanchor="1" style="background-color: black; color: #b76d02; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="31" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx1T27zCscep6Un2Vwl4aCxhQ-0XY8fAg6jzoCWbOMNjX0s4ykWLk0JWSyf32Q483m4nzlgCnwp5ECejZHKP27InY2AbYwVGDrRxMb5bHu-wIu6CznlOWqFVZZNbGfzXIaI66Bn695g4s/s400/add-box.gif" style="border: 4px solid rgb(238, 238, 238);" width="400" /></a></div>
<span style="background-color: black;"><br style="color: #333333; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="color: white;"><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">5- ابحث عن السطر التالي: </span></span></span><br />
<div dir="ltr" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: left;">
<b><span style="background-color: black; color: white;"></head></span></b></div>
<span style="background-color: black; color: white;"><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">وضع قبله مباشرة الكود التالي:</span></span><br />
<div dir="ltr" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: left;">
<span style="background-color: black;"><span style="color: white;"> <b:if cond='data:blog.pageType == &quot;item&quot;'><br /><meta   expr:content='data:blog.pageTitle' property='og:title'/><br /><meta   expr:content='data:blog.url' property='og:url'/><br /><b:else/><br /><meta   expr:content='data:blog.title' property='og:title'/><br /><meta   expr:content='data:blog.homepageUrl' property='og:url'/><br /></b:if></span><br /><span style="color: white;"><meta   content='</span><span style="color: blue;">hetbook</span><span style="color: white;">' property='og:site_name'/></span><br /><span style="color: white;"><meta content='</span><span style="color: red;">223304281106814</span><span style="color: white;">'</span><span style="color: #333333;">   </span><span style="color: white;">property='fb:app_id'/></span><br /><span style="color: white;"><meta content='</span><span style="color: #6aa84f;">100000805456712</span><span style="color: white;">'</span><span style="color: #333333;">  </span><span style="color: white;"> property='fb:admins'/><br /><meta content='article'   property='og:type'/></span></span></div>
<span style="background-color: black; color: white;"><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">قم باستبدال الأجزاء الملونة بالبيانات الخاصة بك:</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">اللون الأزرق اكتب عنوان مدونتك</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">اللون الأحمر : اكتب رمز التطبيق الخاص بك (الرقم الذي نسخته من قبل والمكتوب بجانبه </span><span class="fwb" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">App ID)</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span class="fwb" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">اللون الأخضر : اكتب رمزك الخاص بحسابك على الفيس بوك (لمعرفة كيفية الحصول عليه ستجده مشروح في نهاية هذا الدرس) </span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">6- ابحث عن السطر التالي:</span></span><br />
<div dir="ltr" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: left;">
<b><span style="background-color: black; color: white;"><body</span></b></div>
<span style="background-color: black;"><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;"><span style="color: white;">ثم أضف في السطر التالي له الكود التالي:</span></span></span><br />
<div dir="ltr" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: left;">
<span style="background-color: black;"><span style="color: white;"><div id='fb-root'/><br /><script><br />window.fbAsyncInit = function() {</span><br /><span style="color: #333333;">    </span><span style="color: white;">FB.init({xfbml: true, appId:</span><span style="color: #333333;"> </span><span style="color: red;">223304281106814</span><span style="color: white;"> });</span><br /><span style="color: white;">  };<br />  (function() {<br />    var e = document.createElement('script'); e.async = true;<br />    e.src = document.location.protocol +<br />      '//connect.facebook.net/ar_AR/all.js'<br />    document.getElementById('fb-root').appendChild(e);<br />  }());<br /></script></span></span></div>
<span style="background-color: black; color: white;"><span style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">طبعا استبدل اللون الأحمر برمز التطبيق الخاص بك (الرقم الذي نسخته من قبل والمكتوب بجانبه </span><span class="fwb" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">App ID)</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span class="fwb" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">7- ابحث عن السطر التالي </span></span><br />
<div dir="ltr" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: left;">
<span style="background-color: black; color: white;"> <div class='comments' id='comments'></span></div>
<div style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">
<span class="fwb" style="background-color: black;"><span style="color: white;">ثم أضف بعده مباشرة الكود التالي:</span></span></div>
<div dir="ltr" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: left;">
<span style="background-color: black;"><span class="fwb"><span style="color: white;"><br/><br/><br /><h4>ضع تعليقك</h4><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/></span><br /><span style="color: white;"><fb:comments colorschem</span></span><span style="color: white;">l<span style="font-size: 13px; line-height: 20.78333282470703px;">e='</span></span><span style="color: red; font-size: 13px; line-height: 20.78333282470703px;">i</span><span style="color: red; font-size: 13px; line-height: 20.78333282470703px;">ght</span><span style="font-size: 13px; line-height: 20.78333282470703px;"><span style="color: white;">' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='540'/></span></span></span></div>
<div dir="ltr" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px; text-align: left;">
<span class="fwb" style="background-color: black;"><span style="color: white;"></div><br /></b:if></span></span></div>
<span style="background-color: black; color: white;"><span class="fwb" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;"> يمكنك التحكم في عرض الصندوق بتغيير الرقم 540<br />وأذا كانت مدونتك ذات خلفية داكنه يمكنك تغيير light وجعلها dark<br /><br />اضغط حفظ التغييرات<br /><br />مبرووك على صندوق التعليقات...<br /><br /><b>ملحق1:</b></span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span class="fwb" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">كيفية التحكم في التعليقات؟</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span class="fwb" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">يمكنك التحكم عن طريق الدخول على الرابط التالي :<br />https://developers.facebook.com/tools/comments/<br /><br /><b>ملحق2:</b></span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span class="fwb" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">كيف تحصل على الرمز الخاص بحسابك على الفيس بوك:</span><br style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;" /><span class="fwb" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">عن طريق الرابط التالي:</span></span><br />
<div>
<a href="https://www.facebook.com/dialog/permissions.request?app_id=220243211417259&display=page&next=https%3A%2F%2Fapps.facebook.com%2Fwhatismyfbid%2F&response_type=code&perms=email&canvas=1" style="background-color: black;">https://www.facebook.com/dialog/permissions.request?app_id=220243211417259&display=page&next=https%3A%2F%2Fapps.facebook.com%2Fwhatismyfbid%2F&response_type=code&perms=email&canvas=1</a></div>
<div>
<span style="background-color: black;"><br /></span></div>
<div>
<span style="background-color: black;">او </span><b style="background-color: black;">recherch</b><span style="background-color: black;"><=== </span><b style="background-color: black;">facebook</b><span style="background-color: black;"> ====></span><span style="background-color: black; color: white; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 17px; font-weight: bold; line-height: 21px;">What's My Id</span></div>
<div>
<span style="background-color: black;">او</span></div>
<div>
<span style="background-color: black;"><span style="color: white; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">https://graph.facebook.com/</span><span style="color: red; font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;">hamza haddane</span></span><span class="fwb" style="font-family: Tahoma, serif; font-size: 13px; line-height: 20.78333282470703px;"><span style="background-color: black; color: white;">مع استبدال الجزء الأحمر بالاسم الخاص بحسابك على الفيسبوك</span></span></div>
</div>

اضافة خاصية " إقرأ المزيد" لمدونات بلوجر

دروس بلوجر
تعليق
hamza haddane

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
من أهم الإضافات التي تجدها في مدونات البلوجر بكثرة و يمكن القول أنها أصبحت أساسية لكل مدونة و هي خاصية اقرأ المزيد لتلخيص المواضيع و تصغير الصور, لقد تطرقت في تدوينة سبقت إلى طريقة إضافة اقرأ المزيد التي توجد في البلوجر حيث أنها يدوية يعني أنه في كل مرة تريد أن تنشر تدوينة يجب عليك أن تضع اقرأ المزيد بشكل يدوي مع العلم أنه إذا كان لديك الكثير من المقالات فستتعب و تضيع الكثير من الوقت أما الطريقة التي سأشرحها الآن فهي تلقائية يعني أنه حتى و لو كان لديك 100 مقالة في مدونتك ستطبق الخاصية على جميع المقالات دفعة واحدة , نمر إلى الشرح :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPqb_gMbRUAGUZ-IjudxWClMAVuLIUQBhJ9vsvWV8pxuhbqkSaYVGWATUX92hDNl6qY7cUQfGJKIECnjYL0mKO6hdR7gN07RigRicvzq5jZk9pPdIt0eFLeWOQOoI-rOBDEtFOOC2N7S-/s1600/readmore4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinPqb_gMbRUAGUZ-IjudxWClMAVuLIUQBhJ9vsvWV8pxuhbqkSaYVGWATUX92hDNl6qY7cUQfGJKIECnjYL0mKO6hdR7gN07RigRicvzq5jZk9pPdIt0eFLeWOQOoI-rOBDEtFOOC2N7S-/s1600/readmore4.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">توجه إلى لوحة التحكم =>اختر تصميم => تحرير HTMLقم بتوسيع القالب , “قم </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">بتحميل نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”وأبحث عن الكود التالي :</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<div dir="ltr">
</head></div>
</blockquote>
<div>
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="line-height: 20px;">                     ثم ضع هذا قبله ( فوقه ) :</span></span></div>
<div>
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<div dir="ltr">
<span style="font-family: tahoma, Helvetica, sans-serif;"><script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;<br />summary_noimg = <span style="color: red;">500</span>;<br />summary_img = <span style="color: blue;">450</span>;<br />img_thumb_height = <span style="color: #38761d;">100</span>;<br />img_thumb_width = <span style="color: purple;">120</span>;<br /></script><br /><script src='http://blogger-araby.googlecode.com/svn/Read-More.js' type='text/javascript'/></span></div>
</blockquote>
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;">ما باللون الاحمر هو طول الملخص بدون صورةما باللون الازرق هو </span></span></div>
<div>
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;">طول الملخص بصورةما باللون الاخضر هو ارتفاع الصورما باللون </span></span></div>
<div>
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;">الارجوانى هو عرض الصورة</span></span></div>
<div>
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;">                       ثم إبحث عن هذا الكود : </span></span></div>
<div>
<span style="background-color: #fcfcfa;"><span style="color: #222222; font-family: tahoma, Helvetica, sans-serif;"><span style="font-size: 14px; line-height: 20px;"><br class="Apple-interchange-newline" /></span></span></span><br />
<div style="text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<div dir="ltr">
<span style="font-family: tahoma, Helvetica, sans-serif;"><data:post.body/></span></div>
</blockquote>
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;">واستبدله بهذا الكود :</span></span><br />
<div style="text-align: center;">
</div>
<blockquote class="tr_bq" style="background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); font-family: tahoma; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<div dir="ltr">
<span style="font-family: tahoma, Helvetica, sans-serif;"><p><b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'><span style="color: red;"> ...تابع القراءة</span></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p></span></div>
</blockquote>
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;">يمكنك استبدال ما باللون الاحمر بالكلمة التى تريدها ...لإضافة </span></span><br />
<div style="text-align: center;">
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;">صورة بدلا من كلمة إقرأ المزيد استبدل ما باللون الاحمر بالكود </span></span></div>
<div style="text-align: center;">
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;">التالى :</span></span></div>
<div style="text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<div dir="ltr">
<span style="font-family: tahoma, Helvetica, sans-serif;"> <img src="<span style="color: red;">رابط الصورة</span>" /> </span></div>
</blockquote>
<span style="font-size: large;">يمكنك تغيير رابط الصورة المحدد باللون الاحمر ووضع اى صورة تناسبك وهذه بعض الصور لتختار منها :-</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE7QJUfaJqQ2IVIidZvy4aTRg_u4NR1GX9vmVzQm9c9hyg83x0hr3uL5EH69Gp-XFO2Mz_HfTN77TSoE9RNGrI_fg45iqrKh9FByWjJpVZ8bJ45fBmSJPn-mzJZst4KesHsUFlar2tvj3B/s1600/readmore10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE7QJUfaJqQ2IVIidZvy4aTRg_u4NR1GX9vmVzQm9c9hyg83x0hr3uL5EH69Gp-XFO2Mz_HfTN77TSoE9RNGrI_fg45iqrKh9FByWjJpVZ8bJ45fBmSJPn-mzJZst4KesHsUFlar2tvj3B/s1600/readmore10.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBbomn5RPEk8yBEodTDZUB3yZDfNtRaW7uYuS5hVfaurC7Qr65qfixXY74CCc2w_OxWYM8EG2k-rlXoeCrhxOV-66yIAY5BMTgQB3Mj3oyMR7KR-H26XI2vhcveSYYVHEk9JoR8TSegvF/s1600/readmore11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBbomn5RPEk8yBEodTDZUB3yZDfNtRaW7uYuS5hVfaurC7Qr65qfixXY74CCc2w_OxWYM8EG2k-rlXoeCrhxOV-66yIAY5BMTgQB3Mj3oyMR7KR-H26XI2vhcveSYYVHEk9JoR8TSegvF/s1600/readmore11.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVt2_UYb6Mha_CnAc5VbTCm8YRoVDnIganmv9EdBh04bIPtkYl9wNQP8xKYdaA6QMM9Renmw9RYM46r2w6i3XW-L-sy_WyvkYaR43PfckUEC4IO5gCETyStLcneMTiLbqgD8hu-eQL7uKS/s1600/readmore13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVt2_UYb6Mha_CnAc5VbTCm8YRoVDnIganmv9EdBh04bIPtkYl9wNQP8xKYdaA6QMM9Renmw9RYM46r2w6i3XW-L-sy_WyvkYaR43PfckUEC4IO5gCETyStLcneMTiLbqgD8hu-eQL7uKS/s1600/readmore13.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVjzCDReug4FQPNBDU_3m7GAr0Rp7vBT3duTwJs1JWLvoUp7IWETXekcQav5xdNbmTv7MaZc_f-nwJ6-39gxFF1H6ZHDCqnmYc3HdSmanXOq399vioHqC6vw9ihmKRuUOLmObCLNWFkXd4/s1600/readmore14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVjzCDReug4FQPNBDU_3m7GAr0Rp7vBT3duTwJs1JWLvoUp7IWETXekcQav5xdNbmTv7MaZc_f-nwJ6-39gxFF1H6ZHDCqnmYc3HdSmanXOq399vioHqC6vw9ihmKRuUOLmObCLNWFkXd4/s1600/readmore14.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMSH3yROH6fC7qlOLBavdjk3Ho121DL-eRuEUQb0G8f4hg_WfC8_2xe9tqsrypS9Y626Ic6foYQymPsskD4Lcs6gF2c2dOZZFEvSf9T6dToMy7KmB6VUjBSdV5aWcFWPwACy5s075XusZ3/s1600/readmore3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMSH3yROH6fC7qlOLBavdjk3Ho121DL-eRuEUQb0G8f4hg_WfC8_2xe9tqsrypS9Y626Ic6foYQymPsskD4Lcs6gF2c2dOZZFEvSf9T6dToMy7KmB6VUjBSdV5aWcFWPwACy5s075XusZ3/s1600/readmore3.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3LC4KtD8-HC_vykCxrESqcB2eP9KcEekzh-tuXlrRLWlekd9CdEewS1hgrWt1IlyFQuYZfRq2ACyhIaxbpHk2VyFvg2NRSDbXwFU0uPzKUF0uY2je-7ZQT2Bq2DTzSsPd7tb-6qr3manG/s1600/readmore5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3LC4KtD8-HC_vykCxrESqcB2eP9KcEekzh-tuXlrRLWlekd9CdEewS1hgrWt1IlyFQuYZfRq2ACyhIaxbpHk2VyFvg2NRSDbXwFU0uPzKUF0uY2je-7ZQT2Bq2DTzSsPd7tb-6qr3manG/s1600/readmore5.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDtJlF9kD-SrI3OqKtduoV-hX-4x5YuIAMRIG9AWYCaNzKzC4oXhSZYammjNAARPNtNDai4Yhas3q29GO3vsuo5Hu2Xk65IbE579TTlGQ-QvwMkQgN99_bmWr3DWOJBsFPxpbqmWC9QqSE/s1600/readmore7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDtJlF9kD-SrI3OqKtduoV-hX-4x5YuIAMRIG9AWYCaNzKzC4oXhSZYammjNAARPNtNDai4Yhas3q29GO3vsuo5Hu2Xk65IbE579TTlGQ-QvwMkQgN99_bmWr3DWOJBsFPxpbqmWC9QqSE/s1600/readmore7.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: large;">اذا اردت اى لون اخر اكتبه في تعليق وان شاء الله احضره لك في الحال !هكذا بفضل الله تعالى إنتهى الموضوع ,منتظر استفساراتكم .الســلام علــيكم .</span></div>
<div style="text-align: center;">
<br /></div>
</div>
</div>

اضافة موقعك الى محركات البحث Google و Yahoo و Bing

دروس بلوجر
تعليق
hamza haddane

<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<div style="text-align: right;">
                                                            <span style="font-family: Trebuchet MS, sans-serif;"> بسم الله والصلاة والسلام على محمد رسول الله </span></div>
<div style="text-align: right;">
<span style="font-family: Trebuchet MS, sans-serif;">                                      موعدنا اليوم مع شرح اضافة موقعك او مدونتك في محركات البحث مثل</span></div>
<div style="text-align: right;">
<span style="font-family: Trebuchet MS, sans-serif;">                                    Google - Yahoo - Bing - Excite - Altavista - AOL  - ASK                                      </span></div>
<div style="text-align: right;">
<span style="font-family: Trebuchet MS, sans-serif;">                                                                 والكثير من محركات البحث .</span></div>
<span style="background-color: #fcfcfa; text-align: center;"><div class="separator" style="clear: both; color: #222222; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAH1tjIcJrcS8DFRwrJnHTD-fPltU8eJOL_qmKy7S8-PZbMnQSKAYbNRTfB9qw-tv2XfTwFg5XG7GPBhF3XHp8QOrFAFwqYFtw1GEZWXKgkGEho4FOTzWOoUzATwvFWcElLbrMeSFJqado/s1600/Sumbir_URL_img.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAH1tjIcJrcS8DFRwrJnHTD-fPltU8eJOL_qmKy7S8-PZbMnQSKAYbNRTfB9qw-tv2XfTwFg5XG7GPBhF3XHp8QOrFAFwqYFtw1GEZWXKgkGEho4FOTzWOoUzATwvFWcElLbrMeSFJqado/s1600/Sumbir_URL_img.png" /></a></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: right;">
<span style="font-size: large;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;">تابع الشرح بالتفصيل ...<br /><br /><b>اضافة موقعك لمحركات البحث</b> تعتبر اول خطوة في طريقك </span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><b><br /></b></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><b>لجلب زوار مستهدفين</b> من محركات البحث والتى تساعدك كثيرا</span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"> في <b>بناء موقع ناجح</b> او مدونة ناجحة لها  زوار , ولكن يجب ان </span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;">يكون هناك <b>محتوى جبد</b>حتى تظهر نتائح مدونتك او موقعك في </span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;">محركات البحث .<br /><br />شرح اضافة موقعك أو مدونتك في محرك البحث <b>جوجل Google</b></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><b><br /></b>ملحوظة : هناك فرق بين اضافة موقعك الى ارشيف جوجل واضافته </span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;">الى <b>ادوات مشرفى المواقع WebMaster Tools </b>وسيتم شرح</span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"> ذلك قي المواضيع القادمة بإذن الله . <b></b><br /><b></b><br /><a href="" name="more"></a><b><br /></b><br />يعتبر محرك البحث جوجل من اهم محركات البحث العالمية فإضافة </span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;">موقعك او مدونتك في جوجل تغنيك عن باقى المواقع ولكن يجب </span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;">علينا اضافة الموقع لجميع محركات البحث لضمان اعلى النتائج .</span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;">اتبع الخطوات التالية :- </span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><br /><a href="http://www.google.com/intl/ar/add_url.html" rel="nofollow" style="text-decoration: none; text-shadow: rgba(0, 0, 0, 0.199219) -1px -1px 1px;" target="_blank"> اضغط هنا للدخول لصفحة اضافة موقع في جوجل</a></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><br />ملحوظة : قم بوضع رابط الصفحة الرئيسية فقط والموقع سوف </span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; line-height: 20px; text-align: center;">
<span style="color: white; font-size: large;">يضيف باقى الصفحات<br /><br />اتبع الشرح في الصورة :-</span>
</div>
<div class="separator" style="clear: both; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GPOHL5RLvC4MEdlSZwOw6-c0Xg3Eor0w7OQBZqy2Clb7jwe3COCVix3u3QodhMQWC2O04-bMgctc4qiNupfpJs8KDUt5bJnQQkszF5z_AB_FC1bcNbO9iADKsx1q3ME6N-wt1g9M47FK/s1600/sit1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GPOHL5RLvC4MEdlSZwOw6-c0Xg3Eor0w7OQBZqy2Clb7jwe3COCVix3u3QodhMQWC2O04-bMgctc4qiNupfpJs8KDUt5bJnQQkszF5z_AB_FC1bcNbO9iADKsx1q3ME6N-wt1g9M47FK/s320/sit1.png" width="320" /></a></div>
<div class="separator" style="clear: both; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
<span style="color: white;">قم بكتابة عنوان موقعك في خانة URL <br />مع العلم انه يجب كتابة عنوان الموقع بهذه الطريقة :-<br />بداية الرابط :<br />http://www.<br />نهاية الرابط علامة الفاصلة المائلة<br />/<br />اى بالشكل التالى</span>
</div>
<div class="separator" style="clear: both; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
</div>
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
http://www.yousite.com/</blockquote>
</span><div>
<div>
<span style="text-align: center;"><span style="background-color: black; font-size: large;">ثم اضف وصفاً قصيراً او كلمات مفتاحية في خانة " تعليقات " هكذا انتهينا من اضافة موقعك في جوجل مبروك عليك .  ---  شرح اضافة موقعك في محرك البحث ياهو Yahoo بالنسبة لإضافة موقعك الى  ياهو فإن ياهو اعلنت يوم 21 نوفمبر 2011 دمج ادوات مشرفى المواقع الخاصة بها مع محرك البحث Bing اذاً بمجرد اضافة موقعك في محرك البحث Bing سيتم اضافته ايضا الى محرك البحث Yahoo . (اعتقد انها خطوة لتحدى محرك البحث جوجل)</span><br /><div style="background-color: #fcfcfa; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px;">
</div>
<div class="separator" style="clear: both; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ2drIsUNCkRjdxuD3NQTmHlqXMnWHOXlcWP1B6JfMLiCzraO1nOafcoRIDi5YYo2E8yRgq7hfa_kRNKZxK3YAxj2ZdwsTbxdZr2Qr6Qap2zG9YCZ8CHJxaN1beUrur5vMLmjV8oWeWNye/s1600/yahoo-bing.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ2drIsUNCkRjdxuD3NQTmHlqXMnWHOXlcWP1B6JfMLiCzraO1nOafcoRIDi5YYo2E8yRgq7hfa_kRNKZxK3YAxj2ZdwsTbxdZr2Qr6Qap2zG9YCZ8CHJxaN1beUrur5vMLmjV8oWeWNye/s200/yahoo-bing.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><b>شرح اضافة موقعك في محرك البحث Bing (وبالتالى اضافته </b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><b><br /></b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><b>الى ياهو ) <a href="http://www.bing.com/toolbox/submit-site-url" target="_blank">اضغط هنا للذهاب لصفحة اضافة موقعك</a> او</b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><b><br /></b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><b> مدونتك الى محرك البحث Bing ملحوظة : قم بوضع رابط </b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><b><br /></b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><b>الصفحة الرئيسية فقط والموقع سوف يضيف باقى </b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><b><br /></b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: tahoma, Helvetica, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><b>الصفحات . اتبع الشرح الموجود في الصورة:-</b></span></span></div>
<div class="separator" style="clear: both; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4cCkszalns6KoL9DA6uCzIMvjTVa1_8zKEejk2NQqxfrXkbqx5EzkCtHv1UC0h0Gf38Qh9tpBCgzHw7X-rtScSbXDuJAwCX7hjZLR2WXTCCcOE4JbeP7aMR9VduiHJR2Pn3VPohnQNLeS/s1600/2012-09-26_054240.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4cCkszalns6KoL9DA6uCzIMvjTVa1_8zKEejk2NQqxfrXkbqx5EzkCtHv1UC0h0Gf38Qh9tpBCgzHw7X-rtScSbXDuJAwCX7hjZLR2WXTCCcOE4JbeP7aMR9VduiHJR2Pn3VPohnQNLeS/s320/2012-09-26_054240.png" width="320" /></a></div>
<div class="separator" style="clear: both; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
<span style="background-color: black;"><br /></span></div>
<div class="separator" style="clear: both; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
<span style="background-color: black;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: black; line-height: 20px;"><span style="color: white;"><span style="font-family: tahoma, Helvetica, sans-serif; font-size: large;"> </span><span style="font-family: Verdana, sans-serif; font-size: large;">قم بوضع رمز الامان بشكل صحيح . اكتب عنوان موقعك او مدونتك بهذه الطريقة </span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: Verdana, sans-serif; font-size: large;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: Verdana, sans-serif; font-size: large;">:- قم بكتابة عنوان موقعك في خانة URL   مع العلم انه يجب كتابة عنوان الموقع </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: Verdana, sans-serif; font-size: large;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: Verdana, sans-serif; font-size: large;">بهذه الطريقة :- بداية الرابط :</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: black; line-height: 20px;"><span style="color: white; font-family: Verdana, sans-serif; font-size: large;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"> http://www. </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: white; font-family: Verdana, sans-serif; font-size: large;"><span style="background-color: black; line-height: 20px;">نهاية الرابط علامة الفاصلة المائلة / اى بالشكل التالى</span></span></div>
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
http://www.yoursite.com/</blockquote>
<span style="background-color: black;"><span style="font-size: large;">هكذا تكون انتهيت من اضافة موقعك في اقوى 3 محركات بحث , تابع الشرح لإضافة موقعك في الكثير من محركات البحث متوسطة المستوى ادخل على هذا الموقع : <a href="http://freewebsubmission.com/" target="_blank">Web Submission</a> وقم بإضافة موقعك لمجموعة كبيرة من محركات البحث . اتمنى ان اكون قد وفقت يدى من ربى  لكتابة هذا الموضوع . ارجو ان يعجبكم والســلام عليكم .</span></span><div style="font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px;">
</div>
<div class="separator" style="clear: both; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
<span style="background-color: black; color: #222222;"><br /></span></div>
<div style="font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
<span style="background-color: black; color: white;"><br /></span></div>
<div style="color: #222222; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: right;">
<span style="background-color: black;"><br /></span></div>
<div style="background-color: #fcfcfa; color: #222222; font-family: tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: center;">
<br /></div>
</span></div>
</div>
</div>

شرح اضافة الميتا تاج لمدونات بلوجر

دروس بلوجر
تعليق
hamza haddane

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<span style="text-align: right;">بسـم الله الـرحمن الرحـيم اهلا بكم في درس سيو جديد ومهم لكل المدونات والجديدة بالتحديد  مما لا شك فيه ان الميتا تاجز  <span style="color: purple;">Meta Tags</span> مهمة جدا لانها هى التى توضح نوع محتوى موفعك لدى محركات البحث , مما يساعد في صداقة <span style="color: red;">محركات البحث</span> , وسرعة الارشفة ..!</span>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSimG1rw_2oj_LII2ZEDzduzYKkVUpfz1czPmddi5Ufb8Ks2P4QogmBZZEdyN-Wpvidst9WyTipOy57eDL6MpM4jCToWh1FHvebETZ-6WVqPtBuALZPE4E0j0ju5bqJADKRUFlgClIg3oN/s1600/Meta+tags.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSimG1rw_2oj_LII2ZEDzduzYKkVUpfz1czPmddi5Ufb8Ks2P4QogmBZZEdyN-Wpvidst9WyTipOy57eDL6MpM4jCToWh1FHvebETZ-6WVqPtBuALZPE4E0j0ju5bqJADKRUFlgClIg3oN/s1600/Meta+tags.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<ul style="text-align: right;">
<li><span style="font-size: large;">اذهب الى لوحة تحكم بلوجر</span></li>
<li><span style="font-size: large;"> اختر تصميم ثم "قالب"  ( تحرير Html )</span></li>
<li><span style="font-size: large;"> ابحث عن هذا الكود :</span></li>
</ul>
<div>
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px; text-align: center;">
<div dir="ltr">
<b:skin></div>
</blockquote>
<span style="background-color: #fcfcfa; text-align: center;"></span><span style="font-size: large;">ضع فوقه هذا الوسم </span></div>
<div>
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px; text-align: center;">
<meta content='<span style="color: red;">Your-Keywords-HERE</span>' name='keywords'/><br /><meta content='<span style="color: blue;">Your-description-HERE</span>' name='description'/></blockquote>
<span style="font-size: large;">استبدل ما باللون الاحمر بالكلمات الدلالية ولا تنسى ان تفصلها بفاصلة "," استبدل ما باللون الازرق بالوصف الدلالى وهو عبارة عن وصف لموقعك او مدونتك ويتكون من سطر ونص او سطرين  قم بحفظ القالب , وستلاحظ تحسن النتائج بعد فترة وجيزة ..  والسلام خير ختام السلام عليكم </span></div>
</div>

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

دروس بلوجر
تعليق
hamza haddane

<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم اهلا بكم فى تدوينة جديدة ! الفيس بوك Facebook من الشبكات الاجتماعية الاكثر شهرة على مستوى العالم , فهو يضم ملايين المستخدمين على مستوى العالم  كما انه يضم عدداً كبيرا من المستخدمين العرب وهذه هى النقطة المهمة .... فبمجرد ان يقوم زائر مدونتك بالضغط على زر أعجبني Like يتم نشر موضوعك على الفيس بوك مما يزيد من زوار موضوعاتك<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTPQq-Uliyj9QWKSeBZV0gKo3HEC0WFBzW09m4j9VQo7503WfffYQ-T_ghHZpwtAhs_6mUlSgT_nX3fuqrM3mDi2NCEAFf0C6ah89fNcSSOYU6TI6AcIoNBeSXYtx2swOTxrEOsts8sG_E/s1600/facebook-like-buton.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTPQq-Uliyj9QWKSeBZV0gKo3HEC0WFBzW09m4j9VQo7503WfffYQ-T_ghHZpwtAhs_6mUlSgT_nX3fuqrM3mDi2NCEAFf0C6ah89fNcSSOYU6TI6AcIoNBeSXYtx2swOTxrEOsts8sG_E/s1600/facebook-like-buton.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: red;">           <span style="font-size: large;">  لا تنسى حفظ نسخة احتياطية من قالبك قبل اى تعديل </span></span></div>
<div style="text-align: center;">
<span style="color: red;"><span style="font-size: large;"><br /></span></span></div>
<div style="text-align: center;">
<span style="font-size: large;">شرح إضافة زر أعجبني من الفيس بوك لمدونات بلوجر</span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">   اذهب الى  لوحة تحكم بلوجر اضغط على اسم مدونتك</span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;">  اضغط على " قالب "</span></div>
<div style="text-align: center;">
<span style="font-size: large;">  ثم  "تحرير Html " </span></div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: center;">
<span style="font-size: large;"> ثم متابعة اضغط على " توسيع قوالب عناصر واجهة المتسخدم " </span></div>
<div style="text-align: center;">
<span style="font-size: large;">  ابحث عن هذا الكود :</span> </div>
<br />
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<body></blockquote>
<span style="font-size: large;">ضع هذا الكود تحته ( بعده ) : </span><br />
<br />
<blockquote class="tr_bq" dir="ltr" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px; text-align: left;">
<br class="Apple-interchange-newline" /><div id="fb-root"></div><br /><script>(function(d, s, id) {<br />  var js, fjs = d.getElementsByTagName(s)[0];<br />  if (d.getElementById(id)) return;<br />  js = d.createElement(s); js.id = id;<br />  js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1";<br />  fjs.parentNode.insertBefore(js, fjs);<br />}(document, 'script', 'facebook-jssdk'));</script></blockquote>
<span style="background-color: #fcfcfa;"></span><span style="font-size: large;"> قم بحفظ القالب واذهب الى " تخطيط " اضغط على " اضف أداة " ثم  Html/JavaScript وضع هذا الكود</span><br />
<br />
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<div dir="ltr" style="text-align: left;">
<fb:like send="<span style="color: red;">false</span>" width="<span style="color: red;">450</span>" show_faces="false" font="<span style="color: red;">tahoma</span>"></fb:like></div>
</blockquote>
<span style="background-color: #fcfcfa;"></span> <span style="font-size: large;"> tahoma نوع الخط 450 عرض الاداة وهو مناسب لإظهار زر المشاركة share بجانب زر الاعجاب بدل ما باللون الاحمر ( كلمة false ) بكلمة true  اختر المكان المناسب للأداة ثم اضغط " حفظ الترتيب " وفى لقاء جديدة مع شرح إضافة زر أعجبنى فيس بوك و زر المشاركة  اسفل تدوينات بلوجر وفقكم الله , السلام عليكم </span></div>

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

دروس بلوجر
تعليق
hamza haddane

<div dir="rtl" style="text-align: right;" trbidi="on">
بـسم الله الـرحمن الـرحيم الســــلام عليكم جئت لكم اليوم مع إضافة رائعة وهى { الإصدار الذهبي من إضافة تابعنى عبر الشبكات الاجتماعية } والإضافة من تصميم شريف أشرف صاحب مدونة عرب بلوجر , وتتميز الإضافة بأيقونات الشبكات الإجتماعية بشكل ذهبى جذاب جداً , وهي مصممة بتقنيات الويب الحديثة css3 ويتضح ذلك فى الإضافة<br />
<span style="color: white;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_0aqWLKfRUcbLh6Az536JRBZ5F0Pj0X0OvrL0VofGuhkQt-bu0uOiYfKEz1gLKj2P4sCDuoIX6yZggtFEWMOPaUoRLOIVAnNB3tvdnFSyJXCEIrDc29sbXtEVmsa6WNuGGHTacz5G6cat/s1600/social-media-widget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_0aqWLKfRUcbLh6Az536JRBZ5F0Pj0X0OvrL0VofGuhkQt-bu0uOiYfKEz1gLKj2P4sCDuoIX6yZggtFEWMOPaUoRLOIVAnNB3tvdnFSyJXCEIrDc29sbXtEVmsa6WNuGGHTacz5G6cat/s1600/social-media-widget.png" /></a></div>
<span style="font-family: Verdana, sans-serif; font-size: large;">مميزات الإضافة :</span><br />
<span style="font-family: Verdana, sans-serif; font-size: large;"><br /></span>
<br />
<ol style="text-align: right;">
<li><span style="font-family: Verdana, sans-serif; font-size: large;"> متوافقة مع جميع المتصفحات</span></li>
<li><span style="font-family: Verdana, sans-serif; font-size: large;"> إضافة تتميز بالخفة والسرعة ولا تأثر فى سرعة الموقع</span></li>
<li><span style="font-family: Verdana, sans-serif; font-size: large;"> تتميز بأيقونات ذهبية جذابة مصممة بتقنية html و اللتقنية الاحترافية Css3</span></li>
<li><span style="font-family: Verdana, sans-serif; font-size: large;">  به خاصية الدوران عند مرور الماوس على الأيقونة</span></li>
<li><span style="font-family: Verdana, sans-serif; font-size: large;">  متوافقة مع محركات البحث بحيث انى أضفت وسم النوفولو</span></li>
<li><span style="font-family: Verdana, sans-serif; font-size: large;">  الإضافة مرنة وتظهر فى اى مكان بمعنى انها إذا وضعت فى السايد بار تظهر بحجمه وإذا وضعت فى اى مكان تظهر بحجمه !     </span></li>
</ol>
<div>
<span style="font-family: Verdana, sans-serif; font-size: large;">شرح تركيب الإضافة على بلوجر:</span></div>
<div>
<span style="font-family: Verdana, sans-serif; font-size: large;"><br /></span></div>
<div>
<span style="font-family: Verdana, sans-serif; font-size: large;">لوحة تحكم بلوجر > التخطيط ( عناصر الصفحة ) > إَصافة أداة > Html/JavaScript  ثم أضف هذا الكود :</span></div>
<div>
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<div dir="ltr" style="text-align: left;">
<br class="Apple-interchange-newline" /><style><br />/*Social Networks Widget Dev By (www.blogger-araby.blogspot.com */<br /><br />.Social-Networks-Sherif{<br />padding:0px;<br />margin:1px;<br />text-align:center;<br />direction:rtl;<br />}<br />.Social-Networks-Sherif:hover{<br />padding:0px;<br />margin:1px;<br />text-align:center;<br />direction:rtl;<br />transform:rotate(360deg);<br />-ms-transform:rotate(360deg); /* IE 9 */<br />-moz-transform:rotate(360deg); /* Firefox */<br />-webkit-transform:rotate(360deg); /* Safari and Chrome */<br />-o-transform:rotate(360deg); /* Opera */<br />transition: all 1s;<br />-moz-transition: all 1s;<br />-webkit-transition: all 1s;<br />-o-transition: all 1s;<br />}<br />.sherif {<br />text-align:center;<br />background:rgb(216, 230, 235);<br />border:1px solid rgb(159, 150, 250);<br />-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;<br />}<br />.sherif1 {<br />font-family:tahoma;<br />text-align:right;<br />margin:2px;<br />background:none repeat scroll 0% 0% rgb(235, 235, 235);<br />border:1px solid rgb(200, 200, 200);<br />-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px;<br />}<br />/*Social Networks Widget Dev By (www.blogger-araby.blogspot.com */<br /></style><br /><br /><br /><div class='sherif'><br /><a rel='nofollow' href="GPLUS_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر جوجل بلس" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcjr2lGFITu-tpMt1dfzVIsnZd2z8hsBLyiWrlADnfXNK19MaxxLiybqSxMOfp-VY6wn5clx_zaGsHkmVkW6af4dIROZkPX9gx12_TxdIJl5PeliWhHl4o4ZAwhQUwQnnsgs-SFct4JzB0/s1600/google-plus-icon.png" /></a><br /><br /><a rel='nofollow' href="FACEBOOK_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر الفيس بوك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJAKO2W90775JRVyN0ZigLPh1u1Ri7pGV5zQrrkG4-zKti-x_mcvzkS2mzpNqEs7xiH_NIU1ZD-eSEUCXh3aX7PkMe7pNQNlpxBZSgIb9gA8aHnNEJdQr0jtWmP81iGq9im0KmnQgjJ4aL/s1600/facebook-icon.png" /></a><br /><br /><a rel='nofollow' href="TWITTER_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى على تويتر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGAlJhy_nHvSEqZF4eY5i8GFgxjCrRpsNgzYJWLKutQEqUqLzwgVPllB856Pqp2mB5K9I-LoKOkXf243wa19XgSG84DMYwsJ0FiBnkeZrv1SHp-ApM7_V1L0ykYnOP81PbrQCJB9E5dL7S/s1600/twitter-icon.png" /></a><br /><br /><a rel='nofollow' href="FEED_URL" target="_blank"><img class='Social-Networks-Sherif' title="تابعنى عبر الخلاصة" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_G8wOzlwnSFrdrw8HVuDw249dXoezGM_qYrimmJpFyaVv_MYjAJkINoOMp56Uqgr-j-cR9YFVIkyrN8Ul-XrcOfjij7W8O_J5Z7GRvMxIJEAft1IAGGv5gKy1jQ7msPdkYg2pmc_X5rP/s1600/feed-icon.png" /></a><br /><br /><div class='sherif1'><br /><small><br /><a rel='dofollow' href='http://www.blogger-araby.blogspot.com'>إضافات بلوجر</a></small><br /></div><br /></div></div>
</blockquote>
<span style="color: white; font-family: Verdana, sans-serif; font-size: large;"><span style="line-height: 20px;">في انتضار ردودكم و تسائلاتكم</span></span></div>
<div>
<br /></div>
</div>

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

دروس بلوجر
تعليق
hamza haddane

<div dir="rtl" style="text-align: right;" trbidi="on">
<br /><span style="font-family: Trebuchet MS, sans-serif;"><span style="color: white;">بسم الله الرحمن الرحيم , السلام عليكم ورحمة الله وبركاته بعد تقديم درس " زر أعجبني من الفيس بوك لمدونات بلوجر " , اردت ان اشرح طريقة إضافة زر أعجبني و زر المشاركة أسفل تدوينات بلوجر ليتم مشاركة تدويناتك على موقع التواصل الاجتماعي فيس بوك ويجلب لك زواراً من الشبكات الاجتماعية ويلعب دوراً هاماً فى نشر مدونتك !</span> </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFzLbQ2GbKdh8K7bCcT5vJedEq-oJD0Aqls2wgNoT4oifU1J5IsmFPNVbWoFeYk9PG_mVmQpWngHt4KkChYgB47tmqYciY6mWml51ez3o8kj5790VxgXYUuIGtyarW-eyPEVDjhbCWYYz4/s1600/like_button.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFzLbQ2GbKdh8K7bCcT5vJedEq-oJD0Aqls2wgNoT4oifU1J5IsmFPNVbWoFeYk9PG_mVmQpWngHt4KkChYgB47tmqYciY6mWml51ez3o8kj5790VxgXYUuIGtyarW-eyPEVDjhbCWYYz4/s1600/like_button.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="color: white;">                                                 <span style="font-size: large;"> <span style="background-color: #999999;">لا تنسى حفظ نسخة احتياطية من القالب قبل اى تعديل</span></span></span><br />
<span style="color: white;"><span style="background-color: #999999;"><br /></span></span>
<br />
قم بــ "توسيع قوالب عناصر واجهة المستخدم"<br />
<br />
<br />
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<div dir="ltr" style="text-align: left;">
<body></div>
</blockquote>
 ضع بعده ( تحته ) هذا الكود :<br />
<br />
<br />
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<div dir="ltr" style="text-align: left;">
<br class="Apple-interchange-newline" /> <div id="fb-root"></div><br /><script>(function(d, s, id) {<br />  var js, fjs = d.getElementsByTagName(s)[0];<br />  if (d.getElementById(id)) return;<br />  js = d.createElement(s); js.id = id;<br />  js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1";<br />  fjs.parentNode.insertBefore(js, fjs);<br />}(document, 'script', 'facebook-jssdk'));</script></div>
</blockquote>
<span style="background-color: #fcfcfa;"></span>ابحث عن هذا الكود( إذا وجدته اكثر من مرة فالكود الاخير هو المقصود )<br />
<br />
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; margin: 10px; overflow: auto; padding: 10px;">
<div dir="ltr" style="text-align: left;">
<data:post.body/></div>
</blockquote>
 ضع هذا الكود بعده ( تحته )<br />
<br class="Apple-interchange-newline" />
<div dir="ltr" style="background-color: #fcfcfa; color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; text-align: left;">
<blockquote class="tr_bq" style="background-color: white; background-image: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif); background-position: 50% 0%; background-repeat: repeat no-repeat; border: 1px solid rgb(207, 207, 207); margin: 10px; overflow: auto; padding: 10px;">
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />    <fb:like send="<span style="color: red;">false</span>" width="450" show_faces="false" font="tahoma"></fb:like><br /> </b:if></blockquote>
</div>
<div dir="ltr" style="background-color: #fcfcfa; color: #222222; font-family: tahoma; font-size: 14px; line-height: 20px; text-align: left;">
</div>
<span style="background-color: #fcfcfa;"></span><span style="color: white; font-family: tahoma;"><span style="font-size: 14px; line-height: 20px;">لإظهار زر المشاركة share بجانب زر الاعجاب بدل ما باللون الاحمر ( كلمة false ) بكلمة true قم بحفظ القالب , ومبروووك الإضافة والسلام عليكم ورحمة الله وبركاته</span></span><br />
</div>

hetbook