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

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > قوالب بلوجر > قوالب بلوجر عربية ومعربة


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 08-06-2012, 11:22 PM   #1
a7meda1a
مدون جديد
 
الصورة الرمزية a7meda1a
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 58
افتراضي قالب مدونه ابو اياد بتعديلات جديده

أنا : a7meda1a






انزل في اخر الموضوع قبل قرائته اولا





معلومات عن القالب :
  • إسم القالب الأصلي :convergence
  • تم تحويله من وورد بريس إلى بلوجر
  • تطوير وتعريب القالب : أبو إياد




مميزات القالب :
  • قالب مميز و بسيط في شكله لكنه قوي ويدعم خصائص عدة منها:
  • مناسب لعرض الفيديو والصور
  • صديق لمحركات البحث حيث يدعم Meta Tag كاملة
  • عرض الصويرات على الرئيسية مع خاصية" إقرأ المزيد" التلقائية
  • مناسب لعرض الوصلات الإشهارية كأدسنس Google Adsense ...
  • لون الخلفية هاديء وخفيف على رؤية العين .
  • يدعم خاصية التدوين المصغر .
  • يدعم خاصية تحريك الصور بشكل مائل .
  • يضم خاصية Ifram .
  • يحتوي على 3 أعمدة في أسفل القالب
  • و الكثير من المميزات الهامة ...


الإضافات والأدوات :
  • إضافة إقرأ المزيد التلقائية
  • الأزرار الإجتماعية فيسبوك ،تويتر والخلاصات
  • ترقيم الصفحات
  • مواضيع ذات صلة
  • إضافة إخفاء وإظهار التعليقات
  • إضافة السمايلات على التعليقات
  • إضافة تعريف كاتب الموضوع " بقلم فلان"
  • إضافة زر الرد على التعليقات
  • حذف خاصية " إقرأ المزيد من الصفحات الثابتة
  • خاصية الروابط التلقائية
  • فتح جميع الروابط الخارجية في صفحة جديدة
  • أيقونة Favicon

  • تعديل الميتا تاج
توجه إلى صفحة تحرير Html و في أعلى محرر القالب ستجد الأكواد الآتية، عدل ما أشير إلى إمكانية تعديله وفق بيانات مدونتك ثم احفظ قالبك.
كود بلغة HTML:
 <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='ضع هنا وصف المدونة' name='description'/>
<meta content='ضع هنا الكلمات الدلالية بين كل كلمة فاصلة ' name='keywords'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='أبو إياد' name='author'/>
<meta content='ar' name='language'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>
</b:if>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> |ضع هنا وصف مختصر للمدونة 4 أو 5 كلمات </title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
الآن سوف نتطرق للأشياء يجب عملها بعد رفع القالب على مدونتك
1.تغير صورة الهيدر .
2.تغيير التسميات والروابط للقائمة الأفقية العلوية (التي توجد في الشريط الأزرق)
3.تغيير روابط الأزرار الإجتماعية (التي توجد في الشريط الأزرق)
4.تغيير التسميات والروابط للقائمة الأفقية الرئيسية



1.1لتغيير صورة الهيدر قم بالبحث عن الرابط التالي ثم قم بإستبداله برابط صورة الهيدر الخاص بك
http://1.bp.blogspot.com/_gToJ30Luauw/TQPo6su7BdI/AAAAAAAAB1I/SSPFaOMc2kM/s1600/logo+abuiyad.png

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

كود بلغة HTML:
<div class='topnav'>
<div class='menu-top-menu-container'>
<ul class='menu' id='menu-top-menu'>
<li><a href='http://www.abu-iyad.com/'>الرئيسية </a></li>
<li><a href='http://www.abu-iyad.com/p/sitmap.html'>الفهرس</a></li>

<li><a href='http://www.abu-iyad.com/feeds/comments/default?alt=rss'>خلاصات التعليقات</a></li> 

<li><a href='http://feeds.feedburner.com/feedburner/simo'>خلاصات المواضيع</a></li> 

<li><a href='http://www.abu-iyad.com/2010/09/blog-post_09.html'>الأسئلة المتكررة</a></li> 

<li><a href='http://carte-visite-abu-iyad.blogspot.com/'>بطاقة التعريف</a></li> 

<li><a href='http://www.abu-iyad.com/p/blog-page_17.html'>إتصل بنا </a></li> 

</ul> 
</div>

3.3 لتغيير روابط الأزرار الإجتماعية قم بالبحث عن الكود التالي ثم قم بإستبدال ما لون بالأحمر بالروابط الخاصة بك على التويتر والفيسبوك و يوتوب...لإيجاد هذا الكود قم بالبحث عن السطر الأول
كود بلغة HTML:
<!-- Social Network Section -->
    <div id='sidebar_social'>
    <ul>
      <li>
               <a href='http://twitter.com/abuiyad007' target='_blank'>
          <img alt='Twitter' src='http://videonoob.fr/wp-content/themes/headlines/images/ico-social-twitter.png'/>
        </a>
      </li>
      <li>
         <a href='http://feeds.feedburner.com/feedburner/simo' target='_blank' title='rss'><img alt='RSS' src='http://img2.savourclub.com/picto/picto_rss.png'/>
 </a>
      </li>
 <li>
<a href='http://www.facebook.com/abuiyad007' target='_blank'>
          <img alt='digg' src='http://img2.savourclub.com/picto/picto_facebook.png'/>
              </a>
      </li>
      <li class='last'>
        <a href='http://delicious.com/chardo007' target='_blank'>
          <img alt='delicious' src='http://www.singlemaltsdirect.com/media/social/delicious.png'/>
</a>
      </li>
     
      <li>
        <a href='http://www.youtube.com/simochardo#p/u' target='_blank'>
          <img alt='Youtube' src='http://www.ufsc.com/images/youtube.png'/>
            </a>
      </li>
      <li>
       </li></ul>
    </div>
    <!-- /Social Network Section -->

4.4 لتغيير التسميات والروابط للقائمة الأفقية الرئيسية إبحث عن الكود التالي ثم قم بتغيير التسميات والروابط الخاصة بها .لإيجاد هذا الكود قم بالبحث عن السطر الأول
كود بلغة HTML:
<!--/header -->
    <div id='nav1'>

<div class='menu-main-menu-container'> 

<ul class='sf-menu'> 

<li><a href='http://www.abu-iyad.com/'>الرئيسية </a></li> 

<li><a href='http://www.abu-iyad.com/2010/07/widget-for-blogger-blogspot.html'>إضافات بلوجر</a></li> 

<li><a href='http://www.abu-iyad.com/p/blog-page_16.html'>أرشيف المدونة</a></li> 

<li><a href='http://www.abu-iyad.com/2010/09/blog-post_09.html'>الأسئلة المتكررة</a></li> 

<li><a href='http://carte-visite-abu-iyad.blogspot.com/'>بطاقة التعريف</a></li> 

<li><a href='http://www.abu-iyad.com/p/blog-page_17.html'>إتصل بنا </a></li> 

</ul></div>             
    </div>
    <!--/nav1-->

والآن للتعديل على خاصية تعريف الكاتب قم بالبحث عن هذا الكود ثم قم بالتعديلات الضرورية الموجودة في الكود.لإيجاد هذا الكود قم بالبحث عن السطر الأول
كود بلغة HTML:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:if cond='data:post.author == &quot;إسم الكاتب &quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='https://sites.google.com/site/lightbox007/photo/readby.jpg' width='80'/>
   <h3>بقلم <a href='http://www.abu-iyad.com/'> إسم الكاتب </a></h3>
   <p>
 تكتب هنا نبذة تعريفية عنك </p>
 </div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;إسم الكاتب 2&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='https://sites.google.com/site/lightbox007/photo/zakir.JPG' width='80'/>
   <h3>بقلم <a href='http://xxxxxxx.blogspot.com'> إسم الكاتب الثاني</a></h3>
   <p>
 تكتب هنا نبذة تعريفية عن ا لكاتب الثاني </p>
 </div>
</b:if>
</b:if>

والآن سوف تقوم بالتعديل على روابط الأزرار الإجتماعية من هذا الكود .لإيجاد هذا الكود قم بالبحث عن السطر الأول
كود بلغة HTML:
<div class='partagerAbonnement'>
   <h3>إذا أعجبك الموضوع ،شاركه مع أصدقائك</h3>
    <ul>
      <li class='partagerEmail'><a href='http://feedburner.google.com/fb/a/mailverify?uri=feedburner/simo' rel='nofollow' target='_blank'>توصل بالمواضيع الجديدة عبر بريدك الإلكتروني</a></li>
      <li class='partagerRSS'><a href='http://feeds.feedburner.com/feedburner/simo' rel='nofollow' target='_blank'> إشترك عبر الخلاصات RSS</a> </li>
      <li class='partagerTwitter'><a href='http://twitter.com/abuiyad007' rel='nofollow' target='_blank'>تابعني  على التويتر</a></li>
وأخيرا وليس آخرا لعمل تدوينات مصغرة قم بكتابة تدوينة بشكل عادي ثم قم بحفظ الرسالة ،بعدها ضع لها هذه التسمية "مصغرات تدوينية" وسوف تظهر كما في الصورة بشكل تلقائي وإذا أردت تغيير تلك التسمية بأخرى قم بالبحث عن هذا الكود وغير الكلمة ذات اللون الأحمر.
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<b:if cond='data:label.name != &quot;مصغرات تدوينية&quot;'>


لي طلبات أخيرة أتمنى التقيد بها :
1.عدم إستعمال هذا القالب في ما حرم الله أو الإتجار به
2.عدم حذف حقوق التعريب من القالب
3.ذكر مصدر القالب إذا أردت إضافته في موضوع مدونتك

ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــــــــــ
ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــــــــــــــــــــــــــــــــــــ

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

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


ولتحميل القالب بعد التعديل

http://www.mediafire.com/?u526cgbbgb68pn8


لتغيير صورة الهيدر قم بالبحث عن الرابط التالي ثم قم بإستبداله برابط صورة الهيدر الخاص بك
http://www11.0zz0.com/2012/08/06/14/928623572.png


للمعاينه
http://tanetar.blogspot.com



الدعم العربي


التعديل الأخير تم بواسطة a7meda1a ; 08-07-2012 الساعة 12:21 AM
a7meda1a غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 08-06-2012, 11:55 PM   #2
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: قالب مدونه ابو اياد بتعديلات جديده

أنا : admin




شكرا على الطرح أخي
وإن أمكن رابط للمعاينة بعد التعديلات

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 08-07-2012, 12:02 AM   #3
a7meda1a
مدون جديد
 
الصورة الرمزية a7meda1a
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 58
افتراضي رد: قالب مدونه ابو اياد بتعديلات جديده

أنا : a7meda1a




اقتباس:
المشاركة الأصلية كتبت بواسطة عثمان بن الطالب مشاهدة المشاركة
شكرا على الطرح أخي
وإن أمكن رابط للمعاينة بعد التعديلات
اكيد اتفضل
http://tanetar.blogspot.com
معلش نسيت احطه اصلي بحاول اتعلم علي الفوتوشوب شويه
فالفوتوشوب لاهيني

الدعم العربي

a7meda1a غير متواجد حالياً   رد مع اقتباس
قديم 08-07-2012, 12:23 AM   #4
q8ok
مدون نشيط
 
تاريخ التسجيل: May 2012
المشاركات: 166
افتراضي رد: قالب مدونه ابو اياد بتعديلات جديده

أنا : q8ok




شكرا على القالب ولكن هناك تعديل في رابط التويتر والفيس بوك في اعلى الصفحه

الدعم العربي

q8ok غير متواجد حالياً   رد مع اقتباس
قديم 08-07-2012, 01:35 AM   #5
a7meda1a
مدون جديد
 
الصورة الرمزية a7meda1a
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 58
افتراضي رد: قالب مدونه ابو اياد بتعديلات جديده

أنا : a7meda1a




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

الدعم العربي

a7meda1a غير متواجد حالياً   رد مع اقتباس
قديم 09-23-2012, 05:15 PM   #6
حسين توشكا
مدون جديد
 
تاريخ التسجيل: Sep 2012
المشاركات: 4
افتراضي رد: قالب مدونه ابو اياد بتعديلات جديده

أنا : حسين توشكا




رابط التحميل مش شغال
__________________

من مواضيع حسين توشكا

الدعم العربي

حسين توشكا غير متواجد حالياً   رد مع اقتباس
قديم 09-25-2012, 10:01 AM   #7
a7meda1a
مدون جديد
 
الصورة الرمزية a7meda1a
 
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 58
افتراضي رد: قالب مدونه ابو اياد بتعديلات جديده

أنا : a7meda1a




انا بقالي كتير مفتحتش المدونه جرب القالب ده ولو مش هوا جرب ده
كود بلغة HTML:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='ضع هنا وصف المدونة' name='description'/>
<meta content='ضع هنا الكلمات الدلالية بين كل كلمة فاصلة ' name='keywords'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='أبو إياد' name='author'/>
<meta content='ar' name='language'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>
</b:if>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> |ضع هنا وصف مختصر للمدونة 4 أو 5 كلمات </title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
    <b:skin><![CDATA[/*

Theme Name: Convergence
Theme URI: http://themeforest.net
Description: The place where people and information converge and create community.
Version: 1
Author: Maximus
Author URI: http://www.abu-iyad.com
Tags: community, news, industry, blog
Converted by: http://www.abu-iyad.com
*/

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

/*=== Setup ===*/
* {
    border: 0;
    margin: 0;
    padding: 0;
    outline: none;
}
body {
    background: #CFE1ED url(http://1.bp.blogspot.com/-J7fD9KEQdCw/TbMwwCjlelI/AAAAAAAACAk/EGe29Wfsd7k/s1600/backround+abu+iyad.jpg) repeat-x;

    color: #404040;
    font-family: tahoma,Arial, Verdana, Helvetica, sans-serif;
    font-size: 17px;
}
a {
    color: #FE4200;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
input, select, textarea {
    border: #cfcfcf 1px solid;
    color: #404040;
    font-size: 18px;
    padding: 3px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
li {
    list-style: none;
}
h2 {
    
    color: #222222;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 0 5px 1em;
    
}
h3 {
    color: #333333;
    font-size: 1.2em;
    margin: 0 0 .8em;
}
h4 {
    font-size: 1em;
    margin: 0 0 1em;
}
p {
    line-height: 1.5em;
    padding: 0 0 1.3em;
}
/*=== Layout ===*/
#page {
    margin: 0 auto;
    width: 975px;
}
#page-bot {
    background: url(http://lh3.ggpht.com/_4_wf1DKMvX4/TMWhljNHDCI/AAAAAAAABmM/UIZEdE-xAas/page-bot.gif) repeat-x top;
    height: 39px;
}
/*=== Header ===*/
#header{
    height: 110px;
    margin: 0 0 1px;
}
/*- Logo -*/
#header h1 {
    background: url(http://4.bp.blogspot.com/-EJjk24gNLHw/TbBTll104BI/AAAAAAAAB_0/qH_Hijuk-Hk/s1600/logo+abuiyad+original+1.PNG) no-repeat;
    float: left;
    text-indent: -9999px;
    width: 889px;
     margin : 12px 0px 0px 35px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;

}
#header h1 a {
    display:inline-block;
    height: 110px;
}
#header h1 a:hover {
    text-decoration:none;
}
/*=== Navigation ===*/
/*- Top Nav -*/
.topnav {
    font-size: 10px;
    font-weight: bold;
    height: 29px;
    width: 877px;
    overflow: hidden;
    padding: 15px 60px 0 4px;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;

   
}
.topnav li {
    background: url() no-repeat right;
    float: right;
    line-height: 30px;
}
.topnav li.first {
    background: none;
}
.topnav li.first a {
    padding: 0 7px 0 4px;
}
.topnav li a {
    color: #FFFFFF;
    display: block;
    float: right;
    padding: 0 8px 0 9px;
    text-decoration: none;
}
.topnav li a:hover,
.topnav li.active a {
    text-decoration: underline;
}    
/*- Nav1 -*/
#nav1 {
    background: url("http://2.bp.blogspot.com/-C9nInnyAPGw/TdjucKZ8axI/AAAAAAAACHo/IJhSp9RtlkI/s1600/menu+abu+iyad.png") no-repeat scroll 0 0 transparent;
    height: 52px;
    margin: 0 auto;
    padding-right: 50px;
    padding-top: 19px;
}
#nav1 ul.sf-menu li {
    position: relative;
    background: url(http://lh3.ggpht.com/_4_wf1DKMvX4/TMWhpBf10EI/AAAAAAAABmY/nt0Tp--HaVg/nav1-sep.gif) no-repeat left top;
    float: right;
    line-height: 37px;
    padding: 5px 1px 0 0;
    text-align: center;
}
#nav1 ul.sf-menu li a {
    color: #FFFFFF;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 17px;
    font-weight: bold;
   padding: 0px 10px 6px 14px;
    margin: 0 0 0;  
    text-shadow: 1px 1px 1px #100101;
    text-transform: uppercase;

}
#nav1 ul.sf-menu li a:hover {
    color: #404040;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 16px;
    font-weight: bold;
   padding: 0px 10px 6px 14px;
    margin: 0 0 0;
    text-shadow: 0 1px 0 #616F03;
    text-transform: none;
}
#nav1 ul.sf-menu li ul.sub-menu {
    border: 1px solid #000000;
    background: #272726 url(http://lh3.ggpht.com/_4_wf1DKMvX4/TMWjU7-2HsI/AAAAAAAABmc/QXyoA2c-ErY/ul_children_bg.gif) repeat-y top left;
}
#nav1 ul.sf-menu li ul.sub-menu li {
    background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWjVdQ_9aI/AAAAAAAABmg/4CF11tyu6u8/ul_children_li_bg.gif) no-repeat bottom left;
}
#nav1 ul.sf-menu li ul.sub-menu li a {
    color: #bebebe;
    text-decoration: none;
    display:block;
}
#nav1 ul.sf-menu li ul.sub-menu li a:hover {
    text-decoration: none;
    background: none;
}
#nav1 ul.sf-menu li ul.sub-menu li ul.sub-menu {
    border: 1px solid #000000;
    border-right: none;
    background: #272726 url(hhttp://lh6.ggpht.com/_4_wf1DKMvX4/TMWjV2PVgeI/AAAAAAAABmk/dmYhwjXIQwc/ul_children_ul_children_bg.gif) repeat-y top right;
}
#nav1 ul.sf-menu li ul.sub-menu li ul.sub-menu li {
    background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWjVdQ_9aI/AAAAAAAABmg/4CF11tyu6u8/ul_children_li_bg.gif) no-repeat bottom left;
}
#nav1 ul.sf-menu li ul.sub-menu li ul.sub-menu a {
    color: #bebebe;
    text-decoration: none;
}
#nav1 ul.sf-menu li ul.sub-menu
{
    margin:5px 0 0 0;
}
#nav1 ul.sf-menu li ul.sub-menu ul.sub-menu
{
    margin:-1px 0 0 7px;
}
/*=== All Columns ===*/
#columns {
    background: url("http://2.bp.blogspot.com/_-ibrE31TAQc/TaBdgFGwcfI/AAAAAAAAAFY/VMGphTMndMc/s000/content.png") repeat-y scroll 0 0 transparent;
    margin: -2px 0 0;
    padding: 0px 42px 15px;
    display: table-cell;
    display: block;
    height: auto !important;
    height: 900px;
    min-height: 900px;
}
/*=== Center Column ===*/
#centercol {
    float: right;
    width: 558px;
    padding: 0px 17px 15px;
}
/*=== left Column ===*/
#leftcol {
    float: left;
    width: 299px;
    padding: 0px -25px 45px;
}
#leftcol .widget{
   -moz-border-radius: 5px 5px 5px 5px;
    background: #ffffff;
    border: 0px solid #cfcfcf;
    margin: 0 0 5px;
    padding: 1px;
}
#leftcol .widget .widget-content{
background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    height: 1%;
    padding: 18px;
border-top:1px solid #7FC9E6;
border-left:1px solid #7FC9E6;
border-right:1px solid #7FC9E6;
border-bottom:1px solid #7FC9E6;
}
#leftcol a {
    color: #404040;
    text-decoration: none;
}
#leftcol .widget h2{
     color: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
     float: center;
    font-size: 24px;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    text-shadow: 1px 1px 1px #100101;
    line-height: 40px;
    margin: 0;
    padding: 0 42px 0 18px;
    background: url(http://1.bp.blogspot.com/-l1T61UDSmK0/TbEYzBSylbI/AAAAAAAACAc/93sZ-xhziz4/s1600/menu_11.jpg) repeat-x top;
border-bottom:2px solid #CFCFCF;
}

.BlogArchive #ArchiveList ul li {
list-style:circle inside none;
font-style:Arial;
margin-bottom:6px;
}
#leftcol .list-label-widget-content ul li{
list-style:circle inside none;
font-style:arial;
margin-bottom:6px;
}
/*=== Sub Columns ===*/
.subcols {
    background: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMWjW_LrfsI/AAAAAAAABms/5gqaIJqOWwY/subcols-bgr.gif) repeat-y right;
    height: 1%;
}
.col1, .col2 {
    float: left;
    width: 285px;
}
.col2 {
    float: right;
}
/*=== Post ===*/
/*- Post Title -*/
.post {

-moz-border-radius: 5px 5px 5px 5px;
    background: url("http://2.bp.blogspot.com/_v5IxGTiMTD8/S-fvVo_2M5I/AAAAAAAABYU/BefAQpEmaCQ/s1600/grad.png") repeat-x scroll center top #FFFFFF;
    border: 1px solid #CCCCCC;
}
.post-title h1 {
    color: #333333;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 10px;
}
.post-title h1 span {
    color: #33707e;
}
.post-title h1.author {
    color: #888888;
    font-size: 14px;
    padding-top: 2px;
}

.post img {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.post img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}
.post-title h2, .post-title h2 a  {
     color: #333333;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0px;
}
/*- Post Date -*/
.post-date {
    margin: 0 0 1.25em;
}
.post-date a {
    color: #ffffff;
}
.post-date em {
    background: #FE4400;
    color: #ffffff;
    font-size: .9em;
    font-style: normal;
    padding: 3px 5px;
    line-height: 1.75em;
}
/*- Post Excerpt -*/
.post-excerpt {
    display: table;
    font-size: 13px;
    font-style: italic;
    height: 1%;
 /* margin: 0 0 1em; */
}

/*- Post Blockquote -*/
.post blockquote {
  background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    border-left:1px solid #CFCFCF;
    border-top:1px solid #CFCFCF;
        border-right: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
    margin:10px;
    padding:10px
}
/*- Post Author -*/
.post-author {
    margin: 0 0 1em;
}
.author-details {
    font-size: .85em;
}
.author-descr {
    display: table;
    height: 1%;
}
/*- Social Links -*/
.social-links {
    background: url(http://lh5.ggpht.com/_4_wf1DKMvX4/TMWjWMQf2jI/AAAAAAAABmo/PGIYUdITVwU/box-bgr2.gif) #f1f1f1 repeat-x top;
    height: 42px;
    padding: 0 18px;
}
.social-links .fl {
    line-height: 42px;
}
.social-links .fl span {
    background: url(http://lh5.ggpht.com/_4_wf1DKMvX4/TMWm5e4uSUI/AAAAAAAABm4/HH-GXMtZcVA/comment_count_bg.gif) no-repeat center right;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 4px 0 8px 0;
    width: 33px;
    margin-left: 6px;
    display: inline-block;
    line-height: 32px;
}
.social-links .fr {
    padding: 9px 0 0;
}
.social-links .fr span {
    line-height: 21px;
}
.social-links img {
    margin: 0 0 0 2px;
}
/*- Related Posts -*/
.post-rel {
    line-height: 1.5em;
}
.post-rel a {
    color: #33707E;
}
/*- Post Comments -*/
.post-comments .fl {
    width: 80px;
}
.post-comments .fr {
    width: 430px;
}

.warning {
    width: 480px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box {
    background: #ffffff;
   border: 2px solid #7FC9E6;
    margin: 0 0 28px;
    padding: 1px;
}



.box .content {
    background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    height: 1%;
    padding: 18px;
   
}
.box.ads .content {
    padding-right: 15px;
    padding-left: 0;
    text-align: center;
}
#leftcol .box {
    margin: 0 0 10px;
}
/*- Box2 -*/
.box2 {
    background: #f9f9f9;
    border: 1px solid #cfcfcf;
    height: 1%;
    margin: 0 0 20px;
    padding: 18px;
    min-height: 115px;
}
.box2.alt {
    background: #FFFFFF;
}
.box2.alt {
    background: #FFFFFF;
}
.comm-name, .comm-date {
    line-height: 20px;
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 li {
    background: url(http://lh5.ggpht.com/_4_wf1DKMvX4/TMWnum0FpnI/AAAAAAAABnA/JoVPjMxv79Y/ico-list1.gif) no-repeat 0 1.1em;
    border-bottom: 1px solid #e7e7e7;
    height: 1%;
    padding: .7em 0 .7em 13px;
}
.list1 li.last {
    border: 0;
}
#leftcol .list1 li a:hover {
    color: #33707e;
}
/*=== Styling Forms ===*/
input.btn {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}
select {
    padding: 1px;
}
/*- Search -*/
#search {
    float: left;
    height: 25px;
    padding: 31px 0 0;
}
#search input {
    background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWnvNI01eI/AAAAAAAABnE/TC1jCJfgcAU/search-bgr.gif) repeat-x top;
    border: 1px solid #000000;
    float: right;
    padding: 8px;
    width: 285px;
}
#search input.btn {
    background: none;
    border: 0;
    margin: 8px 0 0 -30px;
    padding: 0;
    width: auto;
}

/*---------------------------------------------------------------------------------*/
/* Post-Footer */
/*---------------------------------------------------------------------------------*/
.post-footer {
    height:40px;
    padding:0 10px
        
}
.post-footer a,.post-footer a:visited {
    color:#FE4200
        
}
.post-footer a:hover {
    border-bottom:1px dotted #999999;
    color:#0000FF;
    text-decoration:none
}
.post-footer span {
    padding:4px 0px 10px 25px;
    text-align:right
}
.post-footer-right {
    float:right;
    margin:9px 0 0;
    width:565px
}
.post-footer-left {
    background:url(http://3.bp.blogspot.com/_xDpoN6UfFFY/TNKQfB1ZRNI/AAAAAAAADE4/kiroopKclgI/s1600/readmore.png) no-repeat scroll 0 8px transparent;
    float:left;
    padding:9px 28px 0 0px;
    width:68px
}
.post-footer-date {
    background:url(http://3.bp.blogspot.com/-iTzRWQlRo5Q/TbR8jsnOUCI/AAAAAAAACAw/CgIs6dTSpnw/s1600/candy_clock_grey.png) no-repeat -3px top
}
.post-footer-comment {
    background:url(http://4.bp.blogspot.com/-3S_rCqBkUuI/TbR8d2RsFPI/AAAAAAAACAs/8YErZKhK8iE/s1600/commentaire.png)no-repeat 2px top;
    margin-right: 10px
}
.post-footer-label {
    background:url(http://1.bp.blogspot.com/-eNtcebbYHno/TbR8jzFCR2I/AAAAAAAACA0/hDlh0cZ7eWA/s1600/label_24.png)no-repeat 2px top;
    margin-right: 10px
}


.minipost-footer {
    height:5px;
    padding:0 10px
}
.minipost-footer a,.minipost-footer a:visited {
    color:#FF770
}
.minipost-footer a:hover {
    border-bottom:1px dotted #999999;
    color:#0000ff;
    text-decoration:none
}
.minipost-footer span {
    padding:12px 0px 10px 25px;
    text-align:right
}
.minipost-footer-right {
    float:right;
    margin:9px 0 0;
    width:525px
}
.minipost-footer-left {
    background:url(http://3.bp.blogspot.com/_xDpoN6UfFFY/TNKQfB1ZRNI/AAAAAAAADE4/kiroopKclgI/s1600/readmore.png) no-repeat scroll 0 8px transparent;
    float:left;
    padding:9px 28px 0 0px;
    width:68px
}
.minipost-footer-date {
    background:url(http://3.bp.blogspot.com/-iTzRWQlRo5Q/TbR8jsnOUCI/AAAAAAAACAw/CgIs6dTSpnw/s1600/candy_clock_grey.png) no-repeat -3px top
}
.minipost-footer-comment {
    background:url(http://4.bp.blogspot.com/-3S_rCqBkUuI/TbR8d2RsFPI/AAAAAAAACAs/8YErZKhK8iE/s1600/commentaire.png)no-repeat 2px top;
    margin-right:10px
}
.minipost-footer-label {
    background:url(http://1.bp.blogspot.com/-eNtcebbYHno/TbR8jzFCR2I/AAAAAAAACA0/hDlh0cZ7eWA/s1600/label_24.png)no-repeat 2px top;
    margin-right: 10px
}


/*=== Footer ===*/
#footer {
    color: #5f5f5f;
    font-size: 18px;
    line-height: 32px;
    margin: 0 auto;
    width: 975px;
}
#footer a {
    color: #33707e;
    text-decoration: none;
}
#footer a:hover {
    color: #5f5f5f;
    text-decoration: underline;
}
#footer ul li {
    display: inline-block;
    margin-right: 15px;
}

/*=== Tweets ===*/
.tweet ul.tweet_list {
margin-bottom:20px;
}
.tweet ul.tweet_list li {
background:url("http://lh3.ggpht.com/_4_wf1DKMvX4/TMWnv7uuiUI/AAAAAAAABnI/xUrGQg9p97g/twitter_icon.png") no-repeat scroll right top transparent;
margin-bottom:15px;
padding:0 0 15px 25px;
border-bottom:1px solid #E7E7E7;
}
.tweet ul.tweet_list span.date {
color:#AAAAAA;
font-size:10px;
font-style:italic;
text-transform:uppercase;
}
.tweet a {
color:#33707E;
text-decoration:underline;
}
.tweet a:hover {
text-decoration:none;
}

/*=== Misc. ===*/
.fix {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    overflow: hidden;
}
.hl, .hl2 {
    background: url(http://lh5.ggpht.com/_4_wf1DKMvX4/TMWoTbGS94I/AAAAAAAABnM/DAWGeqqaOu8/hl-dot.gif) repeat-x top;
    clear: both;
    height: 2px;
    overflow: hidden;
    width: 100%;
}
.hl2 {
    background: none;
    border-top: 1px solid #e7e7e7;
    height: 1px;
    margin: 0 0 .8em;
}
.fl {
    float: right;
}
.fr {
    float: left;
}
.ac {
    text-align: right;
}
.ar {
    text-align: left;
}
.post-body{
line-height: 1.5em;
    padding: 0 0 1.3em;
}
.post-title{
float:right;
width:395px;
}
.page-title h2{
font-size: 25px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0 0 .45em;
    color: #222222;
    text-decoration: none;
}
.avatar-image-container {
background:url(http://www.limbang.net/v4/images/avatars/no_avatar.jpeg) no-repeat; 
width:80px !important;
height:80px !important;
}
.avatar-image-container  img { 
    width:80px !important;
    height:80px !important;   
    border: 1px solid #cfcfcf;
    display: block;
    margin: 0 0 .8em;
}

/*---------- bubble tooltip -----------*/        
a.tt{         
    position:relative;         
    z-index:24;         
    color:#3CA3FF;         
    font-weight:bold;         
    text-decoration:none;         
}         
a.tt span{ display: none; } 
/*background:; ie hack, something must be changed in a for ie to execute it*/        
a.tt:hover{ z-index:25; color: #aaaaff; background:;}         
a.tt:hover span.tooltip{         
 display:block;         
 position:absolute;         
 top:0px; left:0;         
 padding: 15px 0 0 0;         
 width:200px;         
 color: #993300;         
 text-align: center;         
 filter: alpha(opacity:90);         
 KHTMLOpacity: 0.90;         
 MozOpacity: 0.90;         
 opacity: 0.90;         
}         
a.tt:hover span.top{         
 display: block;         
 padding: 30px 8px 0;         
 background: url(http://i631.photobucket.com/albums/uu31/nancyhull/Accessories/Frame%20and%20Accents/SpeechBubble_thumb.png) 

no-repeat top;         
}         
a.tt:hover span.middle{ /* different middle bg for stretch */         
 display: block;         
 padding: 0 8px;  
 background: url(http://img571.imageshack.us/img571/2558/bubblefillerthumb1.gif) 

repeat bottom;         
}         
a.tt:hover span.bottom{         
 display: block;         
 padding:3px 8px 10px;         
 color: #548912;         
 background: url(http://img132.imageshack.us/img132/4946/bubblethumb.gif) 

no-repeat bottom;         
}

/* Author Bio */
.postauthor {
   background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    height: 1%;
    padding: 18px;
border-top:1px solid #fff;
}
   
.postauthor img {
    border: 2px solid #1800F2; 
    float: right; 
    margin-left: 1em;
}
.postauthor h3 {
    color: #666; 
    font-size: 1.2em; 
    margin-bottom: 5px; 
    margin-top: 0;
}
.postauthor p {
    color: #54524F; 
    font-size: 15px; 
    margin-bottom: 10px;
    margin-top: 0;
}




/* Author Bio End */


#facebox .b{background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S4QDcQb9PsI/AAAAAAAAD10/tlsyech1rKQ/d/b.png)}

#facebox .tl{background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S4QDwX017ZI/AAAAAAAAD2Y/9YvW1nyo3rE/d/tl.png)}

#facebox .tr{background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/S4QD_EwzYDI/AAAAAAAAD2c/3y21OtLBoVQ/d/tr.png)}

#facebox .bl{background:url(http://lh5.ggpht.com/_xcD4JK_dIjU/S4QDcq5SDlI/AAAAAAAAD14/aMQ2Ep-Br8w/d/bl.png)}

#facebox .br{background:url(http://lh5.ggpht.com/_xcD4JK_dIjU/S4QDc2QNzQI/AAAAAAAAD18/5N4GZspRmRY/d/br.png)}

#facebox{left:0;position:absolute;text-align:left;top:0;width:100%;z-index:100}

#facebox .popup{position:relative}

#facebox table{border-collapse:collapse;margin:auto}

#facebox .body{background:#fff;padding:10px;width:370px}

#facebox img{background:transparent;border:0;margin:0;padding:0}

#facebox .footer{border-top:1px solid #DDD;margin-top:10px;padding-top:5px;text-align:right}

#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;overflow:hidden;padding:0;width:10px}

#facebox .loading,#facebox .image{text-align:center}



.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid ##0000FF;
background-color:#FE5800;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #FE5800;
background: #FE5800;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #FE5800;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000000;
}


.partager {
   background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    height: 1%;
    padding: 18px;
border-top:1px solid #fff;
}
.partagerDroite {
    float:left;
    width:275px;
    margin-top:10px;
}
.partagerCounters {
    float:left;
    border:1px solid #DFDFDF;
    background:#fff;
    height:80px;
    padding:5px;
    margin-left:5px;
}
.partagerAbonnement {
    margin-bottom:10px;
}
.partagerAbonnement h3 {
    font-size:18px;
    
}
.partagerAbonnement ul {
    list-style:none;
    padding:0;
    margin:0;
}
.partagerAbonnement ul li {
    margin:5px 0 0 10px;
    padding-right:20px;
}
.partagerTwitter {
    background:url(http://1.bp.blogspot.com/_xDpoN6UfFFY/TNKShUabeAI/AAAAAAAADFE/HC1J5TPq8ow/s1600/twitter-small.png) no-repeat scroll right center transparent;
}
.partagerRSS {
    background:url(http://3.bp.blogspot.com/_xDpoN6UfFFY/TNKSgzcZlUI/AAAAAAAADFA/2NdeyCcswQE/s1600/RSS-small.png) no-repeat scroll right center transparent;
}
.partagerEmail {
    background:url(http://b.leblogweb.com/LeBlogger/email-small.png) no-repeat scroll right center transparent;
}
/* Twitter and Facebook buttons */
.twitter-facebook {
    border-right:1px solid #DFDFDF;
    float:left;
    height:46px;
    margin:10px -30px 0 10px;
    padding:0 0 0 10px;
    width: 90px
}
#Label2 ul li{ float:right; width: 50%; }

.borders {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.borders:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}

.borders h2 {
color: #ffff33;
float:right;
}


.minipost {
-moz-border-radius: 5px 5px 5px 5px;
   background: #CFE1ED;
    height: 1%;
    padding: 20px;
border-left:1px solid #1D5C88;
    border-top:1px solid #1D5C88;
        border-right: 1px solid #1D5C88;
        border-bottom: 1px solid #1D5C88;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
padding-right:7px;
padding-left:7px;
}

   
.minipost img {
    border: 2px solid #CFCFCF; 
    float: right; 
    margin-left: 1em;
}
.minipost h3 {
    color: #666; 
    font-size: 1.2em; 
    margin-bottom: 5px; 
    margin-top: 2;
}
.minipost p {
    color: #54524F; 
    font-size: 15px; 
    margin-bottom: 10px;
    margin-top: 0;
}
.minipost blockquote {
  background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    border-left:1px solid #CFCFCF;
    border-top:1px solid #CFCFCF;
        border-right: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
    margin:10px;
    padding:10px
}


#tableau {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 20px;
    margin: 10px 0;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}
#tableau th {
    font-size: 25px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2gjh1nPI/AAAAAAAACbg/7lNsVpks2oY/s1600/gradhead.png') repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;
}
#tableau td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    background: #e8edff url('http://1.bp.blogspot.com/_xDpoN6UfFFY/S-J2f5yBC3I/AAAAAAAACbY/zWXYXsR-w5E/s1600/gradback.png') repeat-x;
}
#tableau tfoot tr td {
    background: #FF8A02;
    font-size: 25px;
    color: #FFFFFF;
    text-align:center;
}
#tableau tbody tr:hover td {
    background: #d0dafd url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2hsztUzI/AAAAAAAACbo/ztV1CK0RUrE/s1600/gradhover.png') repeat-x;
    color: #339;
}
#tableau a:hover {
    text-decoration:underline;
}


.faire-lien {
   background: #FF8201;
 color: #FFFFFF;
    height: 1%;
    padding: 18px;
border-left:1px solid #003366;
    border-top:1px solid #003366;
        border-right: 1px solid #003366;
        border-bottom: 1px solid #003366;
 font-size : 18px;

}
 

  
.faire-lien img {
 
    float: right; 
    margin-left: 1em;
}
.faire-lien h3 {
    color: #FFFFFF; 
    font-size: 1.2em; 
    margin-bottom: 5px; 
    margin-top: 0;
}
.faire-lien p {
    color: #54524F; 
    font-size: 15px; 
    margin-bottom: 10px;
    margin-top: 0;
}

/* -----   LOWER SECTION   ----- */
#lower {
      
       margin:auto;
       padding: 0px 0px 10px 0px;
       width: 100%;
       background: background: url(http://3.bp.blogspot.com/_gToJ30Luauw/TQxfBKVUe0I/AAAAAAAAB2U/PjOFwZetW0s/s1600/background+blogger.gif) #f7f6f6 repeat-x top;
    color: #404040; }
#lower-wrapper {
     
       margin:auto;
       padding: 20px 17px 20px 0px;
       width: 930px;
}
#lowerbar-wrapper {
      -moz-border-radius: 5px 5px 5px 5px;
     border:1px solid #7FC9E6;
       background:#fff;        float: right;
       margin: 0px 5px auto;
       padding-bottom: 20px;        width: 30%;        text-align: justify;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word;
       overflow: hidden;
}
       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
      margin: 0px 0px 10px 0px;
       padding: 3px 0px 3px 0px;
       text-align: right;
       color:#0084ce;         text-transform:uppercase;
      font: bold 18px Arial, Tahoma, Verdana;        border-bottom:3px solid #0084ce; }
.lowerbar ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
}
.lowerbar li {
      margin: 0px 0px 2px 0px;
      padding: 0px 0px 1px 0px;
      border-bottom: 1px dotted #ccc;
}




#dafis-acc{

font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB;

padding:2px 0;

border:1px solid #339DC6;

}

.dafis-label{

background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;

font-weight:bold;

line-height:1.4em;

overflow:hidden;

white-space:nowrap;

vertical-align: baseline;

margin: 1px 3px;

outline: none;

cursor: pointer;

text-decoration: none;

padding: 2px 10px;

color: #fff;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

border:1px solid #2F94BA;

}

.dafis-label:hover{

background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;

color:#003366;

}

.dafis-daf ol{

margin:0 0 0 30px !important;

padding:0 !important;

}

.dafis-daf ol li{

background-color:#C9E9F4;

line-height:1.5em;

margin:1px 3px !important;

white-space:nowrap;

text-align:right;

border:1px solid #339DC6;

}

.dafis-daf ol li a{

text-decoration: none !important;

color:#333 !important;

display:block;

padding-left:10px;

}

.dafis-daf ol li a:hover{

background: #7BC4DF;

border-left: 5px #333 solid;

padding-left: 5px;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

}

#HTML2 h2{
background: url(http://www.veryicon.com/icon/preview/System/IconTexto%20Webdev/Webdev%20contact%20Icon.jpg) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}


.cloud-label-widget-content {
  background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #333333;
    height: auto;
    margin-bottom: 5px;
    min-height: 200px;
    padding: 15px 20px 15px 10px;

}
.cloud-label-widget-content a {
  font-family: Arial, sans-serif;
  font-weight: bold;
  white-space: nowrap;
}
.cloud-label-widget-content span {
  padding: 0 5px 0 5px;
}
.label-size-1 a { font-size:14px; color:#2F2F2F; } 
.label-size-2 a { font-size:16px; color:#11AA23; } 
.label-size-3 a { font-size:18px; color:#588EFF; } 
.label-size-4 a { font-size:22px; color:#DA484B; } 
.label-size-5 a { font-size:26px; color:#3B5998; }





.list-label-widget-content {
 background: url("http://pixers.fr/image/=cGcq5iUZRFWqVUUD5Ebwc1U-EkTx1md_JVTxITWxh1NyJ0bz8VO1AjNwUDNfZ0XwADNvAjNvATNvQDMvADMvcGcq9Cdl5mLuR2Y0ZmLxQ-LvoDc0RH_/sticker-grunge-floral-background-vector,4506059.jpg") no-repeat scroll center -10px #DFDFDF;
    border: 1px solid #CCCCCC;
    color: #333333;
    height: auto;
    margin-bottom: 5px;
    min-height: 200px;
    padding: 15px 20px 15px 10px;
}
.list-label-widget-content a {
  font-family: Arial, sans-serif;
  font-weight: bold;
  white-space: nowrap;
}
.list-label-widget-content span {
  padding: 0 5px 0 5px;
}



.item-thumbnail-only {
      background: url("http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #A8D1E6;
   margin : 0 10px 5px -30px;
    padding : 5px 2px ;
    overflow: hidden;
    -moz-border-radius: 5px 5px 5px 5px;
   

}
clearfix {
    display: block;
}
.clearfix {
    display: inline-table;
}

#PopularPosts1 li {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: center;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 18px;
    width: 26%;
   
    

}
.PopularPosts .widget-content ul li {
    padding: 0.7em 0;
}


.PopularPosts img  {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.PopularPosts img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}

.item-thumbnail-only :hover {
color: #222222;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 18px;
    text-shadow: 0 1px 0 #ffffff;
    text-transform: none;
}

#PopularPosts1 ul {
    list-style: none outside none;
}
#PopularPosts1 {
    font-size: 18px;
    list-style: none outside none;
      font-family: Arial, Verdana, Helvetica, sans-serif;
}

#content-but {
    background: url("http://1.bp.blogspot.com/_-ibrE31TAQc/TaBdh24gP_I/AAAAAAAAAF4/1aGUF5r6Yhw/s000/footer.png") no-repeat scroll 0 0 transparent;
    height: 17px;
}

]]></b:skin>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style>
    .post-thumb {display:none}
    </style>
    </b:if>

<!-- Don't reemove anything Below otherwise the hover menu will not work -->

<script src='http://lightboxabuiyad.googlecode.com/svn/jquery.js' type='text/javascript'/>
<link href='http://convergence.themedemo.net/wp-content/themes/convergence/superfish.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://lightboxabuiyad.googlecode.com/svn/superfish.js' type='text/javascript'/>
<script type='text/javascript'> 
$(document).ready(function(){ 
$(&quot;ul.sf-menu&quot;).superfish({
autoArrows:  false,
delay:       400,                             // one second delay on mouseout 
animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
speed:       'fast',                          // faster animation speed 
autoArrows:  false,                           // disable generation of arrow mark-up 
dropShadows: false                            // disable drop shadows             
            }); 
    });
</script>
<!-- Don't reemove anything above otherwise the hover menu will not work -->

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 200; /* طول الملخص للمواضيع بدون صورة */
summary_img = 200; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 180; /* عرض الصورة في الملخص*/
img_thumb_width = 180; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/>


<script type='text/javascript'>

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-12629815-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>




<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar{display:none;}
#main{width: 870px;}
</style>
</b:if>


<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:right;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 0em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png&quot;;
var maxresults=4;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;<img alt='' src='https://sites.google.com/site/lightbox007/photo/relaredposteblogger.JPG ' title=''/>&quot;;
</script>
<script src='http://lightboxabuiyad.googlecode.com/svn/related%20post.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


<script language='javascript'>
function toggle() {
var ele = document.getElementById(&quot;toggleText&quot;);
var text = document.getElementById(&quot;displayText&quot;);
if(ele.style.display == &quot;block&quot;) {
ele.style.display = &quot;none&quot;;
text.innerHTML = &quot;<img alt='إظهار التعليقات' src='http://4.bp.blogspot.com/_gToJ30Luauw/TRDhKj_fFXI/AAAAAAAAB24/BXUG4id6fdU/s1600/apparaitre+commentaire.png' title='إظهار التعليقات'/>&quot;;
}
else {
ele.style.display = &quot;block&quot;;
text.innerHTML = &quot;<img alt='إخفاء التعليقات' src='http://2.bp.blogspot.com/_gToJ30Luauw/TRDhMzPbSuI/AAAAAAAAB28/jK7MWJzUNbo/s1600/cach%25C3%25A9+commentaire.png' title='إخفاء التعليقات'/>&quot;;
}
}
</script>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>



<script type='text/javascript'>
if(document.location.protocol=='http:'){
 var Tynt=Tynt||[];Tynt.push('d-PytMlMWr4j7madbi-bnq');Tynt.i={&quot;ap&quot;:&quot;إقرأ المزيد على مدونة أبو إياد &quot;};
 (function(){var s=document.createElement('script');s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
}
</script>


</head>



  <body>


  <div id='page'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div class='topnav'>
<div class='menu-top-menu-container'>
<ul class='menu' id='menu-top-menu'>
<li><a href='http://www.abu-iyad.com/'>الرئيسية </a></li>
<li><a href='http://www.abu-iyad.com/p/sitmap.html'>الفهرس</a></li>

<li><a href='http://www.abu-iyad.com/feeds/comments/default?alt=rss'>خلاصات التعليقات</a></li>

<li><a href='http://feeds.feedburner.com/feedburner/simo'>خلاصات المواضيع</a></li>

<li><a href='http://www.abu-iyad.com/2010/09/blog-post_09.html'>الأسئلة المتكررة</a></li>

<li><a href='http://carte-visite-abu-iyad.blogspot.com/'>بطاقة التعريف</a></li>

<li><a href='http://www.abu-iyad.com/p/blog-page_17.html'>إتصل بنا </a></li>

</ul>
</div>            

<ul class='fr'>



<!-- Social Network Section -->
    <div id='sidebar_social'>
    <ul>
      <li>
        
        <a href='http://twitter.com/abuiyad007' target='_blank'>
          <img alt='Twitter' src='http://videonoob.fr/wp-content/themes/headlines/images/ico-social-twitter.png'/>
        </a>
      </li>
      <li>
        
        <a href='http://feeds.feedburner.com/feedburner/simo' target='_blank' title='rss'><img alt='RSS' src='http://img2.savourclub.com/picto/picto_rss.png'/>
 </a>
      </li>
 <li>
<a href='http://www.facebook.com/abuiyad007' target='_blank'>
          <img alt='digg' src='http://img2.savourclub.com/picto/picto_facebook.png'/>
        
        
        </a>
      </li>
      <li class='last'>
        <a href='http://delicious.com/chardo007' target='_blank'>
          <img alt='delicious' src='http://www.singlemaltsdirect.com/media/social/delicious.png'/>
</a>
      </li>
     
      <li>
        <a href='http://www.youtube.com/simochardo#p/u' target='_blank'>
          <img alt='Youtube' src='http://www.ufsc.com/images/youtube.png'/>
        
        
        </a>
      </li>
      <li>
     
    </li></ul>
    </div>
    <!-- /Social Network Section -->
        </ul>
    </div>
    <div id='header'>

<h1><a href='/' title='مدونة أبو إياد'>مدونة أبو إياد</a></h1>

       
    </div>
    <!--/header -->
    <div id='nav1'>

<div class='menu-main-menu-container'>

<ul class='sf-menu'>

<li><a href='http://www.abu-iyad.com/'>الرئيسية </a></li>

<li><a href='http://www.abu-iyad.com/2010/07/widget-for-blogger-blogspot.html'>إضافات بلوجر</a></li>

<li><a href='http://www.abu-iyad.com/p/blog-page_16.html'>أرشيف المدونة</a></li>

<li><a href='http://www.abu-iyad.com/2010/09/blog-post_09.html'>الأسئلة المتكررة</a></li>

<li><a href='http://carte-visite-abu-iyad.blogspot.com/'>بطاقة التعريف</a></li>

<li><a href='http://www.abu-iyad.com/p/blog-page_17.html'>إتصل بنا </a></li>

</ul></div>            
    </div>
    <!--/nav1-->

 
    <div id='columns'>
      <div id='centercol'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img alt='رسالة أحدث ' src='http://3.bp.blogspot.com/_gToJ30Luauw/TQXFGO-5oZI/AAAAAAAAB10/Ynkar4WOm0o/s1600/rescent+message.png'/>
</a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img alt='رسائل اقدم' src='http://4.bp.blogspot.com/_gToJ30Luauw/TQXFGpbBHQI/AAAAAAAAB18/4uGlmlUi2sA/s1600/old+messahe.png'/>
</a>
      </span>
    </b:if>
      <a class='home-link' expr:href='data:blog.homepageUrl'><img alt='الصفحة الرئيسية' src=' http://2.bp.blogspot.com/_gToJ30Luauw/TQXFGa0yOrI/AAAAAAAAB14/7w4RAKx0y-E/s1600/home+blogger.png'/>
</a>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.emailThisMsg/></span>
  </a><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.blogThisMsg/></span>
  </a><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
  </a><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
  </a><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
  </a></b:if><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
  </a>
  <b:if cond='data:top.showDummy'>
    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  </b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='box post'>

<div class='content post-content'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='page-title'>
<a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2>
     <b:if cond='data:post.link'>
       <data:post.title/>
     <b:else/>
        <b:if cond='data:post.url'>
          <data:post.title/>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>
</div>
<b:else/>
<div class='post-title'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
 
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>


     <b:else/>
        <b:if cond='data:post.url'>
       
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>


        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>
<div class='post-date'>
<em>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>

<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> 

        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>

      </em>
</div>

</div>
</b:if>

    <div class='post-header'>
    <div class='post-header-line-1'/>
     </div>
 <b:if cond='data:blog.pageType != &quot;index&quot;'><span class='FL'>


   <b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class='google-buzz-button' data-button-style='small-count' data-locale='ar' href='http://www.google.com/buzz/post' title='نشر على نبضات Google'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</b:if>



<b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>

</span>
<span class='FR'>


</span>
</b:if>
    <div class='post-body'>
      <p>




 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:left;padding-top:20px;'><a expr:href='data:post.url'><img alt='إقرأ المزيد' src='http://4.bp.blogspot.com/_gToJ30Luauw/TQT2a-PyTYI/AAAAAAAAB1s/xJU6XiQmd8E/s1600/read+more.png' title='إقرأ المزيد'/></a></span>
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>


<div expr:id='&quot;summary&quot; + data:post.id'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <div expr:id='&quot;aim1&quot; + data:post.id'/>
   
    <div expr:id='&quot;aim2&quot; + data:post.id'>
    <data:post.body/>
    </div>
    <script type='text/javascript'>
    var obj0=document.getElementById(&quot;aim1<data:post.id/>&quot;);
    var obj1=document.getElementById(&quot;aim2<data:post.id/>&quot;);
    var s=obj1.innerHTML;
    var r=s.search(/\x3C!-- adsense --\x3E/igm);
    if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
    </script>

    </b:if>

<div class='faire-lien'>

 <img src='http://sg.wsj.net/public/resources/images/it_alert02232005172608.gif'/>تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي  وإسم المدونة وشكرا 
 
  </div>

 </div>      
 <script type='text/javascript'>
 highlightSearchTerms('مدونة أبو إياد',true,'http://www.abu-iyad.com','summary<data:post.id/>');
highlightSearchTerms('بلوجر',true,'http://www.blogger.com','summary<data:post.id/>');
 </script>               


<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://abu-iyad.blogspot.com/2010/07/related-postssimilar-posts-widget-for.html'><img alt='Related Posts Widget For Blogger with Thumbnails' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a><a href='http://abu-iyad.blogspot.com/'><img alt='Blogger Widgets' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->


<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:if cond='data:post.author == &quot;أبو إياد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='https://sites.google.com/site/lightbox007/photo/readby.jpg' width='80'/>
   <h3>بقلم <a href='http://www.abu-iyad.com/'>أبو إياد</a></h3>
   <p>

 إسمي الكامل محمد بوسلامة ،بلدي هو المغرب ، مشرف قسم الدعم الفني
 <A href='http://www.ar-blogger.com/vb/'>بمنتدى عرب بلوجر</A> أهتم بتقنيات وتطوير المدونات ،هدفي من خلال هذه المدونة ،هو مساعدة المدونين على تطوير مدوناتهم من خلال تجربتي المتواضعة التي إكتسبتها خلال مشواري التدويني يمكنكم متابعتي على <a href='http://twitter.com/abuiyad007'>التويتر</a>                

</p>
 </div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;chardo&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='https://sites.google.com/site/lightbox007/photo/zakir.JPG' width='80'/>
   <h3>بقلم <a href='http://wthaker.blogspot.com'> داماس </a></h3>
   <p> صاحبة مدونة &quot;وذكر&quot; ،انسانة عادية ابحث عن رضا الله تعالى والتوفيق في الدنيا والاخرة يمكنكم زيارة مدونتي من <a href='http://wthaker.blogspot.com/'>هنا</a> </p>
 </div>
</b:if>
</b:if>





<a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a></b:if>



</p><div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

</div>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='post-footer'>
<div class='post-footer-right'>
<span class='post-footer-date'><data:post.dateHeader/></span>
<span class='post-footer-comment'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>لا يوجد تعليق<b:else/><b:if cond='data:post.numComments == 1'>1 تعليق<b:else/><data:post.numComments/> تعليق</b:if></b:if></a></span>
<span class='post-footer-label'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> - </b:if></b:loop></span>
        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='post-footer-left'>
<a expr:href='data:post.url'>Lire la suite</a>
</div></b:if>
</div>


<b:else/>


<div class='partager'>
                    <div class='partagerDroite'>
                        <div class='partagerCounters'>
<a class='twitter-share-button' data-count='vertical' data-related='abuiyad007' data-via='abuiyad007' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script> 
                        </div>
<div class='partagerCounters'>                        
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'>Facebook</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
                                                </div>

<div class='partagerCounters'>
 <a class='google-buzz-button' data-button-style='normal-count' data-locale='ar' href='http://www.google.com/buzz/post' title='نشر على نبضات Google'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>   
</div>
                    
                    </div>
                    <div class='partagerAbonnement'>
   <h3>إذا أعجبك الموضوع ،شاركه مع أصدقائك</h3>
    <ul>
      <li class='partagerEmail'><a href='http://feedburner.google.com/fb/a/mailverify?uri=feedburner/simo' rel='nofollow' target='_blank'>توصل بالمواضيع الجديدة عبر بريدك الإلكتروني</a></li>
      <li class='partagerRSS'><a href='http://feeds.feedburner.com/feedburner/simo' rel='nofollow' target='_blank'> إشترك عبر الخلاصات RSS</a> </li>
      <li class='partagerTwitter'><a href='http://twitter.com/abuiyad007' rel='nofollow' target='_blank'>تابعني  على التويتر</a></li>

<!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
    </ul>
                    </div>
            </div>
</b:if>
</b:if>
</div>

<div class='boxads' style='text-align: center;'>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:post.isFirstPost'>
<span class='FL'>


</span>
<span class='FR'>


</span>
<div class='spacer'/>
</b:if></b:if>

</div>
<!--Fin Pub 300x250px-->
</b:includable>
<b:includable id='status-message'>
    <b:if cond='data:navMessage'>
    <div>
    </div>
    <div style='clear: both;'/>
    </b:if>
    </b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h2 id='comment-post-message'>
<img alt='أضف تعليق' src='http://1.bp.blogspot.com/-zZ7enO2DyTU/Ta4P9txNacI/AAAAAAAAB_M/yIJtkNAHvEk/s1600/icon.JPG' title='أضف تعليق'/>
</h2>
    <p><data:blogCommentMessage/></p>
<div class='warning' style='background:#F3F9FB url(http://www.customicondesign.com/images/freeicons/office3/48/Male-User-Warning48.png) 8px 6px no-repeat ; border:#A8D1E6 1px solid; padding: 5px 5px 5px 40px;'> جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد). </div>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='265' id='comment-editor' name='comment-editor' src='' width='545'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup' style='width:100px;height:20px;'/>
    </b:if>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </div>
    </b:if>

   <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><img alt='الصفحة الرئيسية' src=' http://2.bp.blogspot.com/_gToJ30Luauw/TQXFGa0yOrI/AAAAAAAAB14/7w4RAKx0y-E/s1600/home+blogger.png'/>
</a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>

  <b:if cond='data:top.showPlusOne'>
    <script expr:src='data:top.plusOneJsUrl'/>
  </b:if>

  <!-- posts -->
  <div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>

    <data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.isDateStart'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-outer&quot;&gt;
      </b:if>
      <b:if cond='data:post.dateHeader'>
        </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-posts&quot;&gt;
      </b:if>
      <div class='post-outer'>
      <b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<b:if cond='data:label.name != &quot;مصغرات تدوينية&quot;'>

<b:include data='post' name='post'/>

<b:else/>

<b:include data='post' name='minipost'/>

</b:if>
</b:if>
</b:loop>

<b:else/>

<b:include data='post' name='post'/>

</b:if>
     
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      </div>
      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <div class='inline-ad'>
          <data:adCode/>
        </div>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <b:if cond='data:numPosts != 0'>
      &lt;/div&gt;&lt;/div&gt;
    </b:if>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->

  <b:if cond='data:top.showStars'>
    <script src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

  <div class='mobile-post-outer'>
    <div class='mobile-index-title-outer'>
      <h3 class='mobile-index-title entry-title'>
        <a href='javascript:void(0)'><data:post.title/></a>
      </h3>
    </div>

    <div>
      <div class='mobile-index-arrow'>
        <a href='javascript:void(0)'>&amp;rsaquo;</a>
      </div>

      <div class='mobile-post-contents'>
        <b:if cond='data:post.thumbnailUrl'>
          <div class='mobile-index-thumbnail'>
            <div class='Image'>
              <img expr:src='data:post.thumbnailUrl'/>
            </div>
          </div>
        </b:if>

        <div class='post-body'>
          <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
        </div>
      </div>
      <div style='clear: both;'/>
    </div>

    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
  </div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='minipost' var='post'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='minipost'><a expr:name='data:post.id'/>
    <div class='entry'><data:post.body/></div>
<div class='minipost-footer'>
<div class='minipost-footer-right'>
<span class='minipost-footer-date'><data:post.dateHeader/></span>
<span class='post-footer-comment'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>أضف تعليقك<b:else/><b:if cond='data:post.numComments == 1'>1 أضف تعليقك<b:else/><data:post.numComments/> أضف تعليقك</b:if></b:if></a></span>


</div>
</div></div>
<b:else/>

<div class='minipost'><a expr:name='data:post.id'/>
    <h2 class='title'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
</h2>
    <div class='entry'><data:post.body/></div>
<div class='minipost-footer'>
<div class='minipost-footer-right'>
<span class='minipost-footer-date'><data:post.dateHeader/></span>
<span class='post-footer-comment'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>أضف تعليقك<b:else/><b:if cond='data:post.numComments == 1'>1 أضف تعليقك<b:else/><data:post.numComments/> أضف تعليقك</b:if></b:if></a></span>

</div></div></div>

</b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='box post-comments' id='comments'>
<div class='content'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h2>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h2>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

<a href='javascript:toggle();' id='displayText'><img alt='إظهار التعليقات' src='http://1.bp.blogspot.com/_gToJ30Luauw/TRDhOa2w5JI/AAAAAAAAB3A/HxZ4Se2kFD4/s1600/comments+disparu.gif' title='إظهار التعليقات'/></a>
<div id='toggleText' style='display: none;'>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass'>

          <b:loop values='data:post.comments' var='comment'>

<div class='fl ar'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='60px' width='60px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
                <data:comment.authorAvatarImage/>
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=3178676043948043287&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0 ,scrollbars=yes,width=450,height=450&quot;); return false;'>
<img src='http://3.bp.blogspot.com/_gToJ30Luauw/TQaOKbLuy8I/AAAAAAAAB2A/sqIwfZ7Q7gg/s1600/reply+blogger.png'/></a></span>
</div>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <div class='comm-name'><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a></div>
              <b:else/>
                <div class='comm-name'><data:comment.author/></div>
              </b:if>

<span class='comment-timestamp'>
<div class='comm-date'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <small><em><data:comment.timestamp/></em></small>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/></div>
              </span>
            </dt>
</div>

            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<div class='fr'><div class='box2 alt'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if></div></div>
            </dd>
            <dd class='comment-footer'>
              
            </dd><div class='fix'/>
          </b:loop>
        </dl>
      </div>
 </div>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>
    </b:if></div></div>

<div class='box post-comments'>
<div class='content'>
      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>

<div style='background:#F8F8FF; border:2px solid #F0F0F0; display:block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;text-align:center; direction:ltr;  color:#FE6000;'><b> 
<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%2839%29.png' width='40'/> :))<a href='http://www.abu-iyad.com' style='display:none;'>Blogger</a><img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%282%29.png' width='40'/> ;))
<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%2828%29.png' width='40'/> ;;)
<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%2813%29.png' width='40'/> :D<a href='http://www.abu-iyad.com' style='display:none;'>Blogger</a><img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%2835%29.png' width='40'/> ;)
<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%284%29.png' width='40'/> :p
<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%2817%29.png' width='40'/> :((
<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64.png' width='40'/> :)
<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%286%29.png' width='40'/> :(<a href='http://www.abu-iyad.com' style='display:none;'>Smiley</a><img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%2814%29.png' width='40'/> =((
<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%2824%29.png' width='40'/> =))<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%2821%29.png' width='40'/> :-*<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%2820%29.png' width='40'/> :x<img border='0' height='40' src='https://sites.google.com/site/lightbox007/emoticon/64%2819%29.png' width='40'/> b-(<img border='0' height='40' src=' https://sites.google.com/site/lightbox007/emoticon/64%281%29.png' width='40'/>:-t<img border='0' height='40' src=' https://sites.google.com/site/lightbox007/emoticon/64%2822%29.png' width='40'/>8-}</b></div>  
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><img alt='أضف تعليق' src='http://www.ibda3world.com/wp-content/themes/ibdaa-mag/images/comments_new2.png' title='أضف تعليق'/>
</a>
          </b:if>
        </b:if>

<div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>

      </p></div></div>
 
</b:includable>
</b:widget>
</b:section>
      </div>

      <div id='leftcol'>
         
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='أقسام المدونة' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='Feed1' locked='false' title='Last Posts' type='Feed'>
<b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='المواضيع الجديدة بالمدونة' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='إشترك في المدونة' type='Followers'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>  
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>
  
          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>
  
          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='false' title='التبادل الإعلاني' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='إشترك معنا' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='المتواجدون الآن' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
      </div>


      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'> </div>

<div id='footer-wrapper'>
      <b:section class='footer' id='footer'>
<b:widget id='PopularPosts1' locked='false' title='' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
    </div>

<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='Label1' locked='false' title='التسميات' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='HTML5' locked='false' title='آخر التعليقات' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
<b:widget id='HTML6' locked='false' title='أصدقاء المدونة على الفيسبوك' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>


    </div> <!-- end content-wrapper -->
<div id='content-but'/>

   
  </div><!-- end outer-wrapper -->

<div id='page-bot'>
    <div id='footer'>
        <div class='fl'>تطوير وتعريب :<A href='http://www.abu-iyad.com'>أبو إياد</A> </div>

        <div class='fr'>
<div class='menu-footer-menu-container'>
<ul>
<li><a href='#'/></li>
<li><a href='#'/></li>
</ul>
</div>                
        </div>
    </div>
    <!--/footer -->
</div>
<!--/page-bot -->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');

if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("target", "_blank");
}
});
//]]>
</script>

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=8;
var displayPageNum=16;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://lightboxabuiyad.googlecode.com/svn/navigation%20page.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');

if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("target", "_blank");
}
});
//]]>
</script>


<script src='http://abu-iyad.googlecode.com/files/abuiyadSmiley.js.txt' type='text/javascript'/><noscript><a href='http://www.abu-iyad.com/2010/12/blogger-onion-head-smileys.html'>Onion</a><a href='http://www.abu-iyad.com'>smiley</a></noscript>

<script src='http://lightboxabuiyad.googlecode.com/svn/thanks4.js' type='text/javascript'/><noscript><a href='http://www.abu-iyad.com'>Onion</a><a href='http://www.abu-iyad.com'>smiley</a></noscript>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<style type='text/css'>
    /* jQuery lightBox plugin - Gallery style */
    #gallery {
        background-color: #444;
        padding: 10px;
        width: 520px;
    }
    #gallery ul { list-style: none; }
    #gallery ul li { display: inline; }
    #gallery ul img {
        border: 5px solid #3e3e3e;
        border-width: 5px 5px 20px;
    }
    #gallery ul a:hover img {
        border: 5px solid #fff;
        border-width: 5px 5px 20px;
        color: #fff;
    }
    #gallery ul a:hover { color: #fff; }
    </style>
<script src='http://lightboxabuiyad.googlecode.com/svn/jquery.lightbox-0.4.js' type='text/javascript'/>
<link href='http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.css' media='screen' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
$(function() {
$('a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').lightBox();
});
</script>





<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'/>
<script src='http://lightboxabuiyad.googlecode.com/svn/colorbox.js' type='text/javascript'/>
<link href='http://alblogger-gen.googlecode.com/svn/trunk/colorbox/style1/colorbox.css' media='screen' rel='stylesheet' type='text/css'/>
<script>
$(document).ready(function(){
$(&quot;a[rel='images']&quot;).colorbox({transition:&quot;fade&quot;}); 
$(&quot;a[rel='imagessamesize']&quot;).colorbox({transition:&quot;none&quot;, width:&quot;75%&quot;, height:&quot;75%&quot;});
$(&quot;a[rel='slideshow']&quot;).colorbox({slideshow:true}); 
$(&quot;.youtube&quot;).colorbox({iframe:true, innerWidth:650, innerHeight:420}); 
$(&quot;.vimeo&quot;).colorbox({iframe:true, innerWidth:760, innerHeight:520});
$(&quot;.iframe&quot;).colorbox({width:&quot;80%&quot;, height:&quot;80%&quot;, iframe:true}); 
$('a[href$=jpg]').colorbox();
$('a[href$=jpeg]').colorbox();
$('a[href$=png]').colorbox();
$('a[href$=gif]').colorbox();
$('a[href$=bmp]').colorbox();
$('a[href$=JPG]').colorbox();
$('a[href$=JPEG]').colorbox();
$('a[href$=pdf]').colorbox({iframe:true, innerWidth:760, innerHeight:520});
$('a[href$=swf]') .colorbox({iframe:true, innerWidth:660, innerHeight:420});
});
</script>


</body>

</html>
كود بلغة HTML:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='ضع هنا وصف المدونة' name='description'/>
<meta content='ضع هنا الكلمات الدلالية بين كل كلمة فاصلة ' name='keywords'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='أبو إياد' name='author'/>
<meta content='ar' name='language'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>
</b:if>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/> |ضع هنا وصف مختصر للمدونة 4 أو 5 كلمات </title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
    <b:skin><![CDATA[/*

Theme Name: Convergence
Theme URI: http://themeforest.net
Description: The place where people and information converge and create community.
Version: 1
Author: Maximus
Author URI: http://www.abu-iyad.com
Tags: community, news, industry, blog
Ta3rib by: http://www.abu-iyad.com
*/

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

/*=== Setup ===*/
* {
    border: 0;
    margin: 0;
    padding: 0;
    outline: none;
}
body {
    background: url(http://3.bp.blogspot.com/_gToJ30Luauw/TQxfBKVUe0I/AAAAAAAAB2U/PjOFwZetW0s/s1600/background+blogger.gif) #f7f6f6 repeat-x top;
    color: #404040;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
}
a {
    color: #FE4200;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
input, select, textarea {
    border: #cfcfcf 1px solid;
    color: #404040;
    font-size: 18px;
    padding: 3px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
li {
    list-style: none;
}
h2 {
    color: #222222;
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: 0px;
    margin: 0 0 1em;
}
h3 {
    color: #333333;
    font-size: 1.2em;
    margin: 0 0 .8em;
}
h4 {
    font-size: 1em;
    margin: 0 0 1em;
}
p {
    line-height: 1.5em;
    padding: 0 0 1.3em;
}
/*=== Layout ===*/
#page {
    margin: 0 auto;
    width: 975px;
}
#page-bot {
    background: url(http://lh3.ggpht.com/_4_wf1DKMvX4/TMWhljNHDCI/AAAAAAAABmM/UIZEdE-xAas/page-bot.gif) repeat-x top;
    height: 39px;
}
/*=== Header ===*/
#header{
    height: 101px;
    margin: 0 0 1px;
}
/*- Logo -*/
#header h1 {
    background: url(http://1.bp.blogspot.com/_gToJ30Luauw/TQPo6su7BdI/AAAAAAAAB1I/SSPFaOMc2kM/s1600/logo+abuiyad.png) no-repeat;
    float: right;
    text-indent: -9999px;
    width: 960px;
}
#header h1 a {
    display:inline-block;
    height: 101px;
}
#header h1 a:hover {
    text-decoration:none;
}
/*=== Navigation ===*/
/*- Top Nav -*/
.topnav {
    font-size: 10px;
    font-weight: bold;
    height: 31px;
    overflow: hidden;
}
.topnav li {
    background: url() no-repeat right;
    float: right;
    line-height: 30px;
}
.topnav li.first {
    background: none;
}
.topnav li.first a {
    padding: 0 7px 0 4px;
}
.topnav li a {
    color: #FFFFFF;
    display: block;
    float: right;
    padding: 0 8px 0 9px;
    text-decoration: none;
}
.topnav li a:hover,
.topnav li.active a {
    text-decoration: underline;
}    
/*- Nav1 -*/
#nav1 {
    background: url(http://lh3.ggpht.com/_4_wf1DKMvX4/TMWhpBf10EI/AAAAAAAABmY/nt0Tp--HaVg/nav1-sep.gif) no-repeat right top;
    font-size: 17px;
    height: 40px;
}
#nav1 ul.sf-menu li {
    position: relative;
    background: url(http://lh3.ggpht.com/_4_wf1DKMvX4/TMWhpBf10EI/AAAAAAAABmY/nt0Tp--HaVg/nav1-sep.gif) no-repeat left top;
    float: right;
    line-height: 37px;
    padding: 0 1px 0 0;
    text-align: center;
}
#nav1 ul.sf-menu li a {
    color: #333333;
    display: block;
    position: relative;
    float: right;
    text-decoration: none;
    width: 107px;
    cursor: pointer;
}
#nav1 ul.sf-menu li a:hover {
    text-decoration: none;
    background: #5EB7CB;
}
#nav1 ul.sf-menu li ul.sub-menu {
    border: 1px solid #000000;
    background: #272726 url(http://lh3.ggpht.com/_4_wf1DKMvX4/TMWjU7-2HsI/AAAAAAAABmc/QXyoA2c-ErY/ul_children_bg.gif) repeat-y top left;
}
#nav1 ul.sf-menu li ul.sub-menu li {
    background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWjVdQ_9aI/AAAAAAAABmg/4CF11tyu6u8/ul_children_li_bg.gif) no-repeat bottom left;
}
#nav1 ul.sf-menu li ul.sub-menu li a {
    color: #bebebe;
    text-decoration: none;
    display:block;
}
#nav1 ul.sf-menu li ul.sub-menu li a:hover {
    text-decoration: none;
    background: none;
}
#nav1 ul.sf-menu li ul.sub-menu li ul.sub-menu {
    border: 1px solid #000000;
    border-right: none;
    background: #272726 url(hhttp://lh6.ggpht.com/_4_wf1DKMvX4/TMWjV2PVgeI/AAAAAAAABmk/dmYhwjXIQwc/ul_children_ul_children_bg.gif) repeat-y top right;
}
#nav1 ul.sf-menu li ul.sub-menu li ul.sub-menu li {
    background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWjVdQ_9aI/AAAAAAAABmg/4CF11tyu6u8/ul_children_li_bg.gif) no-repeat bottom left;
}
#nav1 ul.sf-menu li ul.sub-menu li ul.sub-menu a {
    color: #bebebe;
    text-decoration: none;
}
#nav1 ul.sf-menu li ul.sub-menu
{
    margin:5px 0 0 0;
}
#nav1 ul.sf-menu li ul.sub-menu ul.sub-menu
{
    margin:-1px 0 0 27px;
}
/*=== All Columns ===*/
#columns {
    margin: 37px 0 0;
    padding: 0 0 15px;
    display: table-cell;
    display: block;
    height: auto !important;
    height: 900px;
    min-height: 900px;
}
/*=== Center Column ===*/
#centercol {
    float: right;
    width: 660px;
}
/*=== left Column ===*/
#leftcol {
    float: left;
    width: 305px;
}
#leftcol .widget{
    background: #ffffff;
    border: 1px solid #cfcfcf;
    margin: 0 0 28px;
    padding: 1px;
}
#leftcol .widget .widget-content{
background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    height: 1%;
    padding: 18px;
border-top:1px solid #fff;
}
#leftcol a {
    color: #404040;
    text-decoration: none;
}
#leftcol .widget h2{
    line-height: 40px;
    margin: 0;
    padding: 0 0 0 18px;
    background: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMKR75UyYgI/AAAAAAAABlo/cMmCNJeihwQ/box-bgr_new.gif) repeat-x top;
border-bottom:1px solid #CFCFCF;
}

.BlogArchive #ArchiveList ul li {
list-style:circle inside none;
font-style:Arial;
margin-bottom:6px;
}
#leftcol .list-label-widget-content ul li{
list-style:circle inside none;
font-style:arial;
margin-bottom:6px;
}
/*=== Sub Columns ===*/
.subcols {
    background: url(http://lh4.ggpht.com/_4_wf1DKMvX4/TMWjW_LrfsI/AAAAAAAABms/5gqaIJqOWwY/subcols-bgr.gif) repeat-y right;
    height: 1%;
}
.col1, .col2 {
    float: right;
    width: 285px;
}
.col2 {
    float: left;
}
/*=== Post ===*/
/*- Post Title -*/
.post-title h1 {
    color: #333333;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 10px;
}
.post-title h1 span {
    color: #33707e;
}
.post-title h1.author {
    color: #888888;
    font-size: 14px;
    padding-top: 2px;
}

.post img {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.post img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}
.post-title h2, .post-title h2 a  {
     color: #333333;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0px;
}
/*- Post Date -*/
.post-date {
    margin: 0 0 1.25em;
}
.post-date a {
    color: #ffffff;
}
.post-date em {
    background: #FE4400;
    color: #ffffff;
    font-size: .9em;
    font-style: normal;
    padding: 3px 5px;
    line-height: 1.75em;
}
/*- Post Excerpt -*/
.post-excerpt {
    display: table;
    font-size: 13px;
    font-style: italic;
    height: 1%;
 /* margin: 0 0 1em; */
}

/*- Post Blockquote -*/
.post blockquote {
  background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    border-left:1px solid #CFCFCF;
    border-top:1px solid #CFCFCF;
        border-right: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
    margin:10px;
    padding:10px
}
/*- Post Author -*/
.post-author {
    margin: 0 0 1em;
}
.author-details {
    font-size: .85em;
}
.author-descr {
    display: table;
    height: 1%;
}
/*- Social Links -*/
.social-links {
    background: url(http://lh5.ggpht.com/_4_wf1DKMvX4/TMWjWMQf2jI/AAAAAAAABmo/PGIYUdITVwU/box-bgr2.gif) #f1f1f1 repeat-x top;
    height: 42px;
    padding: 0 18px;
}
.social-links .fl {
    line-height: 42px;
}
.social-links .fl span {
    background: url(http://lh5.ggpht.com/_4_wf1DKMvX4/TMWm5e4uSUI/AAAAAAAABm4/HH-GXMtZcVA/comment_count_bg.gif) no-repeat center right;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 4px 0 8px 0;
    width: 33px;
    margin-left: 6px;
    display: inline-block;
    line-height: 32px;
}
.social-links .fr {
    padding: 9px 0 0;
}
.social-links .fr span {
    line-height: 21px;
}
.social-links img {
    margin: 0 0 0 2px;
}
/*- Related Posts -*/
.post-rel {
    line-height: 1.5em;
}
.post-rel a {
    color: #33707E;
}
/*- Post Comments -*/
.post-comments .fl {
    width: 80px;
}
.post-comments .fr {
    width: 520px;
}

.warning {
    width: 572px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box {
    background: #ffffff;
    border: 1px solid #cfcfcf;
    margin: 0 0 28px;
    padding: 1px;
}
.box .content {
    background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    height: 1%;
    padding: 18px;
}
.box.ads .content {
    padding-right: 15px;
    padding-left: 0;
    text-align: center;
}
#leftcol .box {
    margin: 0 0 10px;
}
/*- Box2 -*/
.box2 {
    background: #f9f9f9;
    border: 1px solid #cfcfcf;
    height: 1%;
    margin: 0 0 20px;
    padding: 18px;
    min-height: 115px;
}
.box2.alt {
    background: #FFFFFF;
}
.box2.alt {
    background: #FFFFFF;
}
.comm-name, .comm-date {
    line-height: 20px;
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 li {
    background: url(http://lh5.ggpht.com/_4_wf1DKMvX4/TMWnum0FpnI/AAAAAAAABnA/JoVPjMxv79Y/ico-list1.gif) no-repeat 0 1.1em;
    border-bottom: 1px solid #e7e7e7;
    height: 1%;
    padding: .7em 0 .7em 13px;
}
.list1 li.last {
    border: 0;
}
#leftcol .list1 li a:hover {
    color: #33707e;
}
/*=== Styling Forms ===*/
input.btn {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}
select {
    padding: 1px;
}
/*- Search -*/
#search {
    float: left;
    height: 25px;
    padding: 31px 0 0;
}
#search input {
    background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWnvNI01eI/AAAAAAAABnE/TC1jCJfgcAU/search-bgr.gif) repeat-x top;
    border: 1px solid #000000;
    float: right;
    padding: 8px;
    width: 285px;
}
#search input.btn {
    background: none;
    border: 0;
    margin: 8px 0 0 -30px;
    padding: 0;
    width: auto;
}

/*---------------------------------------------------------------------------------*/
/* Post-Footer */
/*---------------------------------------------------------------------------------*/
.post-footer {
    height:40px;
    padding:0 10px
}
.post-footer a,.post-footer a:visited {
    color:#555
}
.post-footer a:hover {
    border-bottom:1px dotted #999999;
    color:#369;
    text-decoration:none
}
.post-footer span {
    padding:4px 0px 10px 25px;
    text-align:right
}
.post-footer-right {
    float:right;
    margin:9px 0 0;
    width:525px
}
.post-footer-left {
    background:url(http://3.bp.blogspot.com/_xDpoN6UfFFY/TNKQfB1ZRNI/AAAAAAAADE4/kiroopKclgI/s1600/readmore.png) no-repeat scroll 0 8px transparent;
    float:left;
    padding:9px 28px 0 0px;
    width:68px
}
.post-footer-date {
    background:url(http://1.bp.blogspot.com/_xDpoN6UfFFY/TNKQe1xo-fI/AAAAAAAADE0/_xlJM9SfNGo/s1600/date.png) no-repeat -3px top
}
.post-footer-comment {
    background:url(http://4.bp.blogspot.com/_xDpoN6UfFFY/TNKQeRFdsuI/AAAAAAAADEw/ujg3M0A6uvk/s1600/comment.png)no-repeat -3px top;
    margin-right: 10px
}
.post-footer-label {
    background:url(http://img683.imageshack.us/img683/7453/categoryo.png)no-repeat -1px top;
    margin-right: 10px
}


.minipost-footer {
    height:5px;
    padding:0 10px
}
.minipost-footer a,.minipost-footer a:visited {
    color:#FF770
}
.minipost-footer a:hover {
    border-bottom:1px dotted #999999;
    color:#0000ff;
    text-decoration:none
}
.minipost-footer span {
    padding:4px 0px 10px 25px;
    text-align:right
}
.minipost-footer-right {
    float:right;
    margin:9px 0 0;
    width:525px
}
.minipost-footer-left {
    background:url(http://3.bp.blogspot.com/_xDpoN6UfFFY/TNKQfB1ZRNI/AAAAAAAADE4/kiroopKclgI/s1600/readmore.png) no-repeat scroll 0 8px transparent;
    float:left;
    padding:9px 28px 0 0px;
    width:68px
}
.minipost-footer-date {
    background:url(http://1.bp.blogspot.com/_xDpoN6UfFFY/TNKQe1xo-fI/AAAAAAAADE0/_xlJM9SfNGo/s1600/date.png) no-repeat -3px top
}
.minipost-footer-comment {
    background:url(http://4.bp.blogspot.com/_xDpoN6UfFFY/TNKQeRFdsuI/AAAAAAAADEw/ujg3M0A6uvk/s1600/comment.png)no-repeat -3px top;
    margin-right:10px
}
.minipost-footer-label {
    background:url(http://b.leblogweb.com/LeBlogger/author.png)no-repeat -1px top;
    margin-right: 10px
}


/*=== Footer ===*/
#footer {
    color: #5f5f5f;
    font-size: 11px;
    line-height: 39px;
    margin: 0 auto;
    width: 975px;
}
#footer a {
    color: #33707e;
    text-decoration: none;
}
#footer a:hover {
    color: #5f5f5f;
    text-decoration: underline;
}
#footer ul li {
    display: inline-block;
    margin-right: 15px;
}

/*=== Tweets ===*/
.tweet ul.tweet_list {
margin-bottom:20px;
}
.tweet ul.tweet_list li {
background:url("http://lh3.ggpht.com/_4_wf1DKMvX4/TMWnv7uuiUI/AAAAAAAABnI/xUrGQg9p97g/twitter_icon.png") no-repeat scroll right top transparent;
margin-bottom:15px;
padding:0 0 15px 25px;
border-bottom:1px solid #E7E7E7;
}
.tweet ul.tweet_list span.date {
color:#AAAAAA;
font-size:10px;
font-style:italic;
text-transform:uppercase;
}
.tweet a {
color:#33707E;
text-decoration:underline;
}
.tweet a:hover {
text-decoration:none;
}

/*=== Misc. ===*/
.fix {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    overflow: hidden;
}
.hl, .hl2 {
    background: url(http://lh5.ggpht.com/_4_wf1DKMvX4/TMWoTbGS94I/AAAAAAAABnM/DAWGeqqaOu8/hl-dot.gif) repeat-x top;
    clear: both;
    height: 2px;
    overflow: hidden;
    width: 100%;
}
.hl2 {
    background: none;
    border-top: 1px solid #e7e7e7;
    height: 1px;
    margin: 0 0 .8em;
}
.fl {
    float: right;
}
.fr {
    float: left;
}
.ac {
    text-align: right;
}
.ar {
    text-align: left;
}
.post-body{
line-height: 1.5em;
    padding: 0 0 1.3em;
}
.post-title{
float:right;
width:395px;
}
.page-title h2{
font-size: 30px;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0 0 .45em;
    color: #222222;
    text-decoration: none;
}
.avatar-image-container {
background:url(http://www.limbang.net/v4/images/avatars/no_avatar.jpeg) no-repeat; 
width:80px !important;
height:80px !important;
}
.avatar-image-container  img { 
    width:80px !important;
    height:80px !important;   
    border: 1px solid #cfcfcf;
    display: block;
    margin: 0 0 .8em;
}

/*---------- bubble tooltip -----------*/        
a.tt{         
    position:relative;         
    z-index:24;         
    color:#3CA3FF;         
    font-weight:bold;         
    text-decoration:none;         
}         
a.tt span{ display: none; } 
/*background:; ie hack, something must be changed in a for ie to execute it*/        
a.tt:hover{ z-index:25; color: #aaaaff; background:;}         
a.tt:hover span.tooltip{         
 display:block;         
 position:absolute;         
 top:0px; left:0;         
 padding: 15px 0 0 0;         
 width:200px;         
 color: #993300;         
 text-align: center;         
 filter: alpha(opacity:90);         
 KHTMLOpacity: 0.90;         
 MozOpacity: 0.90;         
 opacity: 0.90;         
}         
a.tt:hover span.top{         
 display: block;         
 padding: 30px 8px 0;         
 background: url(http://img132.imageshack.us/img132/4946/bubblethumb.gif) 

no-repeat top;         
}         
a.tt:hover span.middle{ /* different middle bg for stretch */         
 display: block;         
 padding: 0 8px;  
 background: url(http://img571.imageshack.us/img571/2558/bubblefillerthumb1.gif) 

repeat bottom;         
}         
a.tt:hover span.bottom{         
 display: block;         
 padding:3px 8px 10px;         
 color: #548912;         
 background: url(http://img132.imageshack.us/img132/4946/bubblethumb.gif) 

no-repeat bottom;         
}

/* Author Bio */
.postauthor {
   background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    height: 1%;
    padding: 18px;
border-top:1px solid #fff;
}
   
.postauthor img {
    border: 2px solid #1800F2; 
    float: right; 
    margin-left: 1em;
}
.postauthor h3 {
    color: #666; 
    font-size: 1.2em; 
    margin-bottom: 5px; 
    margin-top: 0;
}
.postauthor p {
    color: #54524F; 
    font-size: 15px; 
    margin-bottom: 10px;
    margin-top: 0;
}




/* Author Bio End */


#facebox .b{background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S4QDcQb9PsI/AAAAAAAAD10/tlsyech1rKQ/d/b.png)}

#facebox .tl{background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S4QDwX017ZI/AAAAAAAAD2Y/9YvW1nyo3rE/d/tl.png)}

#facebox .tr{background:url(http://lh4.ggpht.com/_xcD4JK_dIjU/S4QD_EwzYDI/AAAAAAAAD2c/3y21OtLBoVQ/d/tr.png)}

#facebox .bl{background:url(http://lh5.ggpht.com/_xcD4JK_dIjU/S4QDcq5SDlI/AAAAAAAAD14/aMQ2Ep-Br8w/d/bl.png)}

#facebox .br{background:url(http://lh5.ggpht.com/_xcD4JK_dIjU/S4QDc2QNzQI/AAAAAAAAD18/5N4GZspRmRY/d/br.png)}

#facebox{left:0;position:absolute;text-align:left;top:0;width:100%;z-index:100}

#facebox .popup{position:relative}

#facebox table{border-collapse:collapse;margin:auto}

#facebox .body{background:#fff;padding:10px;width:370px}

#facebox img{background:transparent;border:0;margin:0;padding:0}

#facebox .footer{border-top:1px solid #DDD;margin-top:10px;padding-top:5px;text-align:right}

#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;overflow:hidden;padding:0;width:10px}

#facebox .loading,#facebox .image{text-align:center}



.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #FE5800;
background-color:#FE5800;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #FE5800;
background: #FE5800;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #FE5800;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#000000;
}


.partager {
   background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    height: 1%;
    padding: 18px;
border-top:1px solid #fff;
}
.partagerDroite {
    float:left;
    width:275px;
    margin-top:10px;
}
.partagerCounters {
    float:left;
    border:1px solid #DFDFDF;
    background:#fff;
    height:80px;
    padding:5px;
    margin-left:5px;
}
.partagerAbonnement {
    margin-bottom:10px;
}
.partagerAbonnement h3 {
    font-size:25px;
    letter-spacing:-1px;
}
.partagerAbonnement ul {
    list-style:none;
    padding:0;
    margin:0;
}
.partagerAbonnement ul li {
    margin:5px 0 0 10px;
    padding-right:20px;
}
.partagerTwitter {
    background:url(http://1.bp.blogspot.com/_xDpoN6UfFFY/TNKShUabeAI/AAAAAAAADFE/HC1J5TPq8ow/s1600/twitter-small.png) no-repeat scroll right center transparent;
}
.partagerRSS {
    background:url(http://3.bp.blogspot.com/_xDpoN6UfFFY/TNKSgzcZlUI/AAAAAAAADFA/2NdeyCcswQE/s1600/RSS-small.png) no-repeat scroll right center transparent;
}
.partagerEmail {
    background:url(http://b.leblogweb.com/LeBlogger/email-small.png) no-repeat scroll right center transparent;
}
/* Twitter and Facebook buttons */
.twitter-facebook {
    border-right:1px solid #DFDFDF;
    float:left;
    height:46px;
    margin:10px -30px 0 10px;
    padding:0 0 0 10px;
    width: 90px
}
#Label2 ul li{ float:right; width: 45%; }

.borders {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.borders:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}

.borders h2 {
color: #ffff33;
float:right;
}


.minipost {
   background: #D4E3E1;
    height: 1%;
    padding: 20px;
border-left:1px solid #CFCFCF;
    border-top:1px solid #CFCFCF;
        border-right: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
padding-right:7px;
padding-left:7px;
}

   
.minipost img {
    border: 2px solid #CFCFCF; 
    float: right; 
    margin-left: 1em;
}
.minipost h3 {
    color: #666; 
    font-size: 1.2em; 
    margin-bottom: 5px; 
    margin-top: 2;
}
.minipost p {
    color: #54524F; 
    font-size: 15px; 
    margin-bottom: 10px;
    margin-top: 0;
}
.minipost blockquote {
  background: url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) #ffffff repeat-x top;
    border-left:1px solid #CFCFCF;
    border-top:1px solid #CFCFCF;
        border-right: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
    margin:10px;
    padding:10px
}


#tableau {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 20px;
    margin: 10px 0;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}
#tableau th {
    font-size: 25px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2gjh1nPI/AAAAAAAACbg/7lNsVpks2oY/s1600/gradhead.png') repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;
}
#tableau td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    background: #e8edff url('http://1.bp.blogspot.com/_xDpoN6UfFFY/S-J2f5yBC3I/AAAAAAAACbY/zWXYXsR-w5E/s1600/gradback.png') repeat-x;
}
#tableau tfoot tr td {
    background: #FF8A02;
    font-size: 25px;
    color: #FFFFFF;
    text-align:center;
}
#tableau tbody tr:hover td {
    background: #d0dafd url('http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2hsztUzI/AAAAAAAACbo/ztV1CK0RUrE/s1600/gradhover.png') repeat-x;
    color: #339;
}
#tableau a:hover {
    text-decoration:underline;
}


.faire-lien {
   background: #FF8201;
 color: #FFFFFF;
    height: 1%;
    padding: 18px;
border-left:1px solid #003366;
    border-top:1px solid #003366;
        border-right: 1px solid #003366;
        border-bottom: 1px solid #003366;
 font-size : 25px;

}
 

  
.faire-lien img {
 
    float: right; 
    margin-left: 1em;
}
.faire-lien h3 {
    color: #FFFFFF; 
    font-size: 1.2em; 
    margin-bottom: 5px; 
    margin-top: 0;
}
.faire-lien p {
    color: #54524F; 
    font-size: 15px; 
    margin-bottom: 10px;
    margin-top: 0;
}

/* -----   LOWER SECTION   ----- */
#lower {
       margin:auto;
       padding: 0px 0px 10px 0px;
       width: 100%;
       background: background: url(http://3.bp.blogspot.com/_gToJ30Luauw/TQxfBKVUe0I/AAAAAAAAB2U/PjOFwZetW0s/s1600/background+blogger.gif) #f7f6f6 repeat-x top;
    color: #404040; }
#lower-wrapper {
       margin:auto;
       padding: 20px 0px 20px 0px;
       width: 960px;
}
#lowerbar-wrapper {
     border:1px solid #DEDEDE;
       background:#fff;        float: right;
       margin: 0px 5px auto;
       padding-bottom: 20px;        width: 32%;        text-align: justify;
       font-size:100%;
       line-height: 1.6em;
       word-wrap: break-word;
       overflow: hidden;
}
       .lowerbar {margin: 0; padding: 0;}
       .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
      margin: 0px 0px 10px 0px;
       padding: 3px 0px 3px 0px;
       text-align: right;
       color:#0084ce;         text-transform:uppercase;
      font: bold 18px Arial, Tahoma, Verdana;        border-bottom:3px solid #0084ce; }
.lowerbar ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
}
.lowerbar li {
      margin: 0px 0px 2px 0px;
      padding: 0px 0px 1px 0px;
      border-bottom: 1px dotted #ccc;
}




#dafis-acc{

font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB;

padding:2px 0;

border:1px solid #339DC6;

}

.dafis-label{

background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;

font-weight:bold;

line-height:1.4em;

overflow:hidden;

white-space:nowrap;

vertical-align: baseline;

margin: 1px 3px;

outline: none;

cursor: pointer;

text-decoration: none;

padding: 2px 10px;

color: #fff;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

border:1px solid #2F94BA;

}

.dafis-label:hover{

background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;

color:#003366;

}

.dafis-daf ol{

margin:0 0 0 30px !important;

padding:0 !important;

}

.dafis-daf ol li{

background-color:#C9E9F4;

line-height:1.5em;

margin:1px 3px !important;

white-space:nowrap;

text-align:right;

border:1px solid #339DC6;

}

.dafis-daf ol li a{

text-decoration: none !important;

color:#333 !important;

display:block;

padding-left:10px;

}

.dafis-daf ol li a:hover{

background: #7BC4DF;

border-left: 5px #333 solid;

padding-left: 5px;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

}

#HTML2 h2{
background: url(http://www.veryicon.com/icon/preview/System/IconTexto%20Webdev/Webdev%20contact%20Icon.jpg) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}


.cloud-label-widget-content {
  text-align: center;
}
.cloud-label-widget-content a {
  font-family: Arial, sans-serif;
  font-weight: bold;
  white-space: nowrap;
}
.cloud-label-widget-content span {
  padding: 0 5px 0 5px;
}
.label-size-1 a { font-size:14px; color:#2F2F2F; } 
.label-size-2 a { font-size:16px; color:#11AA23; } 
.label-size-3 a { font-size:18px; color:#588EFF; } 
.label-size-4 a { font-size:22px; color:#DA484B; } 
.label-size-5 a { font-size:26px; color:#3B5998; }


]]></b:skin>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style>
    .post-thumb {display:none}
    </style>
    </b:if>

<!-- Don't reemove anything Below otherwise the hover menu will not work -->

<script src='http://convergence.themedemo.net/wp-content/themes/convergence/js/jquery.js' type='text/javascript'/>
<link href='http://convergence.themedemo.net/wp-content/themes/convergence/superfish.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://convergence.themedemo.net/wp-content/themes/convergence/js/superfish.js' type='text/javascript'/>
<script type='text/javascript'> 
$(document).ready(function(){ 
$(&quot;ul.sf-menu&quot;).superfish({
autoArrows:  false,
delay:       400,                             // one second delay on mouseout 
animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
speed:       'fast',                          // faster animation speed 
autoArrows:  false,                           // disable generation of arrow mark-up 
dropShadows: false                            // disable drop shadows             
            }); 
    });
</script>
<!-- Don't reemove anything above otherwise the hover menu will not work -->

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 260; /* طول الملخص للمواضيع بدون صورة */
summary_img = 260; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 200; /* عرض الصورة في الملخص*/
img_thumb_width = 200; /*طول الصورة في الملخص */
</script>
<script src='http://lewordpress.com//Blogger/JS/LireLaSuite0.js' type='text/javascript'/>


<script type='text/javascript'>

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-12629815-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<link href='http://www.iconj.com/ico/w/b/wb4zaokxc3.ico' rel='shortcut icon' type='image/x-icon'/>


<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar{display:none;}
#main{width: 970px;}
</style>
</b:if>


<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:right;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 0em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png&quot;;
var maxresults=4;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;<img alt='' src='https://sites.google.com/site/lightbox007/photo/relaredposteblogger.JPG ' title=''/>&quot;;
</script>
<script src='https://sites.google.com/site/lightbox007/photo/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


<script language='javascript'>
function toggle() {
var ele = document.getElementById(&quot;toggleText&quot;);
var text = document.getElementById(&quot;displayText&quot;);
if(ele.style.display == &quot;block&quot;) {
ele.style.display = &quot;none&quot;;
text.innerHTML = &quot;<img alt='إظهار التعليقات' src='http://4.bp.blogspot.com/_gToJ30Luauw/TRDhKj_fFXI/AAAAAAAAB24/BXUG4id6fdU/s1600/apparaitre+commentaire.png' title='إظهار التعليقات'/>&quot;;
}
else {
ele.style.display = &quot;block&quot;;
text.innerHTML = &quot;<img alt='إخفاء التعليقات' src='http://2.bp.blogspot.com/_gToJ30Luauw/TRDhMzPbSuI/AAAAAAAAB28/jK7MWJzUNbo/s1600/cach%25C3%25A9+commentaire.png' title='إخفاء التعليقات'/>&quot;;
}
}
</script>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>

<script src='http://blogspacetech.googlecode.com/files/facebox.js' type='text/javascript'/>

<script type='text/javascript'>

jQuery(document).ready(function($) {

$('a[rel*=facebox]').facebox()

})

</script>

<script type='text/javascript'>
if(document.location.protocol=='http:'){
 var Tynt=Tynt||[];Tynt.push('d-PytMlMWr4j7madbi-bnq');Tynt.i={&quot;ap&quot;:&quot;إقرأ المزيد على مدونة أبو إياد &quot;};
 (function(){var s=document.createElement('script');s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
}
</script>

</head>

  <body>
  <div id='page'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div class='topnav'>
<div class='menu-top-menu-container'>
<ul class='menu' id='menu-top-menu'>
<li><a href='http://www.abu-iyad.com/'>الرئيسية </a></li>
<li><a href='http://www.abu-iyad.com/p/sitmap.html'>الفهرس</a></li>

<li><a href='http://www.abu-iyad.com/feeds/comments/default?alt=rss'>خلاصات التعليقات</a></li>

<li><a href='http://feeds.feedburner.com/feedburner/simo'>خلاصات المواضيع</a></li>

<li><a href='http://www.abu-iyad.com/2010/09/blog-post_09.html'>الأسئلة المتكررة</a></li>

<li><a href='http://carte-visite-abu-iyad.blogspot.com/'>بطاقة التعريف</a></li>

<li><a href='http://www.abu-iyad.com/p/blog-page_17.html'>إتصل بنا </a></li>

</ul>
</div>            

<ul class='fr'>



<!-- Social Network Section -->
    <div id='sidebar_social'>
    <ul>
      <li>
        
        <a href='http://twitter.com/abuiyad007' target='_blank'>
          <img alt='Twitter' src='http://videonoob.fr/wp-content/themes/headlines/images/ico-social-twitter.png'/>
        </a>
      </li>
      <li>
        
        <a href='http://feeds.feedburner.com/feedburner/simo' target='_blank' title='rss'><img alt='RSS' src='http://img2.savourclub.com/picto/picto_rss.png'/>
 </a>
      </li>
 <li>
<a href='http://www.facebook.com/abuiyad007' target='_blank'>
          <img alt='digg' src='http://img2.savourclub.com/picto/picto_facebook.png'/>
        
        
        </a>
      </li>
      <li class='last'>
        <a href='http://delicious.com/chardo007' target='_blank'>
          <img alt='delicious' src='http://www.singlemaltsdirect.com/media/social/delicious.png'/>
</a>
      </li>
     
      <li>
        <a href='http://www.youtube.com/simochardo#p/u' target='_blank'>
          <img alt='Youtube' src='http://www.ufsc.com/images/youtube.png'/>
        
        
        </a>
      </li>
      <li>
     
    </li></ul>
    </div>
    <!-- /Social Network Section -->
        </ul>
    </div>
    <div id='header'>

<h1><a href='/' title='مدونة أبو إياد'>مدونة أبو إياد</a></h1>

       
    </div>
    <!--/header -->
    <div id='nav1'>

<div class='menu-main-menu-container'>

<ul class='sf-menu'>

<li><a href='http://www.abu-iyad.com/'>الرئيسية </a></li>

<li><a href='http://www.abu-iyad.com/2010/07/widget-for-blogger-blogspot.html'>إضافات بلوجر</a></li>

<li><a href='http://www.abu-iyad.com/p/blog-page_16.html'>أرشيف المدونة</a></li>

<li><a href='http://www.abu-iyad.com/2010/09/blog-post_09.html'>الأسئلة المتكررة</a></li>

<li><a href='http://carte-visite-abu-iyad.blogspot.com/'>بطاقة التعريف</a></li>

<li><a href='http://www.abu-iyad.com/p/blog-page_17.html'>إتصل بنا </a></li>

</ul></div>            
    </div>
    <!--/nav1-->

 
    <div id='columns'>
      <div id='centercol'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img alt='رسالة أحدث ' src='http://3.bp.blogspot.com/_gToJ30Luauw/TQXFGO-5oZI/AAAAAAAAB10/Ynkar4WOm0o/s1600/rescent+message.png'/>
</a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img alt='رسائل اقدم' src='http://4.bp.blogspot.com/_gToJ30Luauw/TQXFGpbBHQI/AAAAAAAAB18/4uGlmlUi2sA/s1600/old+messahe.png'/>
</a>
      </span>
    </b:if>
      <a class='home-link' expr:href='data:blog.homepageUrl'><img alt='الصفحة الرئيسية' src=' http://2.bp.blogspot.com/_gToJ30Luauw/TQXFGa0yOrI/AAAAAAAAB14/7w4RAKx0y-E/s1600/home+blogger.png'/>
</a>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.emailThisMsg/></span>
  </a><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.blogThisMsg/></span>
  </a><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
  </a><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
  </a><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
  </a></b:if><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
    <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
  </a>
  <b:if cond='data:top.showDummy'>
    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  </b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='box post'>

<div class='content post-content'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='page-title'>
<a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2>
     <b:if cond='data:post.link'>
       <data:post.title/>
     <b:else/>
        <b:if cond='data:post.url'>
          <data:post.title/>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>
</div>
<b:else/>
<div class='post-title'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='post-title entry-title'>
     <b:if cond='data:post.link'>
 
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>


     <b:else/>
        <b:if cond='data:post.url'>
       
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>


        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>
<div class='post-date'>
<em>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'>
          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>

<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span> 

        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>

      </em>
</div>

</div>
</b:if>

    <div class='post-header'>
    <div class='post-header-line-1'/>
     </div>
 <b:if cond='data:blog.pageType != &quot;index&quot;'><span class='FL'>


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='tweetbutton' style='float:left; padding:6px;'>
    <a class='twitter-share-button' data-count='horizontal' data-via='abuiyad007' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a>
    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
    </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a class='google-buzz-button' data-button-style='small-count' data-locale='ar' href='http://www.google.com/buzz/post' title='نشر على نبضات Google'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>

</span>
<span class='FR'>


</span>
</b:if>
    <div class='post-body'>
      <p>


<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:left;padding-top:20px;'><a expr:href='data:post.url'><img alt='إقرأ المزيد' src='http://4.bp.blogspot.com/_gToJ30Luauw/TQT2a-PyTYI/AAAAAAAAB1s/xJU6XiQmd8E/s1600/read+more.png' title='إقرأ المزيد'/></a></span>
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>


<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
<div class='faire-lien'>

 <img src='http://sg.wsj.net/public/resources/images/it_alert02232005172608.gif'/>تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي  وإسم المدونة وشكرا 
 
  </div>

 </div>      
 <script type='text/javascript'>
 highlightSearchTerms('مدونة أبو إياد',true,'http://www.abu-iyad.com','summary<data:post.id/>');
highlightSearchTerms('بلوجر',true,'http://www.blogger.com','summary<data:post.id/>');
 </script>


               
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:if cond='data:post.author == &quot;أبو إياد&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='https://sites.google.com/site/lightbox007/photo/readby.jpg' width='80'/>
   <h3>بقلم <a href='http://www.abu-iyad.com/'> إسم الكاتب </a></h3>
   <p>
تكتب هنا نبذة تعريفية عنك 
</p>
 </div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;chardo&quot;'>
<div class='postauthor'>
   <img alt='' height='80' src='https://sites.google.com/site/lightbox007/photo/zakir.JPG' width='80'/>
   <h3>بقلم <a href='http://wthaker.blogspot.com'> إسم الكاتب الثاني</a></h3>
   <p>
تكتب هنا نبذة تعريفية عن ا لكاتب الثاني 
</p>
 </div>
</b:if>
</b:if>


<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://abu-iyad.blogspot.com/2010/07/related-postssimilar-posts-widget-for.html'><img alt='Related Posts Widget For Blogger with Thumbnails' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a><a href='http://abu-iyad.blogspot.com/'><img alt='Blogger Widgets' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->


<a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a></b:if>


</p><div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

</div>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='post-footer'>
<div class='post-footer-right'>
<span class='post-footer-date'><data:post.dateHeader/></span>
<span class='post-footer-comment'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>لا يوجد تعليق<b:else/><b:if cond='data:post.numComments == 1'>1 تعليق<b:else/><data:post.numComments/> تعليق</b:if></b:if></a></span>
<span class='post-footer-label'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?&amp;max-results=9&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> - </b:if></b:loop></span>
        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='post-footer-left'>
<a expr:href='data:post.url'>Lire la suite</a>
</div></b:if>
</div>


<b:else/>


<div class='partager'>
                    <div class='partagerDroite'>
                        <div class='partagerCounters'>
<a class='twitter-share-button' data-count='vertical' data-related='abuiyad007' data-via='abuiyad007' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script> 
                        </div>
<div class='partagerCounters'>                        
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'>Facebook</a> 
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
                                                </div>

<div class='partagerCounters'>
 <a class='google-buzz-button' data-button-style='normal-count' data-locale='ar' href='http://www.google.com/buzz/post' title='نشر على نبضات Google'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>   
</div>
                    
                    </div>
                    <div class='partagerAbonnement'>
   <h3>إذا أعجبك الموضوع ،شاركه مع أصدقائك</h3>
    <ul>
      <li class='partagerEmail'><a href='http://feedburner.google.com/fb/a/mailverify?uri=feedburner/simo' rel='nofollow' target='_blank'>توصل بالمواضيع الجديدة عبر بريدك الإلكتروني</a></li>
      <li class='partagerRSS'><a href='http://feeds.feedburner.com/feedburner/simo' rel='nofollow' target='_blank'> إشترك عبر الخلاصات RSS</a> </li>
      <li class='partagerTwitter'><a href='http://twitter.com/abuiyad007' rel='nofollow' target='_blank'>تابعني  على التويتر</a></li>

<!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
    </ul>
                    </div>
            </div>
</b:if>
</b:if>
</div>


    <b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:post.isFirstPost'>
<span class='FL'>

</span>
<span class='FR'>


</span>
<div class='spacer'/>
</b:if></b:if>
<!--Fin Pub 300x250px-->
</b:includable>
<b:includable id='status-message'>
    <b:if cond='data:navMessage'>
    <div>
    </div>
    <div style='clear: both;'/>
    </b:if>
    </b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h2 id='comment-post-message'>
<img alt='أضف تعليق' src='http://1.bp.blogspot.com/_gToJ30Luauw/TRDhR-wxtAI/AAAAAAAAB3E/RUZttwWo5BQ/s1600/icon+comment.png' title='أضف تعليق'/>
</h2>
    <p><data:blogCommentMessage/></p>
<div class='warning' style='background:#F3F9FB url(http://www.customicondesign.com/images/freeicons/office3/48/Male-User-Warning48.png) 8px 6px no-repeat ; border:#A8D1E6 1px solid; padding: 5px 5px 5px 40px;'> جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد). </div>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='265' id='comment-editor' name='comment-editor' src='' width='640'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup' style='width:100px;height:20px;'/>
    </b:if>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </div>
    </b:if>

   <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><img alt='الصفحة الرئيسية' src=' http://2.bp.blogspot.com/_gToJ30Luauw/TQXFGa0yOrI/AAAAAAAAB14/7w4RAKx0y-E/s1600/home+blogger.png'/>
</a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>

  <b:if cond='data:top.showPlusOne'>
    <script expr:src='data:top.plusOneJsUrl'/>
  </b:if>

  <!-- posts -->
  <div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>

    <data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.isDateStart'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-outer&quot;&gt;
      </b:if>
      <b:if cond='data:post.dateHeader'>
        </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-posts&quot;&gt;
      </b:if>
      <div class='post-outer'>
      <b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<b:if cond='data:label.name != &quot;مصغرات تدوينية&quot;'>

<b:include data='post' name='post'/>

<b:else/>

<b:include data='post' name='minipost'/>

</b:if>
</b:if>
</b:loop>

<b:else/>

<b:include data='post' name='post'/>

</b:if>
     
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      </div>
      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <div class='inline-ad'>
          <data:adCode/>
        </div>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <b:if cond='data:numPosts != 0'>
      &lt;/div&gt;&lt;/div&gt;
    </b:if>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->

  <b:if cond='data:top.showStars'>
    <script src='//www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

  <div class='mobile-post-outer'>
    <div class='mobile-index-title-outer'>
      <h3 class='mobile-index-title entry-title'>
        <a href='javascript:void(0)'><data:post.title/></a>
      </h3>
    </div>

    <div>
      <div class='mobile-index-arrow'>
        <a href='javascript:void(0)'>&amp;rsaquo;</a>
      </div>

      <div class='mobile-post-contents'>
        <b:if cond='data:post.thumbnailUrl'>
          <div class='mobile-index-thumbnail'>
            <div class='Image'>
              <img expr:src='data:post.thumbnailUrl'/>
            </div>
          </div>
        </b:if>

        <div class='post-body'>
          <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
        </div>
      </div>
      <div style='clear: both;'/>
    </div>

    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
  </div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='minipost' var='post'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='minipost'><a expr:name='data:post.id'/>
    <div class='entry'><data:post.body/></div>
<div class='minipost-footer'>
<div class='minipost-footer-right'>
<span class='minipost-footer-date'><data:post.dateHeader/></span>
<span class='post-footer-comment'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>أضف تعليقك<b:else/><b:if cond='data:post.numComments == 1'>1 أضف تعليقك<b:else/><data:post.numComments/> أضف تعليقك</b:if></b:if></a></span>


</div>
</div></div>
<b:else/>

<div class='minipost'><a expr:name='data:post.id'/>
    <h2 class='title'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
</h2>
    <div class='entry'><data:post.body/></div>
<div class='minipost-footer'>
<div class='minipost-footer-right'>
<span class='minipost-footer-date'><data:post.dateHeader/></span>
<span class='post-footer-comment'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>أضف تعليقك<b:else/><b:if cond='data:post.numComments == 1'>1 أضف تعليقك<b:else/><data:post.numComments/> أضف تعليقك</b:if></b:if></a></span>

</div></div></div>

</b:if>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='box post-comments' id='comments'>
<div class='content'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h2>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h2>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

<a href='javascript:toggle();' id='displayText'><img alt='إظهار التعليقات' src='http://1.bp.blogspot.com/_gToJ30Luauw/TRDhOa2w5JI/AAAAAAAAB3A/HxZ4Se2kFD4/s1600/comments+disparu.gif' title='إظهار التعليقات'/></a>
<div id='toggleText' style='display: none;'>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass'>

          <b:loop values='data:post.comments' var='comment'>

<div class='fl ar'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='60px' width='60px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
                <data:comment.authorAvatarImage/>
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=3178676043948043287&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0 ,scrollbars=yes,width=450,height=450&quot;); return false;'>
<img src='http://3.bp.blogspot.com/_gToJ30Luauw/TQaOKbLuy8I/AAAAAAAAB2A/sqIwfZ7Q7gg/s1600/reply+blogger.png'/></a></span>
</div>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <div class='comm-name'><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a></div>
              <b:else/>
                <div class='comm-name'><data:comment.author/></div>
              </b:if>

<span class='comment-timestamp'>
<div class='comm-date'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <small><em><data:comment.timestamp/></em></small>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/></div>
              </span>
            </dt>
</div>

            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<div class='fr'><div class='box2 alt'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if></div></div>
            </dd>
            <dd class='comment-footer'>
              
            </dd><div class='fix'/>
          </b:loop>
        </dl>
      </div>
 </div>
      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>
    </b:if></div></div>

<div class='box post-comments'>
<div class='content'>
      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>

<div style='background:#F8F8FF; border:2px solid #F0F0F0; display:block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;text-align:center; direction:ltr;  color:#FE6000;'><b> 
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2839%29.png' width='50'/> :))<a href='http://www.abu-iyad.com' style='display:none;'>Blogger</a><img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%282%29.png' width='50'/> ;))
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2828%29.png' width='50'/> ;;)
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2813%29.png' width='50'/> :D<a href='http://www.abu-iyad.com' style='display:none;'>Blogger</a><img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2835%29.png' width='50'/> ;)
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%284%29.png' width='50'/> :p
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2817%29.png' width='50'/> :((
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64.png' width='50'/> :)
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%286%29.png' width='50'/> :(<a href='http://www.abu-iyad.com' style='display:none;'>Smiley</a><img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2814%29.png' width='50'/> =((
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2824%29.png' width='50'/> =))<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2821%29.png' width='50'/> :-*<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2820%29.png' width='50'/> :x<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2819%29.png' width='50'/> b-(<img border='0' height='50' src=' https://sites.google.com/site/lightbox007/emoticon/64%281%29.png' width='50'/>:-t<img border='0' height='50' src=' https://sites.google.com/site/lightbox007/emoticon/64%2822%29.png' width='50'/>8-}</b></div>  
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><img alt='أضف تعليق' src='http://www.ibda3world.com/wp-content/themes/ibdaa-mag/images/comments_new2.png' title='أضف تعليق'/>
</a>
          </b:if>
        </b:if>

<div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>

      </p></div></div>
 
</b:includable>
</b:widget>
</b:section>
      </div>

      <div id='leftcol'>
        <b:section class='sidebar' id='sidebar' preferred='yes'/>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'> </div>

    </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>

  </div><!-- end outer-wrapper -->

<div id='page-bot'>
    <div id='footer'>
        <div class='fl'>تطوير وتعريب :<A href='http://www.abu-iyad.com'>أبو إياد</A> </div>

        <div class='fr'>
<div class='menu-footer-menu-container'>
<ul>
<li><a href='#'/></li>
<li><a href='#'/></li>
</ul>
</div>                
        </div>
    </div>
    <!--/footer -->
</div>
<!--/page-bot -->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');

if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("target", "_blank");
}
});
//]]>
</script>

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=9;
var displayPageNum=12;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');

if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("target", "_blank");
}
});
//]]>
</script>

 <script src='http://abu-iyad.googlecode.com/files/abuiyadSmileythanks2.js.txt' type='text/javascript'/><noscript><a href='http://www.abu-iyad.com'>Onion</a><a href='http://www.abu-iyad.com'>smiley</a></noscript>

<script src='http://abu-iyad.googlecode.com/files/abuiyadSmileythanks4.js' type='text/javascript'/><noscript><a href='http://www.abu-iyad.com'>Onion</a><a href='http://www.abu-iyad.com'>smiley</a></noscript>


<div id='lower'>
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'/>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'/>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'/>
</div>
<div style='clear: both;'/>
</div> </div>
</body>
</html>

الدعم العربي

a7meda1a غير متواجد حالياً   رد مع اقتباس
قديم 09-29-2012, 01:08 AM   #8
mesharyrachid
مدون جديد
 
تاريخ التسجيل: Sep 2012
المشاركات: 8
افتراضي رد: قالب مدونه ابو اياد بتعديلات جديده

أنا : mesharyrachid




شكرراااااااااااااااااااا جزيلا قالب رائع

http://mymor-b.blogspot.com/

الدعم العربي

mesharyrachid غير متواجد حالياً   رد مع اقتباس
قديم 10-10-2012, 04:04 PM   #9
عاشق الخالد
مدون جديد
 
تاريخ التسجيل: Oct 2012
المشاركات: 7
افتراضي رد: قالب مدونه ابو اياد بتعديلات جديده

أنا : عاشق الخالد




السلام عليكم

قالب رائع ألف شكر لك

لكن عندي مشكلتين

١ - لم تعمل معي خاصية اقرأ المزيد
٢ - وجود ترقيم الصفحات في أسفل المدونة ملازم معي في كل قالب أركبه وماعرفت أشيله

الدعم العربي

عاشق الخالد غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
قالب 3arabarticles بتعديلات جديده a7meda1a قوالب بلوجر عربية ومعربة 5 05-08-2014 07:36 PM
قالب المحترف بتعديلات جديده وسرعه عاليه Eslam قوالب بلوجر عربية ومعربة 5 11-30-2012 12:28 PM
بدآيه جديده - دروس جديده - تطويرات عظيمة < مهم جدا مدونة ahm المنتدى الإشهاري 1 09-23-2012 02:42 PM
طلب تعديل علي قالب مدونه ابو اياد [تمت التلبية] a7meda1a طلبات قوالب بلوجر 3 08-06-2012 10:46 PM
موقع و مدونه عالم مشكله الساخر ليست مجرد مدونه MoSHkla1 المنتدى الإشهاري 1 08-01-2012 04:03 AM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 11:21 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)