tag:blogger.com,1999:blog-53703860718999683582024-03-24T02:28:43.876-07:00بلوجر اون لاينكيفية انشاء وتصميم وتطوير مدونات بلوجر blogger، تعديل قوالب بلوجر، ترجمة قوالب بوغر blogger.eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.comBlogger65125tag:blogger.com,1999:blog-5370386071899968358.post-59112232589766240582013-06-19T13:55:00.000-07:002013-11-29T23:16:48.488-08:00تعديل قالب مدونة ذؤيب (Arthemia )<div dir="rtl" style="text-align: right;" trbidi="on">
تعديل كامل وشامل لقالب مدونة ذؤيب التي بات يستخدمها عشرات المدونين عبر شبكة الإنترنت نظرا لما تتميز به من خصائص جميلة تلائم وتناسب جل المدونات ولما تحتويه من اضافات يحتاج اليها أي مدون، بالإضافة الى تنسيقها وتصميمها الجيد كاللون والخط والحجم وغيرها من المميزات الفريدة.<br />
<br />
باذن الله سنتطرق الى تعديل معظم الأدوات والإضافات والإعدادات الأساسية والهامة بالقالب وسيكون النقاش مفتوح لطرح اي استفسار أو مشكلة تصادفك بالقالب وسيتم الإجابة عن استفساراتكم حول القالب بالتدوينة نفسها أي في كل مرة يتم طرح نقطة جديدة لم تذكر في التدوينة يتم شرحها واضافتها الى التدوينة نفسها.<br />
<br />
<b><u><span style="color: #3d85c6;">تعديـــــــــــــــل الشعـــــــــــــــــــار</span></u></b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3cN6aZCAv4uqEzeXPgIxmTF8R_r0S2UWHpFZyWUEYqE4Gco1_ORhgPuFUMGCjDmX0-dEb0gok2CXeUpeTmj-yCR9Fs-aV1IsI2sa7Bjdyz7yDWVAYqDHsLvd5RnAwRTuUzMuZKCcdnc/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D8%A7%D9%84%D8%B4%D8%B9%D8%A7%D8%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA3cN6aZCAv4uqEzeXPgIxmTF8R_r0S2UWHpFZyWUEYqE4Gco1_ORhgPuFUMGCjDmX0-dEb0gok2CXeUpeTmj-yCR9Fs-aV1IsI2sa7Bjdyz7yDWVAYqDHsLvd5RnAwRTuUzMuZKCcdnc/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D8%A7%D9%84%D8%B4%D8%B9%D8%A7%D8%B1.png" height="58" width="200" /></a></div>
<b><u><span style="color: #e06666;"><br /></span></u></b>
<br />
<ul style="text-align: right;">
<li>تعديل شعار القالب واستبداله بشعار خاص بمدونتك </li>
<li>من لوحة التحكم </li>
<li>اختر قالب</li>
<li>تحرير html</li>
<li>علم خانة - <span style="background-color: white; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: start;">توسيع قوالب عناصر واجهة المستخدم </span></li>
<li><span style="background-color: white; color: #222222; text-align: start;"><span style="font-family: inherit;">اضغط على المفتاح<b> f 3</b> وابحث عن الكود </span></span><span style="color: #222222;"><div class='left' id='logo'> ستجده بالشكل التالـــــي :</span></li>
</ul>
<blockquote class="tr_bq">
<span style="font-family: Tahoma, Arial;"></span><br />
<div style="text-align: left;">
<span style="font-family: Tahoma, Arial;"><span style="font-size: 12px;"><div class='left' id='logo'></span></span></div>
<span style="font-family: Tahoma, Arial;">
</span><span style="font-family: Tahoma, Arial;"></span>
<br />
<div style="text-align: left;">
<span style="font-family: Tahoma, Arial;"><span style="font-size: 12px;"><a expr:href='data:blog.homepageUrl'><img alt='' border='0' height='</span><span style="color: #6aa84f; font-size: 12px;">122</span><span style="font-size: 12px;">' src='</span><span style="color: red; font-size: 12px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgM4iKEFhthnRO3WVazIV0bc96-4oRNxJ-p616Qn12Ar3k9yu_PDyrwu25srBsNgrQwZccxns45QTzUnE95i3zCVOPmvtegOfrfW5s2IDQ1SVvif2blYWnsMHzBvZmEJ0GyBtIPnW35jI/</span><span style="font-size: 12px;">' width='</span><span style="color: blue; font-size: 12px;">425</span><span style="font-size: 12px;">'/></a></span></span></div>
<span style="font-family: Tahoma, Arial;">
</span><span style="font-family: Tahoma, Arial;"></span>
<br />
<div style="text-align: left;">
<span style="font-family: Tahoma, Arial;"><span style="font-size: 12px;"><div id='tagline'><data:description/></div></span></span></div>
<span style="font-family: Tahoma, Arial;">
</span><span style="font-family: Tahoma, Arial;"></span>
<br />
<div style="text-align: left;">
<span style="font-family: Tahoma, Arial;"><span style="font-size: 12px;"></div></span></span></div>
<span style="font-family: Tahoma, Arial;">
</span></blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: right;">
قم باستبدال الرابط باللون الأحمر برابط صورة الشعار الخاص بمدونتك ولتغيير حجم الشعار عدل النسب التالية</div>
<br />
<span style="background-color: white; font-family: Tahoma, Arial; font-size: 12px; text-align: left;">width='</span><span style="background-color: white; color: blue; font-family: Tahoma, Arial; font-size: 12px; text-align: left;">425 </span>اللون <span style="color: blue;">الأزرق </span>عرض الشعار<br />
<span style="background-color: white; font-family: Tahoma, Arial; font-size: 12px; text-align: left;">height='</span><span style="background-color: white; color: #6aa84f; font-family: Tahoma, Arial; font-size: 12px; text-align: left;">122 </span>اللون <span style="color: #6aa84f;">الأخضر </span>ارتفاع الشعار<br />
<br />
حجم الشعار لايجب أن يتجاوز 100ك ب يمكنك ضغط الصورة باحدى برامج ضغط الصور أو المواقع المخصصة لذالك ويمكنك حذف الشعار نهائيا بحذف الكود السابق (الكود داخل الإطار) وحفظ قالب المدونة.<br />
<br />
<b><u><span style="color: #3d85c6;">تعديل الشريط الأفقي (القائمة الأفقية) </span></u></b><br />
<b><u><span style="color: #e06666;"><br /></span></u></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhosy800zU8VPAqTM3yc63MB1QDmj8-uob8cfXikYwUM-KV7WrLpFA1POR3CMTiQuU3Ih-tIvCEo4azTNhWxwy58qj5CF7YVZuIc9m2YIxy8D-bfHHzOymy9kCQGFlCGyuQflRxqbE7EFM/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D8%A7%D9%84%D8%B4%D8%B1%D9%8A%D8%B7+%D8%A7%D9%84%D8%A3%D9%81%D9%82%D9%8A.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhosy800zU8VPAqTM3yc63MB1QDmj8-uob8cfXikYwUM-KV7WrLpFA1POR3CMTiQuU3Ih-tIvCEo4azTNhWxwy58qj5CF7YVZuIc9m2YIxy8D-bfHHzOymy9kCQGFlCGyuQflRxqbE7EFM/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D8%A7%D9%84%D8%B4%D8%B1%D9%8A%D8%B7+%D8%A7%D9%84%D8%A3%D9%81%D9%82%D9%8A.png" height="18" width="320" /></a></div>
<b><u><span style="color: #e06666;"><br /></span></u></b>
يمكنك تعديل القائمة الأفقية للمدونة واضافة أقسام أو صفحات أخرى لمدونتك قم بالبحث عن الكود <ul class='left clearfloat' id='page-bar'> ستجد الكود بالشكل التالــــــي :<br />
<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
<br />
<ul class='left clearfloat' id='page-bar'><br />
<br />
<li><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li><br />
<br />
<li><a href='<span style="color: blue;">http://blogger-onlin.blogspot.com/2012/11/blog-post_12.html</span>'><span style="color: red;">فهــــرس المدونــــة</span></a><br />
</li><br />
<br />
<li><a href='<span style="color: blue;">http://blogger-onlin.blogspot.com/2012/11/blog-post_6864.html</span>'><span style="color: red;">اطلب مساعدة من الزوار</span> </a><br />
</li><br />
<br />
<li><a href='<span style="color: blue;">http://blogger-onlin.blogspot.com/2012/11/blog-post_7235.html</span>'><span style="color: red;">الدعم المباشر من الإدارة</span> </a><br />
</li><br />
<br />
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>التعليقات </a></li><br />
</ul></div>
</blockquote>
<br />
اذا أردت تغيير اي من الصفحات قم بادراج رابط الصفحة التي تود توجيه الزوار اليها مكان الرابط باللون الأزرق وتغيير اسم الصفحة مكان الكلمات باللون الأحمر.<br />
<br />
اذا أردت حذف صفحة معينة قم بتحديد سطر لصفحة معينة كما هو موضح بالصورة واحذفه بالكامل واحفظ قالب المدونة.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFq6KgK-bn_wbLKpUQ9AEBwNBMHbyfF3cKux3QkuMsL6gM2kpOfqSlzsHgUabejrQMgStPg1KyvznhUhWTg-rDbfgNXzMZYvR3aNPsbZXlENU3YyhQmqoT-D7jiI8MQ_5xB6ypvFYqa8g/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D9%82%D8%A7%D9%84%D8%A8+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%B0%D8%A4%D9%8A%D8%A8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFq6KgK-bn_wbLKpUQ9AEBwNBMHbyfF3cKux3QkuMsL6gM2kpOfqSlzsHgUabejrQMgStPg1KyvznhUhWTg-rDbfgNXzMZYvR3aNPsbZXlENU3YyhQmqoT-D7jiI8MQ_5xB6ypvFYqa8g/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D9%82%D8%A7%D9%84%D8%A8+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%B0%D8%A4%D9%8A%D8%A8.png" height="74" width="320" /></a></div>
<br />
اذا أردت اضافة صفحة جديدة قم بنسخ سطر ولصقه مرة اخرى مباشرة تحت السطر السابق وهكذا وقم بتغيير الرابط والتسمية فقط للصفحة الجديدة.<br />
<br />
<span style="color: #3d85c6;"><b><u>حذف مربع البحث من الشريط الأفقي </u></b></span><br />
<span style="color: #3d85c6;"><b><u><br /></u></b></span>
ابحث عن الكود <div id='search'> ثم قم بمسح الكود التالـــــــــــــــــــــــــــي :<br />
<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
<form action='/search' id='searchform' method='get'></div>
<div style="text-align: left;">
<div id='search'></div>
<div style="text-align: left;">
<input class='field' id='s' name='q' type='text' value=''/></div>
<div style="text-align: left;">
<input class='button' id='searchsubmit' type='submit' value='بحـــث'/></div>
<div style="text-align: left;">
</div></div>
<div style="text-align: left;">
</form></div>
</blockquote>
<br />
<div>
<br /></div>
<br />
<b><span style="color: #3d85c6;"><u>تعديل حجم الصفحة (صفحة عرض التدوينات او الرسائل)</u></span></b><br />
<b><span style="color: #3d85c6;"><br /></span></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp697d7zAVFdUGhyTB_i9qQoXincYUjOzR6pUEPyWK3xUpXVgZaAbnSKR9ibsb_zm6pNC6nyQ9QhEbQNDYlElCwgm0VsaeuLRloZr8R5essjiFTPrfgbBsSIA2KS9z2LbYir7S4MDuLWU/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D9%82%D8%A7%D9%84%D8%A8+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%B0%D8%A4%D9%8A%D8%A8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp697d7zAVFdUGhyTB_i9qQoXincYUjOzR6pUEPyWK3xUpXVgZaAbnSKR9ibsb_zm6pNC6nyQ9QhEbQNDYlElCwgm0VsaeuLRloZr8R5essjiFTPrfgbBsSIA2KS9z2LbYir7S4MDuLWU/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D9%82%D8%A7%D9%84%D8%A8+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%B0%D8%A4%D9%8A%D8%A8.png" height="219" width="320" /></a></div>
<b><span style="color: #3d85c6;"><br /></span></b>
<br />
<br />
ابحث عن الكود #headline { ستجد الكود بالشكل التالـــــي :<br />
<br />
<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
#headline {</div>
<span class="Apple-tab-span" style="white-space: pre;"></span><br />
<div style="text-align: left;">
<span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-tab-span"> </span>width:<span style="color: red;">600</span>px;</span></div>
<span class="Apple-tab-span" style="white-space: pre;">
</span><span class="Apple-tab-span" style="white-space: pre;"></span>
<br />
<div style="text-align: left;">
<span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-tab-span"> </span>float:right;</span></div>
<span class="Apple-tab-span" style="white-space: pre;">
</span><span class="Apple-tab-span" style="white-space: pre;"></span>
<br />
<div style="text-align: left;">
<span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-tab-span"> </span>background:#fff;</span></div>
<span class="Apple-tab-span" style="white-space: pre;">
</span></blockquote>
<br />
قم بتغيير القيمة <span style="text-align: left; white-space: pre;">width:</span><span style="color: red; text-align: left; white-space: pre;"><b>600</b></span><span style="text-align: left; white-space: pre;">px الى الحجم الذي يلائم مدونتك.</span><br />
<span style="text-align: left; white-space: pre;"><br /></span>
<br />
<div style="text-align: right;">
<span style="white-space: pre;"><b><span style="color: #3d85c6;"><u>تعديل حجم رأس الصفحة </u></span></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKav0iYLjvWrrA4soSX8SVczDJw8Jq77fSwqCyPQ2t6MU0IrguCMfWOgHxDk6X5yo5DsK7EZyqRNlkwtjkN5KwvU7USaenxIyTzZWwSWjZkA52geVOMmYKA0Q7-IOYrEshfdg3WCxVhTE/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D9%82%D8%A7%D9%84%D8%A8+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%B0%D8%A4%D9%8A%D8%A8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKav0iYLjvWrrA4soSX8SVczDJw8Jq77fSwqCyPQ2t6MU0IrguCMfWOgHxDk6X5yo5DsK7EZyqRNlkwtjkN5KwvU7USaenxIyTzZWwSWjZkA52geVOMmYKA0Q7-IOYrEshfdg3WCxVhTE/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D9%82%D8%A7%D9%84%D8%A8+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%B0%D8%A4%D9%8A%D8%A8.png" height="44" width="320" /></a></div>
<br />
<br />
ابحث عن الكود #head { ستجده بالشكل التالــــي :<br />
<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
#head {</div>
<div style="text-align: left;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:<span style="color: red;">960</span>px;</div>
<div style="text-align: left;">
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0px auto;</div>
<span class="Apple-tab-span" style="white-space: pre;"></span><br />
<div style="text-align: left;">
<span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-tab-span"> </span>margin-top:15px;;</span></div>
<span class="Apple-tab-span" style="white-space: pre;">
</span></blockquote>
<br />
قم بتغيير القيمة <span style="text-align: left; white-space: pre;"><b><span style="color: red;">960 </span></b>واحفظ القالب </span><br />
<span style="text-align: left; white-space: pre;"><br /></span>
<br />
<div style="text-align: right;">
<b><span style="color: #3d85c6;"><u>تعديل الحجم الإجمالي للمدونة </u></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGq8d3RCauQsvk0XOuTvFxOyvTl-yLBD6m5SYTR2qc3Rz8DrYCLdVy12bxtye0dSdSvXKP6dlBTCn8FTadTJ2QPKcUzYl-f8-C9K8h0-3JnXjhqQnUtjaz6BE_fU3lvYOBeMxawzFXUoU/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D9%82%D8%A7%D9%84%D8%A8+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%B0%D8%A4%D9%8A%D8%A8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGq8d3RCauQsvk0XOuTvFxOyvTl-yLBD6m5SYTR2qc3Rz8DrYCLdVy12bxtye0dSdSvXKP6dlBTCn8FTadTJ2QPKcUzYl-f8-C9K8h0-3JnXjhqQnUtjaz6BE_fU3lvYOBeMxawzFXUoU/s1600/%D8%AA%D8%B9%D8%AF%D9%8A%D9%84+%D9%82%D8%A7%D9%84%D8%A8+%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%B0%D8%A4%D9%8A%D8%A8.png" height="271" width="400" /></a></div>
<div style="text-align: right;">
ابحث عن الكود التــــــــــــــــــــــــــــــــــالي:</div>
<div style="text-align: right;">
</div>
<blockquote class="tr_bq">
<div style="text-align: left;">
#page {</div>
<span class="Apple-tab-span" style="white-space: pre;"></span><br />
<div style="text-align: left;">
<span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-tab-span"> </span>width:<span style="color: red;">940</span>px;</span></div>
<span class="Apple-tab-span" style="white-space: pre;">
</span><span class="Apple-tab-span" style="white-space: pre;"></span>
<br />
<div style="text-align: left;">
<span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-tab-span"> </span>margin:0px auto;</span></div>
<span class="Apple-tab-span" style="white-space: pre;">
</span><span class="Apple-tab-span" style="white-space: pre;"></span>
<br />
<div style="text-align: left;">
<span class="Apple-tab-span" style="white-space: pre;"><span class="Apple-tab-span"> </span>padding:10px;</span></div>
<span class="Apple-tab-span" style="white-space: pre;">
</span><span class="Apple-tab-span" style="white-space: pre;"></span>
<br />
<div style="text-align: right;">
<span class="Apple-tab-span" style="white-space: pre;"><br /></span></div>
<span class="Apple-tab-span" style="white-space: pre;">
</span></blockquote>
<br />
قم بتعديل القيمة<span style="color: red;"> </span><span style="text-align: left; white-space: pre;"><b><span style="color: red;">940</span> </b>الى ما يناسب مدونتك</span><br />
<br />
<b><span style="color: #3d85c6;"><u>تغيير لون تظليل خط الأدوات الجانبية للمدونة أثناء المرور بمؤشر الماوس</u></span></b><br />
<b><span style="color: #3d85c6;"><u><br /></u></span></b>
ابحث عن الكود التـــــــــــــــــــــــــــــــالي :<br />
<br />
<br />
<blockquote class="tr_bq">
<div style="text-align: left;">
#sidebar ul li a:hover{ /*hover state CSS*/</div>
<div style="text-align: left;">
color: #005b7f;</div>
<div style="text-align: left;">
background-color: #F3F3F3;</div>
<div style="text-align: left;">
}</div>
</blockquote>
<div>
اذا أردت تغيير لون الخط أثناء المرور فوقه بمؤشر الماوس <span style="text-align: left;">color: #005b7f </span></div>
<div>
<span style="text-align: left;">اذا أردت تغيير لون السحابة المضللة (الخلفية) أثناء المرور بمؤشر الماوس فوق الخط </span><span style="text-align: left;">background-color: #F3F3F3</span><br />
<span style="text-align: left;"><br /></span>
<span style="text-align: left;"><br /></span>
<br />
<div style="text-align: right;">
<b>تعديل لون الشريط الأفقي الأزرق </b></div>
<div style="text-align: right;">
<b><br /></b></div>
<div>
/* Navigation Bar*/<br />
<br />
#page-bar li:hover {<br />
<br />
<br />
#page-bar a, #page-bar a:visited {<br />
<br />
<b><br /></b>
<b>تعديل عنوان التدوينة لون وحجم ونوع الخط </b><br />
<br />
a:link, a:visited {<br />
<br />
a:hover, a:active {<br />
<br />
#headline div.title {<br />
<br />
<div>
<br /></div>
<div>
<b>تغيير لون شريط المشاراكات الشائعة</b></div>
<div>
<b><br /></b></div>
<div>
<br /></div>
<div>
<div>
#headline h2 {<span class="Apple-tab-span" style="white-space: pre;"> </span>font:1em Tahoma;</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<b>تغيير لون شريط الأدوات الجانبية</b></div>
<div>
<br /></div>
<div>
<div>
#sidebar h2 {</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
</div>
</div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com19tag:blogger.com,1999:blog-5370386071899968358.post-50834702954306632952012-11-13T00:30:00.000-08:002013-05-31T14:50:54.738-07:00اربح 300 دولار يوميا من مدونتك بلوجر blogger<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: justify;">
السلام عليكم ورحمة الله تعالى وبركاته اخواني اصحاب المدونات الصغيرة وخاصة مدونات بلوجر هذا الموضوع هدية لكم لأنني كنت مثلكم صاحب احدى مدونات بلوجر الصغيرة والتي لا يتجاوز عدد زوارها 200 زائر يوميا وقد بقيت على هاته الحالة لمدة ثلاث سنوات تقريبا.</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ6NYvjqQszYZ2p7wMth8jVCxSo07l7Z2EnuSPDZ6PVjXHbKk68qY5e8nVzXTsH3M_m98AxTK_CdcF0f3Oei4FpZd8ArdNXq0XbGuTmERdC8sdOWNljloCdXVBWC5QV7uKYOGjl3mKkjv4/s1600/%D8%A7%D8%B1%D8%A8%D8%AD+300+%D8%AF%D9%88%D9%84%D8%A7%D8%B1+%D9%8A%D9%88%D9%85%D9%8A%D8%A7+%D9%85%D9%86+%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ6NYvjqQszYZ2p7wMth8jVCxSo07l7Z2EnuSPDZ6PVjXHbKk68qY5e8nVzXTsH3M_m98AxTK_CdcF0f3Oei4FpZd8ArdNXq0XbGuTmERdC8sdOWNljloCdXVBWC5QV7uKYOGjl3mKkjv4/s320/%D8%A7%D8%B1%D8%A8%D8%AD+300+%D8%AF%D9%88%D9%84%D8%A7%D8%B1+%D9%8A%D9%88%D9%85%D9%8A%D8%A7+%D9%85%D9%86+%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83+%D8%A8%D9%84%D9%88%D8%AC%D8%B1.png" width="320" /></a></div>
<br /></div>
<div style="text-align: justify;">
<br />
<a name='more'></a>وانا أصول واجول عبر شبكة الإنترنت باحثا عن شتى الطرق والأساليب التي من شأنها توصلني الى النجاح وتحقيق راتب شهري محترم من خلال العمل على شبكة الإنترنت.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
فلم اترك صفحة صغيرة ولا كبيرة على شبكة الإنترنت تتحدث عن جلب الزوار، ربح المال، تحسين ترتيب موقعك بنتائج البحث، الكلمات المفتاحية او ما يعرف بالنيتش ....الخ، الا قرءتها وتمعنتها جيدا سواء كانت باللغة العربية أو الإنجليزية أوحتى الفرنسية وكانت النتائج في كل مرة ضئيلة تحسن بسيط يطرأ على مداخيلي.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
لكن بالرغم من كل هذا لم أستسلم ولو للحظة ولم أفكر في ذالك مطلقا رغم انشغالي بأعمال اخرى ولم يكن لدي الوقت الكافي لتطوير مدونتي البسيطة، حتى أتت اللحظة الحاسمة.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
نعم لقد تفطنت للعديد من الأمور التي لا يتكلم عنها أصحاب المواقع والمدونات الناجحة والذين اما انه ليس لديهم الوقت ليضيعوه معك أو أنهم يخشون المنافسة وان تزاحمهم فيما يقتسمونه من غلة.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<b><span style="color: #38761d;">من فضلك اضغط </span><span style="color: #e69138;">" أعجبني"</span><span style="color: #38761d;"> هذا كل ما نريده منك لا ثمن مقابل ما ستحصل عليه.</span></b></div>
<div style="text-align: justify;">
<br /></div>
<blockquote class="tr_bq">
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2F%25D8%25A7%25D9%2584%25D8%25B9%25D8%25A7%25D8%25B5%25D9%2581%25D8%25A9-%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1%2F127091207307000&send=false&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80&appId=260516574053262" style="border-style: none; height: 80px; overflow: hidden; width: 450px;"></iframe> </div>
</blockquote>
<div style="text-align: center;">
<b><span style="color: #cc0000;">اذا أردت الربح من مدونات بلوجر اختر احدى الطرق التالية</span></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><u>انشاء مدونة متخصصة</u></b></div>
<div style="text-align: justify;">
دعونا نتكلم قليلا عن المدونة المتخصصة وما هو المقصود بالتخصص؟ وماذا سيفيدني هذا التخصص؟ المدونة المتخصصة هي مدونة تهتم بمجال معين فقط ولا تشمل العديد من المجالات. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
ناخذ مثال على ذالك مدونة بلوجر ستورم متخصصة في الحديث عن مدونات بلوجر وكل ما يتعلق بها، اضافات ، ادوات، تصاميم، قوالب ... الخ فهي لن تخرج عن هذا الإطار، حتى وان تكلمنا عن مجال اخر سنربطه بمدونات بلوجر، تماما مثل هذا الموضوع الذي نتحدث فيه عن ربح المال لكن من أين؟ طبعا من مدونات بلوجر.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><span style="color: #38761d;">المهم الأن سنتحدث عن كيفية كسب مداخيل مالية محترمة من المدونات المتخصصة </span></b></div>
<br />
<ol style="text-align: right;">
<li style="text-align: justify;">اولا يجب ان تعرف أن مداخيل مدونة صغيرة متخصصة باللغة العربية لن يتجاوز 5 دولار كحد أقصى طبعا من أدسنس.</li>
<li style="text-align: justify;">يجب ان تكون مدونة متخصصة بمعنى الكلمة وتتطلب بذل جهد كبير لأنها متخصصة ولديها جمهور مستهدف متابع باستمرار.</li>
<li style="text-align: justify;">كتابة محتوى ذو جودة عالية غني بالمعلومات التي يحتاج اليها جمهورك المستهدف.</li>
<li style="text-align: justify;">تصميم المدونة بسيط وبروز المحتوى لعين الزائر.</li>
<li style="text-align: justify;">يجب ان يكون زوار مدونتك 500 زائر وأكثر.</li>
<li style="text-align: justify;">امتلاكك لثلاث مدونات متخصصة بالشكل الذي تكلمنا عنه أمر جميل ورائع وانت الأن تحصل على راتب شهري منتظم ؟</li>
</ol>
<div style="text-align: justify;">
<b><u>مدونة شاملة (حذاري ... ارباح عالية لكن حسابك في ادسنس مهدد).</u></b></div>
<div style="text-align: justify;">
وهو ماكنت قد تفطنت له وحصلت على 130 الف زائر يوميا باحدى مدوناتي الصغيرة، صدق أو لاتصدق في يوم واحد تفاجئت بارتفاع غير مسبوق في عدد الزوار من 120 زائر في اليوم الى 3 الاف زائر الى 60 ألف ثم الى 130 الف الحمد لله، ترتيب مدونتي في اسبوع انخفض من 1.5 مليون الى 200 الف. <br />
<br /></div>
<div style="text-align: justify;">
<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/AVvXsEjcsdzqm5Qp8-y9jbVPzCMEmgQvd4vizuPebjmx6MvDvjaRPHvv4IL67JhATEXLvOHOJywubdK1q0jHQL_RhZElv5KNLk-7LbGzj19vyjRWVxS4Idk44rlad3cY0gSz76h1h3izUMvkH033/s1600/analytics.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcsdzqm5Qp8-y9jbVPzCMEmgQvd4vizuPebjmx6MvDvjaRPHvv4IL67JhATEXLvOHOJywubdK1q0jHQL_RhZElv5KNLk-7LbGzj19vyjRWVxS4Idk44rlad3cY0gSz76h1h3izUMvkH033/s400/analytics.png" width="500" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: #cc0000;">صورة لتحليلات google analytics لأحدى مدوناتي</span></td></tr>
</tbody></table>
ارباحي من ادسنس بعد أن كانت لا تتجاوز 3 دولار في الأسبوع ارتفعت فجاة الى 30 دولار في اليوم ثم الى 300 دولار في اليوم وأصبحت ارباحي مرتفعة بشكل منتظم تتراوح ما بين 10 الى 30 دولار يوميا، لم أصدق؟ هل صدقتم أنتم ما قلته؟ </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b><u>النتيجة </u></b></div>
<div style="text-align: justify;">
</div>
<ol>
<li>تحسين ترتيب مدونتي في نتائج البحث</li>
<li>انخفاض ترتيبها في Alexa بشكل مذهل</li>
<li>غلق حسابي في ادسنس. لكن لماذا؟ انه الجشع! لا يهمك هذا وجوجل لن تقوم بغلق حسابك اذا اتبعت ما سأقوله لك.</li>
</ol>
<br />
<blockquote class="tr_bq">
<b><span style="color: #3d85c6;"> لكي تحصل على عدد كبير من الزوار لا بد لك من كتابة مواضيع يبحث عنها الناس بكثرة عبر شبكة الإنترنت خض كنزا لن يمنحك اياه احد.</span></b></blockquote>
<br />
<div>
<ul>
<li style="text-align: justify;">مواضيع حساسة</li>
<li style="text-align: justify;">احداث الساعة</li>
<li style="text-align: justify;">المناسبات العالمية والمحلية هي كثيرة جدا والناس تبحث عنه بكثرة ملايين الأشخاص يبحثون </li>
<li style="text-align: justify;">اكتب بلغتك البسيطة الصحيحة وحاول ان توصل فكرة ما تتحدث عنه الى الناس</li>
</ul>
</div>
<div>
<div style="text-align: justify;">
<br class="Apple-interchange-newline" /></div>
</div>
<br />
<div style="text-align: justify;">
حذاري اعلانات ادسنس في مثل هده الحالات سيكون هناك عدد كبير من الضغطات احرص على ان تكون الإعلانات في اماكن واضحة مميزة عن المحتوى ومن الأفضل تقليل الوحدات الإعلانية الى اثنين فقط ويستحسن أن تكون باعلى الصفحة أوعلى الجانبين وتكون ظاهرة بانها اعلانات وليست محتوى، 20 دولار يوميا خير من غلق حسابك نهائيا.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
هذه بعض النصائح المستخلصة من تجربتي الشخصية نتمى أن تستفيدوا منها وان تقوموا بنشرها عبر الشبكات الإجتماعية حتى تعم الفائدة خاصة لأصحاب المدونات الصغيرة أترككم في رعاية الله وحفظه ولا تنسونا من صالح دعائكم بالنجاح والتوفيق لأني اعش التدوين.</div>
<div style="text-align: justify;">
<br /></div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com204tag:blogger.com,1999:blog-5370386071899968358.post-41448700669092449542012-11-12T13:23:00.002-08:002013-05-31T14:51:28.901-07:00نشر تدوينات بلوجر عبر شبكة جوجل بلس<div dir="rtl" style="text-align: right;" trbidi="on">
استطاعت شركة جوجل دمج شبكة التواصل الإجتماعي +google بداخل تدوينات بلوجر بحيث أصبح من السهل مشاركة التدوينات مباشرة بعد نشرها يتم ظهور مربع ساحة المشاركات الخاص بشبكة جوجل بلس ليطلب منك نشر التدوينة عبر الشبكة ومشاركتها مع دوائرك.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTt1gshdu4i-SV_V4bJ_lUeTvDH8fl5Gos2gToovC73a9EOVIgw-uejvGil8hXUEYd_taT08WWBzku2yDY8aghtj38IDxjtosYWaiABoVcjjr5UTA9GuQIcL8BAeJicZi1xP5eQBHGO8Py/s1600/%D8%A3%D9%87%D9%85%D9%8A%D8%A9+%D9%86%D8%B4%D8%B1+%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%B9%D8%A8%D8%B1+%D8%B4%D8%A8%D9%83%D8%A9+%D8%AC%D9%88%D8%AC%D9%84+%D8%A8%D9%84%D8%B3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTt1gshdu4i-SV_V4bJ_lUeTvDH8fl5Gos2gToovC73a9EOVIgw-uejvGil8hXUEYd_taT08WWBzku2yDY8aghtj38IDxjtosYWaiABoVcjjr5UTA9GuQIcL8BAeJicZi1xP5eQBHGO8Py/s1600/%D8%A3%D9%87%D9%85%D9%8A%D8%A9+%D9%86%D8%B4%D8%B1+%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A7%D8%AA+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+%D8%B9%D8%A8%D8%B1+%D8%B4%D8%A8%D9%83%D8%A9+%D8%AC%D9%88%D8%AC%D9%84+%D8%A8%D9%84%D8%B3.png" /></a></div>
<br />
<br />
<a name='more'></a>ان خيار نشر تدوينات بلوجر عبر شبكة +google يعد خيار ممتازا كونه يعود على مدونتك بالمزايا التالية :<br />
<br />
1- كسب المزيد من الزوار<br />
<br />
2 - تحديث ساحة المشاركات الخاصة بك وكسب متابعين وعملاء جدد<br />
<br />
3 - كسب ثقة الأصدقاء بتقديم الجديد والتحديثات عبر صفحتك مما يجعلهم متابعين أوفياء لتدويناتك<br />
<br />
4 - نافذة جديدة لمدوناتك على +google<br />
<br />
5 - تحسين ترتيب مدونتك بمحركات البحث<br />
<br />
6 - زيادة عدد مرات ظهور الصفحة<br />
<br />
7 - زيادة مداخليل مدونتك ان كنت تعرض اعلانات أدسنس</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com11tag:blogger.com,1999:blog-5370386071899968358.post-46708881500848162092012-11-12T13:18:00.003-08:002013-05-31T14:51:42.407-07:00اطلب المساعدة من ادارة المدونة<div dir="rtl" style="text-align: right;" trbidi="on">
صفحة مخصصة لطلب المساعدة من ادارة المدونة حول تصميم وتعديل وتطوير مدونات بلوجر، الدعم متواصل كل ايام الأسبوع<br />
<br />
<div style="text-align: center;">
يمكنك طلب المساعدة اذا تعلقت مشكلتك باحدى النقاط التالية<br />
<br />
<a name='more'></a><br /></div>
<ul>
<li>مشاكل تقنية عامة تتعلق بالمدونات </li>
</ul>
<ul>
<li>طلب قوالب بلوجرتعديل قوالب بلوجر</li>
</ul>
<ul>
<li>طلب كود لأدوات البلوجر</li>
</ul>
<ul>
<li>مشاكل "تهيئة المدونات لمحركات البحث" seo</li>
</ul>
<ul>
<li>استفسارات مختلفة حول البلوجر</li>
</ul>
<ul>
<li>انشاء مدونات البلوجر</li>
</ul>
<ul>
<li>الربح من مدونات البلوجر</li>
</ul>
<ul>
<li>تقديم خدمة مجانية تتعلق بمدونات بلوجر</li>
</ul>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
اترك تعليق يتضمن (طلب مساعدة، تقديم مساعدة، اقتراح، استفسار) وستتلقى الرد على الصفحة نفسها<br />
<br /></div>
<div>
<div style="text-align: center;">
لا تتردد في ذالك.</div>
</div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com29tag:blogger.com,1999:blog-5370386071899968358.post-60982993188859191022012-11-12T12:43:00.001-08:002013-05-31T14:51:57.516-07:00اطلب المساعدة من الزوار حول البلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
هذه الصفحة مخصصة لطلب المساعدة وتلقي الدعم المباشر سواء من قبل الزوار أو من ادارة المدونة نفسها "صاحب المدونة" لحل مشاكل تتعلق بمدونات blogger .<br />
<br />
<a name='more'></a><br /><br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="color: red; font-family: inherit;"><b>احصل على الدعم المباشر والحل النهائي لأي مشكلة او خلل يصادفك </b></span></div>
<div style="text-align: center;">
<span style="color: red; font-family: inherit;"><b>في تصميم او تطوير أوتحسين مدونات بلوجر</b></span></div>
<div style="text-align: center;">
<span style="color: red; font-family: inherit;"><b> الدعم متواصل على مدار 24 سا</b></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="color: #38761d; font-family: inherit;"><b>الدعم مجاني</b></span></div>
<div style="text-align: center;">
<span style="color: #38761d; font-family: inherit;"><b>ولا يتطلب اشتراك او تسجيل</b></span></div>
<div style="text-align: center;">
<span style="color: #38761d; font-family: inherit;"><b>اترك تعليق فقط</b></span></div>
</blockquote>
<br />
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="color: red; font-family: inherit;"><b>وسيتم الرد على الصفحة نفسها خلال 24 سا</b></span></div>
<div style="text-align: center;">
<span style="color: red; font-family: inherit;"><b> لا تتردد</b></span></div>
</blockquote>
<div>
<br />
<div style="text-align: center;">
اذا صادفت اي مشكلة تتعلق بــالنقاط التالية </div>
<div style="text-align: center;">
<br /></div>
<ul style="text-align: right;">
<li>مشاكل تقنية عامة تتعلق بالمدونات </li>
</ul>
<ul style="text-align: right;">
<li>طلب قوالب بلوجر</li>
</ul>
<ul style="text-align: right;">
<li>تعديل قوالب بلوجر</li>
</ul>
<ul style="text-align: right;">
<li>طلب كود لأدوات البلوجر</li>
</ul>
<ul style="text-align: right;">
<li>مشاكل "تهيئة المدونات لمحركات البحث" seo</li>
</ul>
<ul style="text-align: right;">
<li>استفسارات مختلفة حول البلوجر</li>
</ul>
<ul style="text-align: right;">
<li>انشاء مدونات البلوجر</li>
</ul>
<ul style="text-align: right;">
<li>الربح من مدونات البلوجر</li>
</ul>
<ul style="text-align: right;">
<li>اقتراح حول مدونات بلوجر</li>
</ul>
<ul style="text-align: right;">
<li>تقديم خدمة مجانية تتعلق بمدونات بلوجر</li>
</ul>
<br />
<div style="text-align: center;">
انظم الينا بترك تعليق (طلب مساعدة، تقديم مساعدة، اقتراح، استفسار، وستتلقى الرد خلال 24 سا ) لا تتردد في ذالك </div>
<div style="text-align: center;">
<br /></div>
</div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com21tag:blogger.com,1999:blog-5370386071899968358.post-17811018841846837992012-11-12T12:15:00.001-08:002012-11-12T12:15:28.365-08:00كيفية اضافة شعار لمدونة بلوجر blogger ؟<div dir="rtl" style="text-align: right;" trbidi="on">
شعار المدونة هو الرمز الذي يختاره صاحب المدونة للإشارة الى مدونته وتمييزها عن غيرها وعادة ما يكون هذا الشعار له علاقة وطيدة باسم المدونة أو محتواها وجلا ما نلاحظ ذالك في شعارات المواقع الكبيرة مثل موقع الفيس بوك مثلا " شعاره هو حرف f " تعبيرا عن كلمة "facebook" او شعار موقع تويتر "طائر" تعبيرا عن كلمة 'twitter" والتي تعني "تغريد" .<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicjEc0sLgrPFETfgQDdMEWD02l3FVD0Btx4bQDZnXSVNydFqbVPAWC5RHQ7iXO2uaJi2jeWVApaRGonElw3R97B4YCvXxm09OUTwFviPql41awGy2kXZaMyTkzHNtgssZUwv2y8xSaoa8/s1600/%D8%B4%D8%B9%D8%A7%D8%B1+%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicjEc0sLgrPFETfgQDdMEWD02l3FVD0Btx4bQDZnXSVNydFqbVPAWC5RHQ7iXO2uaJi2jeWVApaRGonElw3R97B4YCvXxm09OUTwFviPql41awGy2kXZaMyTkzHNtgssZUwv2y8xSaoa8/s1600/%D8%B4%D8%B9%D8%A7%D8%B1+%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83.png" /></a></div>
<br />
<b><span style="color: red;">لماذا اضيف شعار الى مدونتي ؟</span></b><br />
لشعار المدونة مزايا كثيرة من بينها<br />
<br />
<ul style="text-align: right;">
<li>حفظ الزوار لشعار المدونة (وجعله لما صادف شعار مدونتك أو رأى رمز مشابه له تذكر مدونتك ورسخت بذهنه) وبهذا أنت تحصل على زوار دائمين.</li>
<li>اعطاء شكل جميل وانيق للمدونة</li>
<li>شىء جميل ان تترك بصمتك وتوقيعك ي المواقع والشبكات الإجتماعية مثل فيس بوك ، جوجل بلس ، تويتر ، يوتيوب عن طريق شعار مدونتك.</li>
</ul>
<br />
<br />
<b><span style="color: red;">كيف اضيف شعار لمدونتي بلوجر ؟</span></b><br />
هناك طرق متعددة لإضافة الشعار الى مدونات blogger نذكر منها طريقتين :<br />
بعد تصميم شعار مدونتك عن طريق احدى برامج التصميم مثل فوتو شوب أو امواقع التصميم وهي كثيرة استخدم محرك البحث فقط وستجد الكثير منها.<br />
<br />
<b><span style="color: red;">الطريقة الأولى : </span></b><br />
<br />
<ul style="text-align: right;">
<li>من لوحة التحكم للمدونة اختر <b>التخطيط </b>ثم اختر "<span style="color: blue;">تهيئة رأس الصفحة</span>" واضغط <span style="color: blue;">تحرير</span></li>
<li>قم بتحديد الخيار "<span style="color: #3d85c6; font-family: Trebuchet MS, sans-serif;">من جهاز الكومبيوتر</span>" كما هو موضح بالصورة</li>
<li>قم برفع الصورة من جهازك "<span style="font-family: Trebuchet MS, sans-serif;">حدد المجلد الذي قمت بحفظ صورة شعار المدونة به</span>" وبعد رفعه الى المدونة </li>
<li>حدد الخيار "<span style="color: #3d85c6;">بدلا من العنوان والوصف</span> " كما هو موضح بالصورة</li>
<li>اضغط حفظ </li>
<li>قم بمعاينة المدونة ستجد الشعار قد تم اضافته الى مدونتك ومبروك عليك</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkedUht9vyJS9aGM4C_rGWa3WKwt0266ihrN66_gYhVIHF4TZHstXBKrG9BvNDI-ZpgqNNxtsvJaNTvQXiRKWq6im6t4FRX0T5i4f4LJOyVIFEthO9aJHlrcPSj91qAjrLvLv4HA6QZAQ/s1600/%D9%83%D9%8A%D9%81%D9%8A%D8%A9+%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%B4%D8%B9%D8%A7%D8%B1+%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+blogger+%D8%9F.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="309" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkedUht9vyJS9aGM4C_rGWa3WKwt0266ihrN66_gYhVIHF4TZHstXBKrG9BvNDI-ZpgqNNxtsvJaNTvQXiRKWq6im6t4FRX0T5i4f4LJOyVIFEthO9aJHlrcPSj91qAjrLvLv4HA6QZAQ/s320/%D9%83%D9%8A%D9%81%D9%8A%D8%A9+%D8%A7%D8%B6%D8%A7%D9%81%D8%A9+%D8%B4%D8%B9%D8%A7%D8%B1+%D9%84%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A8%D9%84%D9%88%D8%AC%D8%B1+blogger+%D8%9F.png" width="320" /></a></div>
<div>
<br /></div>
<br />
<b><span style="color: red;">الطريقة الثانية :</span></b><br />
<br />
<ul style="text-align: right;">
<li>قم برفع شعار مدونتك الى اي موقع من مواقع تحميل الملفات او الصور وان لم تجد يمكنك رفعها على مدونتك على البلوجر ونشرها بطريقة عادية "<span style="color: #3d85c6;">فقط قم بنسخ رابط الشعار</span>".</li>
<li>من لوحة التحكم للمدونة اختر <b>قالب </b>ثم اختر <b>تحرير HTML </b>ثم اضغط<span style="color: #3d85c6;"> توسيع عناصر واجهة المستخدم</span> </li>
<li>ثم ابحث عن الرمز التالي :</li>
</ul>
<br />
<blockquote class="tr_bq">
<br /> <b:include name='description'/><br /> </div><br /> </b:if><br /></b:includable><br /></b:widget><br /></b:section><br /> </div></blockquote>
<br />
<div>
<br /></div>
<br />
<br />
<ul style="text-align: right;">
<li>بعده مباشر قم بلصق الكود التالي :</li>
</ul>
<br />
<blockquote class="tr_bq">
<br /><div dir='rtl' style='text-align: right;' trbidi='on'><br /><div class='separator' style='clear: both; text-align: center;'><br /><a href='<span style="color: red;">http://blogger-onlin.blogspot.com</span>/'><img border='0' src='<span style="color: #38761d;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-0GpHyfyLUPWqnMC8CIqyii4QzqKu0M6WBUZAUMEK4EVPU748pyRYbZsH9aH8YNQNkaFIZZQG_j1uYVqJFUgso6WlMRSw70dNZqJXO4cxxtl7tHrcI9eeQDhXsPfD0NF0LPxSBoQGxPk/s1600/blogger+online.png</span>'/></a></div><br /></div></blockquote>
<br />
<ul style="text-align: right;">
<li>لاتنس ان تقوم بتغيير الرابط باللون الأحمر برابط مدونتك وكذالك الرابط الأخضر برابط صورة شعار مدونتك المحمل على شبكة الإنترنت.</li>
<li>قم بحفظ القالب ومعاينة الإضافة ومبروك عليك اضافة شعار الى مدونتك واي استفسار اطرحه وسنجيبك بحول الله تعالى.</li>
</ul>
<br />
<br /></div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com83tag:blogger.com,1999:blog-5370386071899968358.post-66080045971043778222012-11-12T12:14:00.001-08:002012-11-12T12:14:03.132-08:00فهرس المدونة<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: right;">
<script src="http://sites.google.com/site/javacodehtml/IndexWithLabels.js"></script></div>
<div style="text-align: right;">
<script src="http://blogger-onlin.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script></div>
<div style="text-align: right;">
<script type="text/javascript">var accToc=true;</script></div>
</div>
<br /></div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com0tag:blogger.com,1999:blog-5370386071899968358.post-11444973916948791252012-11-11T13:32:00.001-08:002012-11-11T13:32:33.911-08:00اضافة فهرس لمدونات بلوجر blogger<div dir="rtl" style="text-align: right;" trbidi="on">
اضاافة فهرس الى مدونات بلوجر هو امر ضروري حتى نجعل مواضيع المدونة مرتبة ومنظمة ومتسسلة للزوار ويسهل التنقل عبر المواضيع والوصول اليها من صفحة معينة.<br />
<br />
<b><span style="color: red;">مزايــا اضافــة فهــــرس المدونــــة </span></b><br />
<br />
<ul style="text-align: right;">
<li>سهولة الوصول الى مواضيع المدنة</li>
<li>الإطلاع على كل التدوينات بصفحة واحدة</li>
<li>زيادة نسبة مشاهدة الصفحة</li>
<li>بقاء الزائر لمدة أطول على المدونة</li>
<li>انشاء روابط داخلية للمدونة وتحسين ارشفتها بمحركات البحث</li>
</ul>
<br />
<b><span style="color: red;">طريقــة اضافــة الفهــرس الــى المدونــة </span></b><br />
1- من لوحة تحكم المدونة نقوم بانشاء صفحة او رسالة (مشاركة) جديدة ثم ننتقل الى قسم HTML للرسالة او الصفحة ونقوم بلصق الكود التـــــالــــــــــــــــــــــــــــي :<br />
<blockquote class="tr_bq">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><div dir="rtl" style="text-align: right;" trbidi="on"></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><div dir="rtl" style="text-align: right;" trbidi="on"></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><div style="text-align: right;"></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><script src="http://sites.google.com/site/javacodehtml/IndexWithLabels.js"></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"></script></div></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><div style="text-align: right;"></span></span><span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span style="color: #333333;"><script src="</span><span style="color: red;">http://blogger-storm.blogspot.com</span><span style="color: #333333;">/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></span></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"></script></div></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><div style="text-align: right;"></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><script type="text/javascript"></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">var accToc=true;</span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"></script></div></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"></div></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></div></span></span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></blockquote>
<br />
<div style="background-color: white; color: #333333; font-family: Tahoma, Helvetica; font-size: 12px; line-height: 18.516666412353516px; margin: 0px; padding: 0px; text-align: justify;">
<span style="font-family: Tahoma; margin: 0px; padding: 0px;">2- قم بتغيير الرابط الملون باللون اللحمر برابط مدونتك</span></div>
<div style="background-color: white; color: #333333; font-family: Tahoma, Helvetica; font-size: 12px; line-height: 18.516666412353516px; margin: 0px; padding: 0px; text-align: justify;">
<span style="font-family: Tahoma; margin: 0px; padding: 0px;">3- انشر الرسالة او الصفحة لترى الفهرس بشكل منظم ومرتب.</span></div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com2tag:blogger.com,1999:blog-5370386071899968358.post-92121793488011265332012-11-08T14:09:00.000-08:002012-11-08T14:38:04.650-08:00وضع اعلانات ادسنس وسط الموضوع او التدوينة بمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
ادراج اعلانات جوجل ادسنس وسط الموضوع او التدوينة بمدونات بلوجر أمر يزيد من مردودية الوحدات الإعلانية كونها تجلب عدد كبير من الضغطات وتكون مرئية للزوار بشكل مضمون.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRMjWtEewECK7v26ALcJOOZkERHI686hu-HEVb5XRzs2p3FQQCt5wr__wnu2zhFbDDlOoOA-9UFodg4uwsFXUH3kspTDCEPESvcZr1jcQootht5a-u_zqPysb65yEVtDF2QLmieuDSdQM/s1600/%D9%88%D8%B6%D8%B9+%D8%A7%D8%B9%D9%84%D8%A7%D9%86%D8%A7%D8%AA+%D8%A7%D8%AF%D8%B3%D9%86%D8%B3+%D9%88%D8%B3%D8%B7+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRMjWtEewECK7v26ALcJOOZkERHI686hu-HEVb5XRzs2p3FQQCt5wr__wnu2zhFbDDlOoOA-9UFodg4uwsFXUH3kspTDCEPESvcZr1jcQootht5a-u_zqPysb65yEVtDF2QLmieuDSdQM/s1600/%D9%88%D8%B6%D8%B9+%D8%A7%D8%B9%D9%84%D8%A7%D9%86%D8%A7%D8%AA+%D8%A7%D8%AF%D8%B3%D9%86%D8%B3+%D9%88%D8%B3%D8%B7+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D8%A9.png" /></a></div>
<br />
<b><span style="color: #0b5394;">كيفية ادراج اعلانات ادسنس وسط الموضوع او التدوينة بمدونات بلوجر؟</span></b><br />
<br />
يمكنك وضع اعلانات ادسنس بأي مكان او موضع تريد من التدوينة فقط قم بما هو أتي :<br />
<br />
1- قم بنسخ كود الوحدة الإعلانية لأدسنس .<br />
<br />
2- من لوحة التحكم للبلوجر اختر <b>مشاركة جديدة</b> وابدأ بكتابة الموضوع أو التدوينة، وعندما تصل الى المكان أو الموضع الذي تود ادراج "اعلان ادسنس" به توقف.
<br />
<br />
3- ادخل على قسم <b>HTML </b>للتدوينة وقم بلصق كود "اعلان ادسنس" مباشرة بعد نهاية الفقرة أو الجزء الذي قمت بكتابته من الموضوع تماما مثل الصورة التالية.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS7yYLhUj1-buJI22TzuIadRG5RK7c5g0YzY0QhpNWcjZC6RDTCJhl-FF6wdKRYoGZe7qNNce1TBVsvqIqLt8fIRGt-AfPhXncu_jF0lJoRfjJZ8aIqaYTeIOm70tCJ56FfqcSBKcWdSo/s1600/%D9%88%D8%B6%D8%B9+%D8%A7%D8%B9%D9%84%D8%A7%D9%86%D8%A7%D8%AA+%D8%A7%D8%AF%D8%B3%D9%86%D8%B3+%D9%88%D8%B3%D8%B7+%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS7yYLhUj1-buJI22TzuIadRG5RK7c5g0YzY0QhpNWcjZC6RDTCJhl-FF6wdKRYoGZe7qNNce1TBVsvqIqLt8fIRGt-AfPhXncu_jF0lJoRfjJZ8aIqaYTeIOm70tCJ56FfqcSBKcWdSo/s1600/%D9%88%D8%B6%D8%B9+%D8%A7%D8%B9%D9%84%D8%A7%D9%86%D8%A7%D8%AA+%D8%A7%D8%AF%D8%B3%D9%86%D8%B3+%D9%88%D8%B3%D8%B7+%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9.png" /></a></div>
<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;">
</div>
<br />
4- لاتنسى وضع الرمز <br /> قبل وبعد كود "اعلان ادسنس" كما هو موضح بالصورة السابقة وهذا حتى يكون هناك فاصل بين المحتوى والإعلان .<br />
<br />
5- واخيرا نقوم بنشر الرسالة لتظهر اعلانات جوجل ادسنس وسط الموضوع كما هو موضح بالصورة التالية.<br />
<br />
<span style="color: #cc0000;"><u>تحذير </u></span><br />
<br />
<blockquote class="tr_bq">
<br />
<span style="color: red;"><b>1-</b></span> اذا كنت تمتلك مدونة أو موقع أو منتدى يجلب عدد كبير من الزوار تجنب وضع الإعلانات وسط الموضوع، لأنه قد يجلب عدد كبير من الضغطات وتعتبرها جوجل ضغطات غير شرعية وربما يتم غلق حسابك<br />
<span style="color: red;"><b>2-</b></span> اذا اضررت لأدراج الإعلانات وسط الموضوع احرص على أن تكون مفصولة ومميزة عن المحتوى وحذاري من انشاء محتوى يحاكي شكلا الوحدات الإعلانية فهو امر مخالف لسياسة ادسنس.</blockquote>
<span style="color: #38761d;"><u>مسموح </u></span><br />
<blockquote class="tr_bq">
<span style="color: #38761d;"><b>1-</b></span> اذا كنت تمتلك موقع أو مدونة ذات محتوى جيد وفريد وتستقطب عدد متوسط من الزوار وجمهور مستهدف لابأس بوضع الإعلانات وسط التدوينة.</blockquote>
<div>
على العموم احترام سياسة جوجل ادسنس يجب أن يكون من الأولويات التي تتبناها في استراتيجيتك للنجاح في ربح المال من خلال اعلانات جوجل ادسنس، لأنه عند غلق حسابك ستخسر الكثير. </div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com51tag:blogger.com,1999:blog-5370386071899968358.post-66908224476168702432012-11-08T11:46:00.000-08:002012-11-08T11:46:03.582-08:00طريقة سهلة جدا لإضافة سلايد شو Slideshow الى مدونات بلوجر <div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: justify;">
طريقة سهلة جدا لإضافة أداة سلايد الى مدونات blogger التي تقوم بعرض مواضيع المدونة بشكل الي ومميز مثلما نراه تماما في مواقع الأخبار الكبيرة والتي تعطي طابعا احترافي للمدونة.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>كيفية اضافة الأداة ؟</b></div>
<ul style="text-align: right;">
<li style="text-align: justify;">من لوحة التحكم للمدونة نختار <b>التخطيط </b>ثم نختار <b>اضافة أداة </b>ثم نختار <b>اداة HtmlJavaScript</b></li>
<li style="text-align: justify;">نقوم بلصق الكود التالي</li>
</ul>
<div>
<blockquote class="tr_bq" style="background-color: #eeeeee; border-bottom-right-radius: 9px; border-top-left-radius: 9px; border: 1px solid rgb(144, 192, 223); margin: 10px 0px; padding: 10px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><style type="text/css"></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> /* JavaScript Image Slider By http://mdonti-n.blogspot.com/ */</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">#mcis {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> display: none;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">#sliderFrame {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> position: relative;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> width: 468px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> margin: 0 auto;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> border:3px solid #E1E0E2;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">#ribbon {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> width: 111px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> height: 111px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> position: absolute;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> top: -4px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> right: -4px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">#slider {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span style="color: #333333;"> </span><span style="color: blue;">width</span><span style="color: #333333;">: 468px;</span></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span style="color: #333333;"> </span><span style="color: blue;">height</span><span style="color: #333333;">: 260px;</span></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik_5TuS3fuu2Oow2-oaG9p19UoAzfJQMJ0qxgS0HICpwSDrEgTc-LEQCZSVvmmOJQq3eq_LlvD2qDd6UHWl5mc10TrCqJU1Bj3SR9TF6_iJqrRDPCiKhpOSI-BMYKNj5h1StqflMQsBQ/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> position: relative;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> margin: 0 auto;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> box-shadow: 0px 1px 5px 010007;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">#slider img {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> position: absolute;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> border: none;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> display: none;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">#slider a.imgLink {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> z-index: 2;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> display: none;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> position: absolute;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> top: 0px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> right: 0px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> border: 0;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> padding: 0;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> margin: 0;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> width: 100%;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> height: 100%;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">div.mc-caption-bg, div.mc-caption-bg2 {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> position: absolute;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> width: 100%;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> height: auto;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> padding: 0;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> right: 0px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> bottom: 0px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> z-index: 3;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> overflow: hidden;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> font-size: 0;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">div.mc-caption-bg {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> background-color: #0066CC;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">div.mc-caption {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> font: bold 25px/21px traditional arabic ;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> color: #0000;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> z-index: 4;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> padding: 10px 0;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> text-align: center;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">div.mc-caption a {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> color: #FB0;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">div.mc-caption a:hover {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> color: #DA0;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">div.navBulletsWrapper {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> top: 250px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> right: 190px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> width: 150px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> background: none;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> padding-right: 20px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> position: relative;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> z-index: 5;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> cursor: pointer;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">div.navBulletsWrapper div {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> width: 11px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> height: 11px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxQSsLvENML9w0Ns56823WtTdshy2RmVDYPMuHXlI_4llcVqv426NyltndjKUttK8wU0DPUFMsJZBZqmX6RWjMqHeHPQuVs2Q8S3b8LTgelgs5DQ-0Ngcn21_wjqsopBL5eL7g0yk6wQ/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> float: right;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> overflow: hidden;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> vertical-align: middle;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> cursor: pointer;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> margin-left: 11px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> _position: relative;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">div.navBulletsWrapper div.active {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> background-position: 0 -11px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">#slider {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> transform: translate3d(0,0,0);</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> -ms-transform: translate3d(0,0,0);</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> -moz-transform: translate3d(0,0,0);</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> -o-transform: translate3d(0,0,0);</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> -webkit-transform: translate3d(0,0,0);</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">}</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> </style> </span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><div id="sliderFrame"></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> <div id="ribbon"></div></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> <div id="slider"></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span style="color: #333333;"><a href="</span><span style="color: blue;">xxxxxx</span><span style="color: #333333;">"><img src="</span><span style="color: red;">ppppp</span><span style="color: #333333;">" alt="</span></span></span><span style="color: lime; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ttttt</span><span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span style="color: #333333;">"/></a></span></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><a href="</span></span><span style="color: blue; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">xxxxxx</span><span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span style="color: #333333;">"><img src="</span><span style="color: red;">ppppp</span><span style="color: #333333;">" alt="</span></span></span><span style="color: lime; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ttttt</span><span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span style="color: #333333;">"/></a></span></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><a href="</span></span><span style="color: blue; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">xxxxxx</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">"><img src="</span></span><span style="color: red; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ppppp</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">" alt="</span></span><span style="color: lime; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ttttt</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">"/></a></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><a href="</span></span><span style="color: blue; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">xxxxxx</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">"><img src="</span></span><span style="color: red; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ppppp</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">" alt="</span></span><span style="color: lime; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ttttt</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">"/></a></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><a href="</span></span><span style="color: blue; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">xxxxxx</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">"><img src="</span></span><span style="color: red; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ppppp</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">"alt=" </span></span><span style="color: lime; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ttttt</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">"/></a></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> </div></div></span></span></div>
</div>
</div>
</div>
</blockquote>
<div style="text-align: justify;">
قبل حفظ الأداة نقوم باضافة المواضيع التي نود ظهورها على السلايد شو كمايلي :</div>
<br />
<ul style="text-align: right;">
<li style="text-align: justify;"><span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">نضع مكان الرمز</span><span style="background-color: white; color: blue; font-family: Tahoma; font-size: 12px; line-height: 18.5px;"> xxxxx </span><span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">رابط الموضوع (الرابط الإلكتروني للموضوع )</span></li>
<li style="text-align: justify;"><span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">نضع مكان الرمز</span><span style="background-color: white; color: blue; font-family: Tahoma; font-size: 12px; line-height: 18.5px;"> </span><span style="background-color: white; color: red; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ppppp </span><span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">رابط الصورة (الرابط الإلكتروني لصورة الموضوع)</span></li>
<li style="text-align: justify;"><span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">نضع مكان الرمز</span><span style="background-color: white; color: blue; font-family: Tahoma; font-size: 12px; line-height: 18.5px;"> </span><span style="background-color: white; color: lime; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ttttt </span><span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">عنوان الموضوع (أو نختار عنوان أخر للموضوع )</span></li>
</ul>
</div>
<ul style="text-align: right;">
<li style="text-align: justify;">ثم نقوم بحفظ الإضافة </li>
</ul>
<div style="text-align: justify;">
<b><span style="color: #cc0000;">تعديل الإضافة بما يتناسب مع مدونتك </span></b></div>
<div style="text-align: justify;">
1- اذا أردنا زيادة عدد المواضيع المعروضة نقوم بزيادة عدد الأكواد التالية</div>
<br />
<blockquote class="tr_bq" style="background-color: #eeeeee; border-bottom-right-radius: 9px; border-top-left-radius: 9px; border: 1px solid rgb(144, 192, 223); color: #333333; font-family: Tahoma; font-size: 12px; line-height: 18.516666412353516px; margin: 10px 0px; padding: 10px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<div style="color: black; font-family: 'Times New Roman'; font-size: medium; line-height: normal; margin: 0px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><a href="</span></span><span style="color: blue; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">xxxxxx</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">"><img src="</span></span><span style="color: red; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ppppp</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">" alt="</span></span><span style="color: lime; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">ttttt</span><span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">"/></a></span></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
</div>
</div>
</div>
</blockquote>
<br />
<div style="text-align: justify;">
اي نقوم بنسخها ولصقها الواحدة تلو الأخرى حسب عدد المواضيع التي نريد عرضها على السلايد شو (Slideshow ).</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2- التحكم في ارتفاع وعرض الأداة (الإطار الخارجي) نقوم بالبحث عن الكود التالي :</div>
<div style="text-align: justify;">
<br /></div>
<br />
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">#slider {</span></span></div>
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> width: 468px;</span></span></div>
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Tahoma; font-size: 12px; line-height: 18.5px;"> height: 260px;</span></div>
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Tahoma; font-size: 12px; line-height: 18.5px;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<br />
<div style="text-align: justify;">
<span style="font-family: inherit;">لتغيير عرض الأداة <span style="background-color: white; line-height: 18.5px;"><span style="color: blue;">width </span></span></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="background-color: white; line-height: 18.5px;">لتغيير ارتفاع الأداة </span><span style="background-color: white; line-height: 18.5px;"><span style="color: blue;">height</span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;"><span style="color: blue;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; line-height: 18.5px;"><span style="font-family: inherit;">3- تغيير لون السلايدشو الصغيرة (التي يتم بها عرض عنوان الموضوع ) نبحث عن الكود التالي :</span></span></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;"><br /></span></div>
<br />
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span style="color: #333333;"> background-color:</span><span style="color: red;"> #0066CC</span><span style="color: #333333;">;</span></span></span></div>
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="line-height: 18.5px;"><span style="font-family: inherit;"><span style="color: #333333;">ونقوم بتغيير الرمز </span><span style="color: red;">0066cc </span><span style="color: #333333;">(للحصول على الألوان بصيغة html انتقل <a href="http://html-color-codes.info/" target="_blank">للصفحة التالية</a> )</span></span></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: inherit;"><span style="line-height: 18.5px;">4- تغيير حجم ولون خط عنوان الموضوع (عناوين المواضيع المعروضة على السلايد شو) ابحث عن الكود التالي :</span></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div>
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span style="color: #333333;"> font: bold </span><span style="color: blue;">25px</span><span style="color: #333333;">/21px</span><span style="color: blue;"> traditional arabic</span><span style="color: #333333;"> ;</span></span></span></div>
</div>
<div style="background-color: #eeeeee; margin: 0px; padding: 0px; text-align: justify;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: #333333; font-family: inherit;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: inherit;"><span style="line-height: 18.5px;">الرمز </span><span style="line-height: 18.5px;"><span style="color: blue;">traditional arabic</span> لإستبدال نوع الخط </span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: #eeeeee; color: #333333; line-height: 18.5px;"><span style="font-family: inherit;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: inherit;"><span style="color: #333333; line-height: 18.5px;">الرمز </span><span style="color: #333333; line-height: 18.5px;"> </span><span style="line-height: 18.5px;"><span style="color: blue;">25px </span></span><span style="color: #333333; line-height: 18.5px;">حجم الخط .</span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="font-family: inherit;"><span style="color: #333333; line-height: 18.5px;"><br /></span></span></span></div>
<div style="text-align: justify;">
<span style="background-color: white;"><span style="color: #333333; line-height: 18.5px;"><span style="font-family: inherit;">هذه هي اهم التعديلات التي نحتاج اليها لتنسيق الأداة بما يتناسب مع شكل وتصميم المدونة، ولمن يرغب في ادخال تعديلات اخرى ووجد صعوبة في ذالك يترك تعليق وسنحاول الإجابة عنه ان شاء الله السلام عليكم.</span></span></span></div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com44tag:blogger.com,1999:blog-5370386071899968358.post-76773497572729643512012-11-01T14:56:00.001-07:002012-11-01T14:56:38.132-07:00برنامج أدوات مشرفي المواقع webmasters<div dir="rtl" style="text-align: right;" trbidi="on">
برنامج أدوات مشرفي المواقع أو ما يسمى بالإنجليزية webmasters هو خدمة تابعة لشركة جوجل مماثلة لبرنامج google analytics تعطي اصحاب المواقع والمدونات احصائيات دقيقة حول مدى ارشفة الموقع عبر محرك البحث google والكلمات المفتاحية التي تجعل الموقع يظهر بنتائج البحث وكذا ترتيب الصفحة ضمن نتائج البحث.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTC14kyo-VJVkf5kdkzRo189eK6dnFeCQyXRmnZfiCQCCjySJ2IvTug4o0HcatGIzpzmTDvEu6KqdY_vnMT20D7TiurrZBU9lZhIIY6-giCY8OYXogKK2pOwsMyO-3X8VaTOQQAVAL-Co/s1600/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC+%D8%A3%D8%AF%D9%88%D8%A7%D8%AA+%D9%85%D8%B4%D8%B1%D9%81%D9%8A+%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9+webmasters.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTC14kyo-VJVkf5kdkzRo189eK6dnFeCQyXRmnZfiCQCCjySJ2IvTug4o0HcatGIzpzmTDvEu6KqdY_vnMT20D7TiurrZBU9lZhIIY6-giCY8OYXogKK2pOwsMyO-3X8VaTOQQAVAL-Co/s320/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC+%D8%A3%D8%AF%D9%88%D8%A7%D8%AA+%D9%85%D8%B4%D8%B1%D9%81%D9%8A+%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9+webmasters.png" width="320" /></a></div>
<br />
و تمكن مدير الموقع من الإطلاع على أداء موقعه بمحرك البحث google وكذا الروابط الخارجية والداخلية التي حصل عليها الموقع والكلمات الرئيسية التي تطغى على المحتوى بالموقع.<br />
<br />
اضافة الى ادوات تمكن المشرف من ارسال خريطة الموقع أو المدونة الى محرك البحث والتحقق من سلامة الموقع وخلوه من البرامج الضارة وهي مدرجة بالشكل التالي :<br />
<br />
<ul style="text-align: right;">
<li>التهيئة</li>
<li>الصحة</li>
<li>حركة المرور</li>
<li>التحسين</li>
<li>الميزات الإختبارية حيث يمكن اختبار اداء وسرعة الموقع.</li>
</ul>
<br />
رابط البرنامج :<a href="https://www.google.com/webmasters/tools/home?hl=ar" target="_blank">أدوات مشرفي المواقع </a> <br />
<br /></div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com1tag:blogger.com,1999:blog-5370386071899968358.post-1990829432706141212012-11-01T14:46:00.000-07:002012-11-01T14:46:01.187-07:00اضافة الأزرار (اعجبني،tweet,google plus one) الى البلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
اضافة مجموعة من ازرار مواقع التواصل الإجتماعي الى مدونات بلوجر في بداية الموضوع او عند نهايته مع امكانية التعديل عليها واضافة ازرار اخرى هو عمل لا يمكن لي صاحب موقع او مدونة مهما كان حجمها الإستغناء عنه لما له من فوائد جمة.<br />
<br />
لمعاينة الإضافة والشكل الذي ستظهر به الأزرار بالمدونة بعد اتمام العملية انتقل للصفحة التالية <a href="http://blogger-storm.blogspot.com/2012/10/blog-post_1466.html" target="_blank">المعاينة </a> هذا الشكل لأزرار بواسطة عداد عمودي او (شاقولي).<br />
<br />
كما يمكننا اضافة الأزرار بواسطة عداد افقي انظر <a href="http://blogger-onlin.blogspot.com/2012/11/blog-post.html" target="_blank">المعاينة </a> .<br />
<br />
<b><span style="color: #e06666;">كيفية القيام بهذا ؟</span></b><br />
<br />
<span style="font-size: large;">أ - </span>اذا اردنا ظهور الأزرار تحت عنوان الرسالة أو الموضوع نقوم بمايلي :<br />
طبعا بعد تسجيل الدخول الى <b>لوحة تحكم</b> المدونة واختيار <b>قالب </b>ثم <b>تحرير HTML</b> ثم متابعة تعليم خانة <b>توسيع قوالب عناصر واجهة المستخدم</b> ثم :<br />
<br />
1- نبحث عن الكود التالي :<br />
<br />
<blockquote class="tr_bq">
<blockquote>
<div class='post-body'></blockquote>
</blockquote>
<br />
<div>
<br /></div>
<br />
2- نقوم بعده مباشرة بلصق الكود التالي :<br />
<br />
<br />
<blockquote class="tr_bq">
<span style="color: #0b5394;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><!-- AddThis Button BEGIN --><br /><div class='addthis_toolbox addthis_default_style '><br /><a class='addthis_button_facebook_like' fb:like:layout='button_count'/><br /><a class='addthis_button_tweet'/><br /><a class='addthis_button_pinterest_pinit'/><br /><a class='addthis_counter addthis_pill_style'/><br /></div><br /><script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script><br /><script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f05a6b3451b61e4' type='text/javascript'/><br /><!-- AddThis Button END --><br /><span style="color: #0b5394;"></b:if></span> </blockquote>
<br />
للإشارة فأن الجزء الملون باللون الأزرق هو لمنع الأزرار من الظهور بالصفحة الرئيسية للمدونة فقط اما اذا أردنا ظهور الأزرار بالصفحة الرئيسية للمدونة فنقوم بمسح الكود باللون الأزرق فقط ليصبح بالشكل التالي :<br />
<br />
<br />
<!-- AddThis Button BEGIN --><br />
<div class='addthis_toolbox addthis_default_style '><br />
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/><br />
<a class='addthis_button_tweet'/><br />
<a class='addthis_button_pinterest_pinit'/><br />
<a class='addthis_counter addthis_pill_style'/><br />
</div><br />
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script><br />
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f05a6b3451b61e4' type='text/javascript'/><br />
<!-- AddThis Button END --><br />
<br />
<br />
3- نقوم بحفظ قالب المدونة ومعاينة الإضافة الجديدة.<br />
<br />
<span style="font-size: large;">ب - </span>اما اذا أردنا ظهور الأزرار عند نهاية أو أسفل الموضوع او الرسالة نقوم بمايلي :<br />
<br />
1- البحث عن الكود التالي :<br />
<br />
<br />
<blockquote class="tr_bq">
<b:if cond='data:blog.pageType == &quot;item&quot;'></blockquote>
<div>
2- بعده مباشرة نقوم بلصق الكود التالي : </div>
<div>
<span style="color: #0b5394;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><!-- AddThis Button BEGIN --><br /><div class='addthis_toolbox addthis_default_style '><br /><a class='addthis_button_facebook_like' fb:like:layout='button_count'/><br /><a class='addthis_button_tweet'/><br /><a class='addthis_button_pinterest_pinit'/><br /><a class='addthis_counter addthis_pill_style'/><br /></div><br /><script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script><br /><script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f05a6b3451b61e4' type='text/javascript'/><br /><!-- AddThis Button END --><br /><span style="color: #0b5394;"></b:if></span></div>
<div>
<span style="color: #0b5394;"><br /></span></div>
<div>
نقوم بنفس العمل اذا أردنا ظهور الأزرار بالصفحة الرئيسية للمدونة كما سبق وأن قمنا بشرحه.</div>
<div>
<br /></div>
<div>
3- نقوم بحفظ القالب ومعاينة الإضافة الجديدة. </div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com2tag:blogger.com,1999:blog-5370386071899968358.post-55189163569817059152012-11-01T13:30:00.001-07:002012-11-01T14:15:42.722-07:00ادراج خط بين العنوان والموضوع بالبلوجر (الفصل بين العنوان والموضوع)<div dir="rtl" style="text-align: right;" trbidi="on">
قد تكون بحاجة الى الفصل بين عنوان الموضوع والموضوع بخط مستمر او متقطع حتى تعطي طابع مميز للتدوينة كما نراه في العديد من المدونات الجميلة وكما هو موضح بالصورة التالية .<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOKkQEks-c0KE92cLRwddNbUeSPSo7jc0aq42tH2n0pvFQO4M8Xbu8DAZKbQ3Oo4TqjEOJbAW0ttrnUGrSJYAzLcbnU__SaQAa0JhQ4qhgPurZE4kqCj7qn5gQfl3BFOruIM3P3zSIl1o/s1600/%D8%A7%D8%AF%D8%B1%D8%A7%D8%AC+%D8%AE%D8%B7+%D8%A8%D9%8A%D9%86+%D8%A7%D9%84%D8%B9%D9%86%D9%88%D8%A7%D9%86+%D9%88%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9++%D8%A8%D8%A7%D9%84%D8%A8%D9%84%D9%88%D8%AC%D8%B1+(%D8%A7%D9%84%D9%81%D8%B5%D9%84+%D8%A8%D9%8A%D9%86+%D8%A7%D9%84%D8%B9%D9%86%D9%88%D8%A7%D9%86+%D9%88%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOKkQEks-c0KE92cLRwddNbUeSPSo7jc0aq42tH2n0pvFQO4M8Xbu8DAZKbQ3Oo4TqjEOJbAW0ttrnUGrSJYAzLcbnU__SaQAa0JhQ4qhgPurZE4kqCj7qn5gQfl3BFOruIM3P3zSIl1o/s400/%D8%A7%D8%AF%D8%B1%D8%A7%D8%AC+%D8%AE%D8%B7+%D8%A8%D9%8A%D9%86+%D8%A7%D9%84%D8%B9%D9%86%D9%88%D8%A7%D9%86+%D9%88%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9++%D8%A8%D8%A7%D9%84%D8%A8%D9%84%D9%88%D8%AC%D8%B1+(%D8%A7%D9%84%D9%81%D8%B5%D9%84+%D8%A8%D9%8A%D9%86+%D8%A7%D9%84%D8%B9%D9%86%D9%88%D8%A7%D9%86+%D9%88%D8%A7%D9%84%D9%85%D9%88%D8%B6%D9%88%D8%B9).png" width="400" /></a></div>
<br />
ادراج خط بين العنوان والموضوع بالبلوجر (الفصل بين العنوان والموضوع) أمر سهل وغير معقد فقط اتبع الخطوات التالية :<br />
<br />
<br />
1- من لوحة التحكم لمدونتك اختر قالب<br />
<br />
2- ثم اختر تحرير HTML ثم متابعة<br />
<br />
3- ثم علم الخانة توسيع قوالب عناصر واجهة المستخدم 4- ثم قم بالبحث عن الكود التالي :<br />
<div>
<br />
<blockquote class="tr_bq" style="background-color: #eeeeee; border-bottom-right-radius: 9px; border-top-left-radius: 9px; border: 1px solid rgb(144, 192, 223); margin: 10px 0px; padding: 10px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> <div class='post-body'></span></span></div>
</div>
</div>
</blockquote>
<br />
عند ايجاده نقوم بعده مباشرة بلصق الكود التالي :<br />
<br />
<blockquote class="tr_bq" style="background-color: #eeeeee; border-bottom-right-radius: 9px; border-top-left-radius: 9px; border: 1px solid rgb(144, 192, 223); margin: 10px 0px; padding: 10px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></span></div>
<div style="color: #333333; font-family: Tahoma; font-size: 12px; line-height: 18.516666412353516px; margin: 0px; padding: 0px;">
.............................................</div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"></b:if></span></span></div>
</div>
</blockquote>
<br />
السطر المنقط هو الذي سيفصل بين العنوان وبقية الموضوع حيث يمكنك استبدال الخط بأي شكل من الأشكال او أي كود أخر على سبيل المثال يمكنك وضع اعلانات ادسنس مكان الخط المنقط.<br />
<br />
أما اذا أردت ظهور السطر أسفل التدوينة أو الموضوع قم بالبحث عن الكود التالي :<br />
<br />
<blockquote class="tr_bq" style="background-color: #eeeeee; border-bottom-right-radius: 9px; border-top-left-radius: 9px; border: 1px solid rgb(144, 192, 223); margin: 10px 0px; padding: 10px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"> <div class='post-footer-line post-footer-line-1'></span></span></div>
</div>
</blockquote>
<br />
وبعده مباشرة قم بلصق الكود السابق.</div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com1tag:blogger.com,1999:blog-5370386071899968358.post-23345409484631797682012-11-01T12:53:00.000-07:002012-11-01T12:53:51.305-07:00ربح المال من مدونات بلوجر blogger<div dir="rtl" style="text-align: right;" trbidi="on">
لم يعد الهدف من التدوين وانشاء المدونات على شبكة الإنترنت اليوم يقتصر على نشر ومشاركة الأفكار والصور ومقاطع الفيديو أو التعبير عن الرأي والمواهب فحسب بل أصبح وسيلة حقيقية للعمل وكسب مبالغ مالية معتبرة بالإشتراك في البرامج الإعلانية أو برامج التسويق والأفليت عبر الشبكة.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4xN6H0xLgas4gA_pywfKlh4wtkCkNWwqX7KCbp1G9uSuzA6MEcmfK4r42DFsIQHCMAf3aGBBPF1y2rSASkmaQzynZekPPG_Nz0ocQhlVqE1Pec__asoNcijezDfyeIneIraXztRnNfN_S/s1600/9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4xN6H0xLgas4gA_pywfKlh4wtkCkNWwqX7KCbp1G9uSuzA6MEcmfK4r42DFsIQHCMAf3aGBBPF1y2rSASkmaQzynZekPPG_Nz0ocQhlVqE1Pec__asoNcijezDfyeIneIraXztRnNfN_S/s320/9.png" width="320" /></a></div>
<br />
نعم انشاء مدونة على احدى خدمات التدوين المجانية مثل خدمة blogger او wordpress أو خدمة مكتوب التابعة لشركة ياهو هو فرصة سامحة لكسب مرتب شهري منتظم اذا استطاعت هذه المدونات منافسة المواقع الكبيرة والحصول على عدد معتبر من الزوار ومرات ظهور للصفحة لا باس به.<br />
<br />
مدونات بلوجر هي من اكثر المدونات الناجحة في هذا المجال نظرا لدعمها لكل الشركات الشركات الربحية وشركات التسويق والبيع بالعمولة على شبكة الإنترنت ولصداقتها لمحركات البحث ايضا.</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com1tag:blogger.com,1999:blog-5370386071899968358.post-34070712318481356982012-10-27T13:54:00.001-07:002012-10-27T13:54:12.099-07:00برنامج google analytics<div dir="rtl" style="text-align: right;" trbidi="on">
جوجل اناليتيكس google analytics هو برنامج مجاني لمتابعة نشاط المواقع ورصد كل الإحصائيات المتعلقة بحركة الموقع من عدد الزوار ومصادر قدومهم والكلمات المستخدمة في البحث للوصول الى الموقع الى عدد مرات مشاهدة الصفحة ومراقبة الزوار المتواجدين حاليا بالموقع.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhFag1oSjhE5S5nyc3TnlQlBXmVAoFrtLFaLaAYdypH9JRQ76ufToC4vLCPc1zx1rNeuPYBuH-XrmU8Z2hLVCyBYG1yZu5kIE5R9SuO-oo6og3mT8AJ8JyqbMHaEsKLz9sKDug5LhvXn8/s1600/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC+google+analytics.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhFag1oSjhE5S5nyc3TnlQlBXmVAoFrtLFaLaAYdypH9JRQ76ufToC4vLCPc1zx1rNeuPYBuH-XrmU8Z2hLVCyBYG1yZu5kIE5R9SuO-oo6og3mT8AJ8JyqbMHaEsKLz9sKDug5LhvXn8/s400/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC+google+analytics.png" width="400" /></a></div>
<br />
الإشتراك ببرنامج google analytics هو اشتراك مجاني وضروري لأصحاب المواقع والمدونات لما له من ميزات تحليلية جيدة جدا تعطي مدير الموقع تفاصيل ومعلومات دقيقة حول أداء موقعه بشكل دائم ومستمر وتمنحه الفرصة لتطوير موقعه اعتمادا على هذه الإحصائيات والمعلومات الدقيقة.<br />
<br />
<u><span style="color: #e06666;"><b>أهمية الإشتراك بالبرنامج </b></span></u><br />
بدون مراقبة موقعك او مدونتك ومعرفة ادق التفاصيل حول ادائه لن تستطيع تطوير وانجاح أنشطتك عبر شبكة الإنترنت لأنك لا تستطيع تقييم موقعك لذا الإشتراك ببرنامج google analytics او احدى البرامج المماثلة لا غنى عنه للأسباب التالية :<br />
<br />
<b>يمكنـــك معرفـــة مايلــــــي :</b><br />
<ul style="text-align: right;">
<li>عدد زوار موقعك خلال اليوم والأسبوع والسنة وحتى الساعة</li>
<li>مصدر قدوم زوار موقعك (روابط مباشرة، محركات البحث)</li>
<li>المنطقة الجغرافية لمصدر قدوم زوار موقعك (البلد، المنطقة، القارة)</li>
<li>اللغة التي يستخدمها زوار موقعك</li>
<li>انظمة التشغيل التي يستخدما الزوار</li>
<li>برامج التصفح المستعملة</li>
<li>الكلمات المفتاحية التي اوصلت الزائر الى موقعك</li>
<li>مرات مشاهدة الصفحة</li>
<li>الصفحات الأكثر مشاهدة</li>
<li>معرفة المتواجدون بالوقت الحقيقي على موقعك ومصدر قدومهم والكلمات المفتاحية المستخدمة في ذالك</li>
<li>النسبة المئوية لمصدر قدوم الزوار محركات البحث ، شبكات اجتماعية، زيارات مباشرة</li>
</ul>
برنامج برنامج analytics في تطوير دائم حيث اتاحت شركة جوجل امكانية الإشتراك بسوم منخفضة وعرض موقعك على خبراء تحليل اداء المواقع وتطويرها. <br />
<br /></div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com0tag:blogger.com,1999:blog-5370386071899968358.post-7195523679870991852012-10-27T13:30:00.000-07:002012-10-27T13:30:15.463-07:00برنامج google Adwords<div dir="rtl" style="text-align: right;" trbidi="on">
جوجل adwords هو برنامج اعلاني تابع لشركة google يعمل بالتوازي مع برنامج <a href="http://blogger-onlin.blogspot.com/2012/10/google-adsense.html" target="_blank">google adsense</a> وهو يسمح لأي شخص بالترويج لمنتوج أو نشاط معين على شبكة الإنترنت مقابل مبالغ مادية يتم تحديدها حسب الميزانية اليومية للحملة الإعلانية.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZlJ1RWJluEouPc5PaexTFkBKy9_fOjxP_k4e1Oyve2JdtOcU7y5nPJ12TNWe2si5F4rB2R4-lQ5JqR1Z_S0W_O034TkKcB4WIF6jeutNwiz7f8WxDMXaXOmbrryrTORCzCdEtxOUp6Ss/s1600/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC+google+Adwords.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZlJ1RWJluEouPc5PaexTFkBKy9_fOjxP_k4e1Oyve2JdtOcU7y5nPJ12TNWe2si5F4rB2R4-lQ5JqR1Z_S0W_O034TkKcB4WIF6jeutNwiz7f8WxDMXaXOmbrryrTORCzCdEtxOUp6Ss/s400/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC+google+Adwords.png" width="400" /></a></div>
<br />
الحملات الإعلانية التي يقوم بانشائها مشتركي برنامج جوجل adwords بدورها تعرض على مواقع مشتركي برنامج جوجل Adsense .<br />
<br />
يتم تنشيط الحملات الإعلانية وبدأ عرض اعلانات مشتركي البرنامج مباشرة بعد دفع مبلغ الميزانية التي يتم تحديدها من صاحب الحملة الإعلانية نفسه والتي يبلغ الحد الأدنى فيها 1دولار .<br />
<br />
تؤثر الميزانية التي يتم تحديدها من طرف المعلن المشترك ببرنامج جوجلadwords على سعر الضغطة التي يتلقاها ناشر اعلانات ادسنس .<br />
<br />
رابط البرنامج :<a href="http://adwords.google.fr/" target="_blank"> جوجل Adwords</a></div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com0tag:blogger.com,1999:blog-5370386071899968358.post-1767714105064621982012-10-26T06:20:00.001-07:002012-10-26T06:20:58.653-07:00برنامج google adsense<div dir="rtl" style="text-align: right;" trbidi="on">
جوجل ادسنس google adsense هو برنامج اعلاني تابع لشركة google يسمح لأصحاب المواقع والمدونات بنشر اعلانات على مواقعهم مقابل حصولهم على مبالغ مالية عن كل عملية نقر تتم على الإعلان او حسب مرات مشاهدة الإعلان.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5gmfNLYbdtVP4z9r23Ir3PcHov447cnebbOX5WyXNJp2K_WwF_nEbIern9FZA_x_gK9x1e7R-ODR0PtAwyx0VubJ2Xae54S1eMs2tGLtAANb0OOm3xgCl51WvrkIREXLQWS1inhO68I0/s1600/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC+google+adsense.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5gmfNLYbdtVP4z9r23Ir3PcHov447cnebbOX5WyXNJp2K_WwF_nEbIern9FZA_x_gK9x1e7R-ODR0PtAwyx0VubJ2Xae54S1eMs2tGLtAANb0OOm3xgCl51WvrkIREXLQWS1inhO68I0/s320/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC+google+adsense.png" width="320" /></a></div>
<br />
يتقدم صاحب الموقع بطلب الإشتراك في برنامج ادسنس بحيث تقرر الشركة قبوله من عدمه حسب جودة محتوى وتصميم الموقع وعند قبوله أو رفضه يتم اشعاره عن طريق البريد الإلكتروني .<br />
<br />
ليقوم بعدها الناشر بنشر وحدات اعلانية مختلفة، عبارة عن روابط نصية او صور متحركة او فلاش أو مقاطع فيديو ويتم استهداف الإعلانات وفقا للمحتوى .<br />
<br />
<span style="color: #e06666;"><b>لماذا اشترك ببرنامج جوجل ادسنس ؟</b></span><br />
<br />
<ol style="text-align: right;">
<li>يسمح لصاحب الموقع بالحصول على عائد مادي مقابل الجهد الذي يبذله في تطوير موقعه</li>
<li>يساعد اصحاب الشركات الصغيرة<b> </b>على تنمية مشاريعهم عبر شبكات الإنترنت </li>
<li>يشجع المدونين على بذل المزيد من الجهد وكتابة محتوى جيد</li>
<li>التحفيز على التنافس النزيه بانشاء مواقع ومدونات جيدة </li>
</ol>
<span style="color: #e06666;"><b>ملاحظة : </b></span>برنامج جوجل ادسنس يعمل بالتوازي مع برنامج google adwords <br />
<br />
<br /></div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com2tag:blogger.com,1999:blog-5370386071899968358.post-60532217423749348412012-10-26T06:00:00.001-07:002012-10-26T06:00:38.325-07:00خدمة google alerts<div dir="rtl" style="text-align: right;" trbidi="on">
تنبيهات جوجل أو google alerts هي احدى خدمات شركة google الرائعة والفريدة وهي تلعب دور المنبه فهي تنبه المستخدم الى صدور معلومة جديدة حول اي شىء على شبكة الإنترنت.<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/AVvXsEjD7KUtGVbaf09wS8yqSpbvRPV7PBOs7SoG6RXlzxwwRKMGWudNCW_b1EgN7mZlQkQsw9oRGuPs27Kry5I0Q9FEiINlUoyHBwo_9jctO8BsVJw_ftrccFCEe5i-5AxuqOeAkCkPO8V7tjc/s1600/%D8%AE%D8%AF%D9%85%D8%A9+google+alerts.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD7KUtGVbaf09wS8yqSpbvRPV7PBOs7SoG6RXlzxwwRKMGWudNCW_b1EgN7mZlQkQsw9oRGuPs27Kry5I0Q9FEiINlUoyHBwo_9jctO8BsVJw_ftrccFCEe5i-5AxuqOeAkCkPO8V7tjc/s320/%D8%AE%D8%AF%D9%85%D8%A9+google+alerts.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">مصدر الصورة googleenterprise</td><td class="tr-caption" style="text-align: center;"><br /></td></tr>
</tbody></table>
<br />
على ان يقوم المستخدم بضبط المنبه على الكلمة او الجملة التي يود معرفة المزيد حولها على سبيل المثال انا مهتم بمتابعة جديد هواتف نوكيا على شبكة الإنترنت اذا نقوم بضبط المنبه او البرنامج google alerts على كلمة "نوكيا" وهو يقوم بارسال رسالة الكترونية عبر البريد كلما كتب أحد حول هذه الكلمة "نوكيا"<br />
<br />
<span style="color: #e06666;"><b>لماذا نستخدم خدمة تنبيهات google؟</b></span><br />
<ul style="text-align: right;">
<li> مراقبة مقالة إخبارية متطورة</li>
<li> البقاء على اطلاع بالأحداث الحالية الخاصة بمنافس أو صناعة</li>
<li>الحصول على آخر الأخبار حول أحد المشاهير أو حدث ما</li>
<li>مراقبة تطور فرقك الرياضية المفضلة </li>
</ul>
رابط الخدمة :<a href="http://www.google.com/alerts?hl=ar" target="_blank"> تنبيهات جوجل </a></div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com0tag:blogger.com,1999:blog-5370386071899968358.post-16845408419664659402012-10-26T03:43:00.001-07:002012-10-26T03:43:52.200-07:00برنامج أو تطبيق google docs <div dir="rtl" style="text-align: right;" trbidi="on">
تطبيق google docs هو خدمة تابعة لشركة جوجل نقوم من خلالها بتخزين ملفاتنا بمختلف صيغها (فيديو، تطبيقات، صور، مستندات ....الخ )على شبكة الإنترنت والوصول اليها في أي وقت من أي جهاز كومبيوتر موصول بالشبكة.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNCLH2pKX_zJfdpDH0-OfFlH-Oorf19peLef6Sdu8PNDH0AZudchh3D5c_Hk867FzXJPGS9urkIfuTJ5tsi_NZDGoUMfD_eU5qtqLzrVJEr8o0PK6dk0ebFc2FcHDm_lmGfzslDbtl9Ys/s1600/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC+%D8%A3%D9%88+%D8%AA%D8%B7%D8%A8%D9%8A%D9%82+google+docs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNCLH2pKX_zJfdpDH0-OfFlH-Oorf19peLef6Sdu8PNDH0AZudchh3D5c_Hk867FzXJPGS9urkIfuTJ5tsi_NZDGoUMfD_eU5qtqLzrVJEr8o0PK6dk0ebFc2FcHDm_lmGfzslDbtl9Ys/s320/%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC+%D8%A3%D9%88+%D8%AA%D8%B7%D8%A8%D9%8A%D9%82+google+docs.png" width="320" /></a></div>
<br />
كما يمكننا من خلال هذا التطبيق انشاء مستندات وقرائتها مباشرة على شبكة الإنترنت مع امكانية نشرها على الشبكة وجعلها ظاهرة للجميع أو جعلها خاصة.<br />
<br />
<span style="color: #e06666;"><b>ماذا يفيدنا هذا البرنامج؟</b></span><br />
<br />برنامج أو تطبيق google docs يسمح لنا بـــ<br />
<ul style="text-align: right;">
<li>تخزين ملفاتنا على شبكة الإنترنت والوصول اليها من بواسطة كلمة السر من اي جهاز موصول بالشبكة</li>
<li>مشاركة الملفات مع الأخرين عبر شبكة الإنترنت</li>
<li>انشاء مستندات وقرائتها ونشرها مباشرة على الشبكة</li>
</ul>
<br />
الرابط الإلكتروني :<a href="https://drive.google.com/?hl=fr#my-drive" target="_blank"> google docs </a> <br />
<br />
ملحق : مؤخرا تم اضافة تطبيق اسمه google Drive تابع لخدمة google docs ويتم تثبيته على جهاز الكومبيوتر لمزامنة الملفات المخزنة على الشبكة.</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com3tag:blogger.com,1999:blog-5370386071899968358.post-33285926119829750432012-10-24T14:04:00.000-07:002012-10-24T14:25:50.889-07:00تغيير أعمدة مدونة ذؤيب من اليمين الى اليسار والعكس<div dir="rtl" style="text-align: right;" trbidi="on">
قالب مدونة ذؤيب هو احدى القوالب التي يستخدمها الكثير من أصحاب مدونات blogger لما تتميز به من مميزات رائعة سواء فيما يتعلق بتنسيق المدونة أو لون وحجم الخط أو الإضافات الجميلة التي تحتويها.<br />
<br />
لكن بالرغم من تميز القالب الا ان هناك الكثير العوائق التي تحول دون استخدامه بارتياح لأنه لا يدعم بعض خصائص لوحة البلوجر الجديدة مثل "مصمم النماذج" الذي يسمح بتعديل قوالب بلوجر بشكل رائع وبدون تحرير جسم html للمدونة .<br />
<br />
والتي من خلالها يمكننا ازاحة اعمدة المدونة من اليمين الى اليسار أو من اليسار الى اليمين وهو ما نحتاج اليه في تغيير اعمدة قالب مدونة ذؤيب.<br />
<br />
ولأنني من مستخدمي هذا القالب فقد صادفت نفس المشكلة لكن بحمد الله قمت بتغيير الأعمدة بمساعدة مدونة "بوابة البلوجر" وأصبح شكل مدونتي أفضل مما كان عليه في السابق.<br />
<br />
<b><span style="color: #0b5394;">كيفية القيام بذالك ؟</span></b><br />
<b><br /></b>
من لوحة التحكم اختر <b>قالب </b>ثم اختر <b>تحرير Html</b> ثم <span style="color: #cc0000;">متابعة</span><b> </b>ثم <span style="color: #0b5394;">توسيع قوالب عناصر واجهة المستخدم</span> وقم بالبحث عـــن الكـــــــــــــــود التالـــــــــــــــــــــــــــــــــــــي : #sidebar {<br />
<br />
ستجده على الشكل التالـــــــــــــــــــــــــــــي :<br />
<br />
<br />
<blockquote class="tr_bq" style="background-color: #eeeeee; border-bottom-right-radius: 9px; border-top-left-radius: 9px; border: 1px solid rgb(144, 192, 223); margin: 10px 0px; padding: 10px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">/* Sidebar*/</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">#sidebar {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>width:320px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="color: #333333; white-space: pre;"> </span><span style="color: #333333;">float:</span><b>right</b><span style="color: #333333;">;</span></span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0px 0px 0px 0px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
</div>
</blockquote>
<br />
نقوم بتغيير كلمة <b style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">right </b><span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;">الى كلمة <b>left </b></span><br />
<span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;"><b><br /></b></span>
<span style="background-color: white; font-family: Tahoma; font-size: 12px; line-height: 18.5px;"><b> </b>ثم نقوم بالبحث عن الكـــــــــــــــــــــــود التــــــــــــــــــــــــــالـــــي : </span><span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">#headline { </span></span><br />
<span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><br /></span></span>
<span style="font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">الذي سنجده أيضا بهذا الشكـــــــــــــل : </span></span><br />
<br />
<blockquote class="tr_bq" style="background-color: #eeeeee; border-bottom-right-radius: 9px; border-top-left-radius: 9px; border: 1px solid rgb(144, 192, 223); margin: 10px 0px; padding: 10px;">
<div style="margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;">/</span><span style="font-size: 12px; line-height: 18.5px;">#headline {</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>width:590px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>float:<b>left</b>;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:#fff;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:10px;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>font-size:1.05em;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>line-height:1.5em;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0;</span></span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #333333; font-family: Tahoma;"><span style="font-size: 12px; line-height: 18.5px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</span></span></div>
<div>
<br /></div>
</div>
</blockquote>
<br />
مرة أخرى نقوم بتغيير كلمة <b>left </b>الى كلمة <b>right </b>وبهذه الخطوة نكون قد انتهينا من ازاحة اعمدة القالب من الجهة اليمنى الى الجهة اليسرى .<br />
<br />
الأن نقوم بحفظ القالب ومعاينة الشكل الجديد للمدونة .<br />
<br />
اذا أردنا القيام بالعملية العكسية أي ازاحة العمود من اليسار الى اليمين ما علينا سوى القيام بنفس الخطوات لكن نقوم بتغيير الكلمات عكس ما فعلناه في المرحلة الأولى : أي من <b style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;">left </b><span style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;">الى </span><b>right </b> و من <b>right </b>الى <b style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;">left </b><span style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;">.</span><br />
<span style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;"><br /></span>
<span style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;"><b><span style="color: #0b5394;">الفرق بين العمود على اليمين والعمود على يسار القالب</span></b></span><br />
<span style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;"><br /></span>
<span style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;">لو لاحظنا معظم المواقع والمدونات الكبيرة باللغة العربية نجد أن العمود على الجهة اليسرى والذي عادة ما يحتوي على الإعلانات أو روابط نصية أو أقسام الموقع أو اضافات مثل المواضيع الأكثر مشاهدة، أخر الأخبار، اخر التعليقات .... الخ.</span><br />
<span style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;"><br /></span>
<span style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;">وهذا لأن المتصفح العربي يقوم بقراءة اسطر اللغة العربية من اليمن الى اليسار وبهذا تكون الإعلانات أو أقسام المواقع أو الإضافات مقابلة لعين المتصفح (الزائر) فييقوم بالنقر عليها.</span><br />
<span style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;"><br /></span>
<span style="font-family: Tahoma; font-size: 12px; line-height: 18.5px;">والعكس تماما عندما تكون المواع أو المدونات مكتوبة بلغة أجنبية من اليسار الى اليمين نجد ان العمود يكون عادة على يمين الصفحة ويمكنك ملاحظة ذالك عبر الكثير من المواقع والمدونات. </span></div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com13tag:blogger.com,1999:blog-5370386071899968358.post-22461281073969605482012-10-23T15:26:00.002-07:002012-10-23T15:26:28.529-07:00تغيير مؤشر زر الماوس على البلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
الكثير منا يرغب في تحسين وتطوير مدونته وتجميلها بشكل مستمر وذالك بتغيير مظهرها واضافة المؤثرات المختلفة وادخال تعديلات القوالب في الألوان وحجم ونمط الخطوط والبعض الأخر قد يرغب في تغيير مؤشر زر الماوس .<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEk5nXMUaJP_HJrOAXyc1rKQaNT92c-E1c1AQBTQmPPV8-cYpHQabYfRWFQtls9KXeXywz1IWayJ3JNgebz7YBQl6iQvzadhQ3yeIfrXXgKhFPqQYNqAbpuS8nyNrYljYEMnxhI5rvHaaA/s1600/01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEk5nXMUaJP_HJrOAXyc1rKQaNT92c-E1c1AQBTQmPPV8-cYpHQabYfRWFQtls9KXeXywz1IWayJ3JNgebz7YBQl6iQvzadhQ3yeIfrXXgKhFPqQYNqAbpuS8nyNrYljYEMnxhI5rvHaaA/s200/01.jpg" width="200" /></a></div>
لهذا نتحدث اليوم عن كيفية تغيير مؤشر زر الماوس الى الشكل أو النمط الذي نريد بخطوات بسيطة ولا تتطلب الكثير من الوقت .<br />
<br />
<b>أولا : </b>من لوحة التحكم نختار التخطيط أو تصميم في بعض المدونات ثم نختار تحرير html ونقوم كالمعتاد بحفظ نسخة من القالب ثم نقوم بتوسيع القالب بالضغط على<b> <span class="Apple-style-span" style="background-color: white; color: #333333; font-family: "trebuchet ms", verdana, arial, sans-serif; font-size: x-small;"> <label for="expandWidgets">توسيع قوالب عناصر واجهة المستخدم.</label></span></b><br />
<b><span class="Apple-style-span" style="background-color: white; color: #333333; font-family: "trebuchet ms", verdana, arial, sans-serif; font-size: x-small;"><label for="expandWidgets"><br /></label></span></b><span class="Apple-style-span" style="background-color: white; color: #333333; font-family: "trebuchet ms", verdana, arial, sans-serif;"><label for="expandWidgets"><b>ثانيا </b>: نبحث عن الكود التالي :</label></span><br />
<br />
<blockquote class="tr_bq" style="text-align: center;">
<br /> ]]></b:skin></blockquote>
<br />
نقوم مباشرة بلصق الكود التالي قبل الكود السابق :<br />
<br />
<blockquote class="tr_bq" style="text-align: center;">
body, a, a:hover {cursor: url(http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif), progress;}<br /> </blockquote>
<br />
<br />
ونقوم بحفظ القالب ومعاينة المدونة لنلاحظ تغير مؤشر زر الماوس بالمدونة التي قمنا باضافة الكود لها فقط.<br />
<br />
يمكننا تغيير الأيقونة المتحركة والتي هي عبارة عن صورة من نوع gif من خلال الرابط التالي :<br />
<span class="Apple-style-span" style="background-color: white; color: #cc0033; font-family: Verdana; font-size: 12px;"><strong style="margin: 0px; padding: 0px;"><br /></strong></span><span class="Apple-style-span" style="background-color: white; color: #cc0033; font-family: Verdana; font-size: 12px;"><strong style="margin: 0px; padding: 0px;">http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif</strong></span><br />
<span class="Apple-style-span" style="background-color: white; color: #cc0033;"><strong style="margin: 0px; padding: 0px;"><span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><br /></span></strong></span><span class="Apple-style-span" style="font-family: inherit;">لكن السؤال المطروح هو من اين يمكننا الحصول على الأيقونات المتحركة طبعا ستحصل على الجواب بعد زيارتك لهذين الموقعين .</span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #cc0033; font-family: Verdana; font-size: 12px;"><strong style="margin: 0px; padding: 0px;"><br /></strong></span><span class="Apple-style-span" style="color: #cc0033; font-family: Verdana; font-size: large;"><b>. </b></span><span class="Apple-style-span" style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; line-height: 22px;"><a href="http://www.totallyfreecursors.com/" style="color: #26a5da; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;">Totally Free Cursors</a> :</span><br />
<span class="Apple-style-span" style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; line-height: 22px;"><br /></span><span class="Apple-style-span" style="background-color: white; font-family: Verdana; line-height: 22px;"><span class="Apple-style-span" style="color: red; font-size: large;"><b>. </b></span></span><span class="Apple-style-span" style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; line-height: 22px;"><a href="http://cursors.funutilities.com/" style="color: #26a5da; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;">http://cursors.funutilities.com/</a> : </span><br />
<span class="Apple-style-span" style="background-color: white; line-height: 22px;"><span class="Apple-style-span" style="font-family: inherit;"><br /></span></span><span class="Apple-style-span" style="background-color: white; line-height: 22px;"><span class="Apple-style-span" style="font-family: inherit;">موقعين يحتويان على ألاف الأيقونات المتحركة الخاصة بزر الماوس التي يمكنك تحميلها واختيار ما يناسبك منها.</span></span><br />
<span class="Apple-style-span" style="background-color: white; line-height: 22px;"><span class="Apple-style-span" style="font-family: inherit;"><br /></span></span></div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com0tag:blogger.com,1999:blog-5370386071899968358.post-11016690122918734992012-10-22T13:25:00.000-07:002012-10-22T13:26:42.627-07:00انشاء مدونة ناجحة على blogger<div dir="rtl" style="text-align: right;" trbidi="on">
ان انشاء مدونة ناجحة تحتوي على مواضيع تحتل مراتب متقدمة بمحركات البحث لن تكون الا باحترام تخصص معين للمدونة واستهداف كلمات مفتاحية محددة او ما يسمى بـ "النيتش".<br />
<br />
على سبيل المثال نود انشاء أو تصميم مدونة مخصصة للحديث عن<a href="http://wabwibe.blogspot.com/search/label/%D8%A8%D9%84%D9%88%D8%AC%D8%B1" target="_blank"> مدونات بلوجر</a> يجب اخذ بعين الإعتبار الخطوات الأتية:<br />
<span style="color: #0b5394;"><br /></span>
<br />
<div style="text-align: center;">
<div style="text-align: right;">
<span style="color: #0b5394;"><b>أولا اختيار نطاق يحتوي على الكلمة المفتاحية الرئيسية </b></span></div>
</div>
<div style="text-align: center;">
<div style="text-align: right;">
<br /></div>
</div>
"بلوجر" وهذا أمر في غاية الأهمية فمحركات البحث أول شىء تنظر اليه أثناء عملية ترتيب الصفحات هو نطاق الصفحة فليكن على سبيل المثال blogger-arabe أو myblogger أو theblogger أو bloggerweb أو غيرها من اسماء النطاقات المتاحة طبعا والتي تحتوي الكلمة الرئيسية.<br />
<span style="color: #0b5394;"><br /></span>
<br />
<div style="text-align: center;">
<div style="text-align: right;">
<span style="color: #0b5394;"><b>ثاني شىء هو اختيار اسم للمدونة </b></span></div>
</div>
<div style="text-align: center;">
<div style="text-align: right;">
<br /></div>
</div>
والذي عادة ما يكون مطابق لإسم النطاق مثال اذا كان اسم النطاق هو bloggerweb فاسم المدونة طبعا هو بلوجر واب .<br />
<br />
<div style="text-align: center;">
<div style="text-align: right;">
<span style="color: #0b5394;"><b>ثالثا يجب أخذ بعين الإعتبار الكلمة المفتاحية الرئيسية </b></span></div>
</div>
<div style="text-align: center;">
<div style="text-align: right;">
<br /></div>
</div>
التي تدور حولها مواضيع المدونة والتي هي كلمة "بلوجر" وكل المواضيع يجب أن تحتوي على عناوين تضم الكلمة المفتاحية الرئيسية "بلوجر" كما يجب ان تكون جل مواضيع أو مقالات المدونة تتحدث عن كل شىء له علاقة بمدونات بلوجرعلى سبيل المثال المواضيع التي يمكن اختيارها تكون تحمل العناوين التالية :<br />
<br />
<ul style="text-align: right;">
<li>كيفية انشاء مدونة بلوجر</li>
<li><br /></li>
<li>اشهار مدونة بلوجر</li>
<li><br /></li>
<li>ربح المال من مدونة بلوجر</li>
<li><br /></li>
<li>التسويق عبر مدونات بلوجر</li>
<li><br /></li>
<li>اضافة اعلانات ادسنس الى البلوجر</li>
<li><br /></li>
<li>ترقيم صفحات بلوجر</li>
<li><br /></li>
<li>تحميل قوالب البلوجر</li>
</ul>
<br />
الى غيرها من العناوين التي تضم الكلمة المفتاحية الرئيسية كما تحدثنا عنه سابقا.<br />
<h2 style="text-align: right;">
<span style="color: #0b5394; font-size: small;">رابعا انشاء عدة اقسام للمدونة كلها تحمل الكلمة المفتاحية الرئيسية</span></h2>
<h2>
<div style="text-align: center;">
<div style="text-align: right;">
<span style="color: #0b5394; font-size: small;">مثال على ذالك</span></div>
</div>
<span style="font-size: small;"><ul style="text-align: right;">
<li style="font-weight: normal;">أدوات بلوجر</li>
<li><span style="font-weight: normal;"><br /></span></li>
<li><span style="font-weight: normal;">اضافات بلوجر</span></li>
<li><br /></li>
<li><span style="font-weight: normal;">قوالب بلوجر</span></li>
<li><br /></li>
<li><span style="font-weight: normal;">أخبار بلوجر</span></li>
</ul>
<span style="font-weight: normal;">وبدون أن ننسى أو نهمل الجانب الأكثر أهمية وهو نشر رابط المدونة ومواضيعها بالأقسام الخاصة بمدونات البلوجر سواء بالمنتديات أو المدونات أو حت صفحات الشبكات الإجتماعية.</span><br /><br /><span style="font-weight: normal;">بالرغم من معرفتي المتواضعة بخبايا علم السيو أو تهيئة المواقع لمحركات البحث الا أنه ومن خلال تجربتي المتواضعة أنا متيقن من أنه ان قمت بتطبيق ماذكرناه سوف تحصل على ترتيب جيد لكل مواضيع مدونتك على محرك البحث جوجل وسيكون لكل موضوع أومقال تكتبه نصيب من الزيارات اليومية الناتجة عن عمليات البحث التي تتضمن كلمة "بلوجر"</span></span></h2>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com1tag:blogger.com,1999:blog-5370386071899968358.post-80272709797152104792012-10-21T02:57:00.000-07:002012-10-21T02:57:01.808-07:00اضافة زر twitter الى مدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
اعلم أن هناك الكثير من الطرق التي يمكننا من خلالها اضافة مختلف أزرار موقع تويترمثل زر"tweeter " أو زر "تابعني على تويتر" الى مدونات بلوجر.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIk6AkhlzvPx19ORaa_EVj3c639lU5n9mFnormYkqqIh43GJycS_ajOh_YKv7_VvpAL3uGiE_ZtdYHEFlULIOsiYaqHyS1hkYML_hNn86svRKjzL_E7a5Rd9-2FgUBD2B2VNcs4RkawpFP/s1600/13-01-2012+10-42-10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIk6AkhlzvPx19ORaa_EVj3c639lU5n9mFnormYkqqIh43GJycS_ajOh_YKv7_VvpAL3uGiE_ZtdYHEFlULIOsiYaqHyS1hkYML_hNn86svRKjzL_E7a5Rd9-2FgUBD2B2VNcs4RkawpFP/s320/13-01-2012+10-42-10.png" width="320" /></a></div>
<br />
لكن اليوم لدينا طريقة حديثة وسهلة جدا لا تتطلب مضيعة الوقت بل بخطوات بسيطة فقط يمكنك اختيار ما تريد من أزرار موقع تويتر لإضافتها الى مدونتك على البلوجر بالخطوات التالية :<br />
<br />
1 - أولا أدخل على الموقع التالي :<a href="https://twitter.com/about/resources/buttons" target="_blank"> أزرار تويتر</a><br />
<br />
2- اختر الشكل المناسب للزر الذي تود اضافته الى مدونتك<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBjbg2UI-608Wdx1R6EG-zcWsD2fEpsAUdD2JYt7t7bsKdbxQBU52sFLmowOfLRO12jWu0IwL2ENdFOLsa6QgkmTDAtBuMAnhUPiFtF3Vd9iS135EjjSpeV3AuTKQ6lOmc21_Fjb_H9OH6/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBjbg2UI-608Wdx1R6EG-zcWsD2fEpsAUdD2JYt7t7bsKdbxQBU52sFLmowOfLRO12jWu0IwL2ENdFOLsa6QgkmTDAtBuMAnhUPiFtF3Vd9iS135EjjSpeV3AuTKQ6lOmc21_Fjb_H9OH6/s400/1.png" width="400" /></a></div>
<br />
3- بعض الخيارت كاختيار اللغة .<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9eDmQJdDOE3cFpTTSejxGqkLYSaU-TAFhkfKl5jhuNsd7zRNSGwe4jZI_-H76QL90vJydRNx49UY1EedEilkwEJkiw9ugeM074C5UDzI94AklNNi8kCBvba_aQQ6gThMXIWynLfFZgiUf/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9eDmQJdDOE3cFpTTSejxGqkLYSaU-TAFhkfKl5jhuNsd7zRNSGwe4jZI_-H76QL90vJydRNx49UY1EedEilkwEJkiw9ugeM074C5UDzI94AklNNi8kCBvba_aQQ6gThMXIWynLfFZgiUf/s1600/1.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
4 - وأخيرا نسخ الكود<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4VvhHfAsng3iW38RBRFgKOYEkC7IfeLXeeG461IS_pPPgBWDyHf_5BlaovUzwXfkH4KCHOIbAJJNwK-YSVDZmnIGfF9oSxEMIjkZ14h_rVECfMf7YDbHgDzgv2cfmgxqP6LAw-kd6ZZGK/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4VvhHfAsng3iW38RBRFgKOYEkC7IfeLXeeG461IS_pPPgBWDyHf_5BlaovUzwXfkH4KCHOIbAJJNwK-YSVDZmnIGfF9oSxEMIjkZ14h_rVECfMf7YDbHgDzgv2cfmgxqP6LAw-kd6ZZGK/s1600/1.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
5 - الأن اذهب مدونتك وألصق الكود أنى شئت بحيث يمكنك اضافة أداة جديدة ولصق الكود على الجوانب أو بالأعلى أو بأسفل المدونة<br />
<br />
لكن الأفضل هو دئما اما تحت عنوان موضوع الرسالة أو المشاركة أو بعد نهاية الموضوع ولعمل ذالك اتبع مايلي:<br />
<br />
1 - قم بتحرير html لمدونتك ثم ابحث عن الكود التالي :<br />
<br />
<blockquote class="tr_bq">
&lt;div class='post-header-line-1'/&gt;</blockquote>
<br />
2- قم بلصق الكود السابق تحته مباشرة( هذا في حالة أردت ظهور الزر بعد عنوان الموضوع)<br />
<br />
3 - أما في حالة أردت ظهور الزر بعد نهاية الموضوع أو المشاركة ابحث عن الكود التالي :<br />
<br />
<blockquote class="tr_bq">
&lt;data:post.body/&gt;</blockquote>
<br />
4 - ألصق الكود السابق الذي تحصلت عليه من الموقع بعده مباشرة واحفظ .<br />
<br />
ان أعجبك الموضوع فلا تنسى أن تقوم بمشاركته مع أصدقائك عبر أزرار الشبكات الإجتماعيى أسفل المشاركة ولك جزيل الشكر وأي استفسار انا جاهز ياسيدي.</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com0tag:blogger.com,1999:blog-5370386071899968358.post-2807120816568495432012-10-20T13:22:00.001-07:002012-11-02T12:30:54.066-07:00تحميل قالب مدونة ذؤيب <div dir="rtl" style="text-align: right;" trbidi="on">
قالب مدونة ذؤيب هو من بين أفضل قوالب بلوجر التي نالت نجاحا كبيرا وانتشارا واسعا وسط المدونين حيث اصبح عدد كبير من مستخدمي blogger يعتمدون على القوالب الجاهزة والتي تتوفر على الأدوات والإضافات الضرورية لمدونات بلوجر.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgM4iKEFhthnRO3WVazIV0bc96-4oRNxJ-p616Qn12Ar3k9yu_PDyrwu25srBsNgrQwZccxns45QTzUnE95i3zCVOPmvtegOfrfW5s2IDQ1SVvif2blYWnsMHzBvZmEJ0GyBtIPnW35jI/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgM4iKEFhthnRO3WVazIV0bc96-4oRNxJ-p616Qn12Ar3k9yu_PDyrwu25srBsNgrQwZccxns45QTzUnE95i3zCVOPmvtegOfrfW5s2IDQ1SVvif2blYWnsMHzBvZmEJ0GyBtIPnW35jI/" /></a></div>
<br />
<b>قالب مدونة ذؤيب </b><br />
يحتوي قالب مدونة ذؤيب على اضافات جميلة جدا وادوات مختارة وانيقة منها<br />
<ul style="text-align: right;">
<li>ايقونات مواقع التواصل الأجتماعي</li>
<li>المشاركات الشائعة معدلة بطريقة جيدة</li>
<li>اداة اقرأ المزيد بطريقة الية (صورة مصغرة)</li>
<li>اداة تابعني بالبريد الإلكتروني</li>
<li>اداة مواضيع ذات صلة من اليمين الى اليسار (اضافة انيقة)</li>
</ul>
<b>مميزات القالب :</b><br />
يتميز القالب بــــ<br />
<ul style="text-align: right;">
<li>صديق لمحركات البحث</li>
<li>خط مميز وملائم </li>
<li>الوان متناسقة وملائمة </li>
<li>تصميم القالب يتلائم وعرض اعلانات ادسنس</li>
</ul>
<div>
<a href="http://blogger-storm.blogspot.com/" target="_blank"> معاينة القالب</a> <a href="https://docs.google.com/file/d/0B_FbGj1YVzrHLVRGX3EyZ3J4bXc/edit" target="_blank"> تحميل القالب </a></div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com7tag:blogger.com,1999:blog-5370386071899968358.post-457368846561915652012-10-20T12:26:00.000-07:002012-10-21T02:48:59.170-07:00تحميل قالب مدونة ابو اياد <div dir="rtl" style="text-align: right;" trbidi="on">
تحميل قالب مدونة ابو اياد المتميز الذي يحتوي على العديد من الأدوات والإضافات الجميلة التي تجعل المدونة تظهر بشكل انيق واحترافي للزائر، قالب مدونة ابو اياد تم تطويره خصيصا ليتلائم مع مدونات blogger.<br />
<br />
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpwcSUD0mEY3FPOukD4ZZMtrtDDomDeyRtDXBSFBk8hSJXTw1xg17S3c_L7gwtFMkNMKzCWnhOhbyAZ3Ubk0sSS101lFuo4wQg6bi0iJkUL6NW44qI2Wsx7KGhZWFuq6Q1EWMZthHLnhrT/s1600/baner+abu+iyad.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpwcSUD0mEY3FPOukD4ZZMtrtDDomDeyRtDXBSFBk8hSJXTw1xg17S3c_L7gwtFMkNMKzCWnhOhbyAZ3Ubk0sSS101lFuo4wQg6bi0iJkUL6NW44qI2Wsx7KGhZWFuq6Q1EWMZthHLnhrT/s1600/baner+abu+iyad.png" /></a></div>
<br />
<div>
<b>قالب مدونة أبو اياد يحتوي على العديد من الأدوات الضرورية لكل مدونة وهي :</b></div>
<div>
<ul style="text-align: right;">
<li>اداة اقرأ المزيد بطريقة الية (شكل مميز)</li>
<li>ايقونات الشبكات الإجتماعية أسفل كل تدوينة</li>
<li>ادة تظهر عدد التعليقات لكل تدوينة بشكل مميز</li>
<li>اداة تبرز اخر التعليقات على الجهة اليسرى للمدونة</li>
<li>شريط لوحة تحكم البلوجر بارز على الصفحة الرئيسية للمدونة</li>
<li>أزرار التنقل داخل المدونة بشكل عائم</li>
<li>مربع بحث google مميز</li>
</ul>
</div>
<div>
<b>كما يتميز القالب بمميزات فريدة منها</b></div>
<div>
<ul style="text-align: right;">
<li>صديق لمحركات البحث </li>
<li>أرشفة سريعة لمواضيع المدونة بمحركات البحث</li>
<li>قالب يتوافق مع عرض اعلانات ادسنس</li>
<li>قالب بثلاث اعمدة</li>
<li>ظهور الصور بطريقة رائعة</li>
<li>خط مميز وملائم </li>
<li>الوان متناسقة </li>
</ul>
<div>
<a href="http://tajriba-abu-iyad.blogspot.com/" target="_blank">معاينة القالب </a> <a href="https://sites.google.com/site/lightbox007/templates/template-abuiyad22-05-11.xml?attredirects=0" target="_blank"> تحميل القالب </a></div>
</div>
</div>
</div>
eventshttp://www.blogger.com/profile/12435867051168086154noreply@blogger.com18