قالب بلوجر غير مُعرب (4)

قالب 4

المعاينة 

http://gameclub-bloggertemplateplace.blogspot.com/

التحميل 

اضغط هنا للتحميل

قالب بلوجر معرب (3)

قالب بلوجر معرب 3

تحميل قالب / استايل بلوجر GardenWork المعرب

الإصدار الأول من قالب / استايل GardenWork لبلوجر blogger: قالب بلوجر بني مع عمود للإضافات على اليسار وبدون أعمدة فوتر يصلح للمدونات الشخصية والمدونات المهتمة بالطبيعة.

قبل تحميل القالب يجب أن تعلم :

• لا أسامح أبدا من يحذف حقوق التعريب
• + غير مسجل إذا أعجبك القالب / الاستايل اضغط زر الإعجاب الخاص بالفيسبوك أسفله

باسوورد فك الضغط : www.bloggerexp.com



معاينة القالب - تحميل القالب

قالب بلوجر معرب 3)

قالب 3

تحميل قالب / استايل بلوجر Love Sonnet المعرب ~ قالب بلوجر للمدونات الشخصية

قالب / استايل Love Sonnet المعرب لبلوجر blogger: قالب / استايل بلوجر بسيط أبيض وأحمر مناسب للمدونات الشخصية بعمود للإضافات على اليسار وبدون أعمدة فوتر.



باسوورد فك الضغط : www.bloggerexp.com

معاينة القالب - تحميل القالب

إضافة زر المتابعة على المواقع بشكل متحرك

اضافات بلوجر

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

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

لوحة التحكم الرئيسية / التخطيط / أداة جافاسكريبت وضع بها الكود التالى

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><style type="text/css">#MD-circle-mod{bottom: 0 !important;left: 5px;position: fixed;}#MD-container-circle{position:relative;height:100px;width:100px}#MD-base-button{background:-moz-linear-gradient(center top,#A90329 0,#8F0222 44%,#6D0019 100%) repeat scroll 0 0 #6D0019;background:-webkit-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:-o-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:-ms-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);border:4px solid #fff;text-decoration: none;z-index:9999;cursor:pointer;border-radius:50px 50px 50px 50px;box-shadow:0 1px 3px rgba(0,0,0,0.5);color:#fff;font:68px Arial;height:80px;left:0;padding:0;position:absolute;text-align:center;top:0;width:80px}.MD-btn{position:absolute;height:50px;width:50px;border-radius:25px;top:15px;left:15px;-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;-ms-transition:all 250ms;transition:all 250ms;box-shadow:0 1px 3px rgba(0,0,0,.5)}#MD-fb.open{top:-125px;left:25px}#MD-fb.open.clicked{top:-135px;left:15px}#MD-tw.open{top:-105px;left:80px}#MD-gplus.open{top:-75px;left:125px}#MD-rss.open{top:-30px;left:160px}#MD-mail.open{left:175px;top:25px}.plus{-moz-user-select: none;-moz-transition:all 200ms ease-in 0s;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in}.rot{-moz-transform:rotate(137deg);-o-transform:rotate(137deg);-webkit-transform:rotate(137deg);transform:rotate(137deg)}</style><script type="text/javascript">var delay=40,delayTime;$(function(){btns=$(".MD-btn");$("#MD-base-button").toggle(function(){$("span.plus").addClass("rot");btns.each(function(a){var b=$(this);delayTime=a*delay;window.setTimeout(function(){b.addClass("open")},delayTime)})},function(){$("span.plus").removeClass("rot");$($(btns).get().reverse()).each(function(a){var b=$(this);delayTime=a*delay;window.setTimeout(function(){b.removeClass("open")},delayTime)})})});</script><a href="http://gj37765.blogspot.com" style="position:absolute;z-index:-11"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimqHd5r0nqoS3i6gqCKORQoqchF1-EhOKVoB_XvJ1kmtxqadV-jsIJ7RIgS48ak3ueI4ZfIhonAl6Vh5WNpcEcaNsjrhI9Mk9wQlMS9Av2cmLVJKgpmMPHsR1c6ol_MDfKCjjO4Av9lTc/s1600/1x1juice.png" /></a><div id="MD-circle-mod"><div id="MD-container-circle"><a id="MD-fb" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDFfeKZrea70_J5-opkDyVNwV4UHSmHsZJpAVJjCXnUo2N_KuTgkZJegnhZBhaZsKtormPxiN6s153EkNAkLgZPogiEdDeNmz2WYA4gdZBOAbokSS1URarhEM-vxAbQayPnA6evJ-ynRH/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -1px 0" href="https://www.facebook.com/nevadajabr" rel="nofollow" target="_blank"></a><a id="MD-tw" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDFfeKZrea70_J5-opkDyVNwV4UHSmHsZJpAVJjCXnUo2N_KuTgkZJegnhZBhaZsKtormPxiN6s153EkNAkLgZPogiEdDeNmz2WYA4gdZBOAbokSS1URarhEM-vxAbQayPnA6evJ-ynRH/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -52px 0" href="http://twitter.com/#" rel="nofollow" target="_blank"></a><a id="MD-gplus" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDFfeKZrea70_J5-opkDyVNwV4UHSmHsZJpAVJjCXnUo2N_KuTgkZJegnhZBhaZsKtormPxiN6s153EkNAkLgZPogiEdDeNmz2WYA4gdZBOAbokSS1URarhEM-vxAbQayPnA6evJ-ynRH/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -157px 0" href="#" rel="nofollow" target="_blank"></a><a id="MD-rss" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDFfeKZrea70_J5-opkDyVNwV4UHSmHsZJpAVJjCXnUo2N_KuTgkZJegnhZBhaZsKtormPxiN6s153EkNAkLgZPogiEdDeNmz2WYA4gdZBOAbokSS1URarhEM-vxAbQayPnA6evJ-ynRH/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -105px 0" href="#" rel="nofollow" target="_blank"></a><a id="MD-mail" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxDFfeKZrea70_J5-opkDyVNwV4UHSmHsZJpAVJjCXnUo2N_KuTgkZJegnhZBhaZsKtormPxiN6s153EkNAkLgZPogiEdDeNmz2WYA4gdZBOAbokSS1URarhEM-vxAbQayPnA6evJ-ynRH/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -210px 0" href="http://feedburner.google.com/fb/a/mailverify?uri=#&loc=en_US" rel="nofollow" target="_blank"></a><a id="MD-base-button"><span class="plus">+</span></a></div></div><a href="http://gj37765.blogspot.in" rel="dofollow"></a>

مع تغيير اللوان الأحمر بالروابط الخاصة بك

المصدر | مدونة مدوّن http://mdwanblog.blogspot.com/2013/09/blog-post_18.html#ixzz2iUPGDRB0

اضافة كود آخر التعليقات بالمدونة

أضف لمدونتك آخر التعليقات بشكل جزاب وبصورة المعلق

اضافات بلوجر

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

كود لآخر التعليقات بدون أى مشاكل + صورة للمعلق شكله جزاب خفيف وبسيط 

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

تركيب الإضافة 

لوحة تحكم بلوجر - التخطيط - إضافة اداة جافاسكريبت 

وضع بها الكود التالى 

 <style type="text/css">
    ul.w2b_recent_comments{list-style: none;margin: 0;padding: 0;}
    .w2b_recent_comments li{margin: 5px!important;padding: 5px!important;display: block;clear: both;overflow: hidden;list-style: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.w2b_recent_comments li:hover{background: #CCCCCC!important;border:1px #999999;margin: 5px!important;padding: 5px!important;display: block;clear: both;overflow: hidden;list-style: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 6,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 60,
 showMorelink = false,
 moreLinktext = "للمزيد",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://mdwanblog.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

مع تغيير اللون الأحمر برابط مدونتك

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

المصدر | مدونة مدوّن http://mdwanblog.blogspot.com/2013/05/comments.html#ixzz2iUMEjBbx

ABLUT ME

موقع رائع يمكنكـ التعريف بنفسكـ وكل ما يخصكـ من اهتمامات وهوايات وشئون صغيرة كانت او كبيرة وهو اشبه بباقة تعريف عنكـ يمكنك اضافتها بشتى مواقع تواجدكـ وتدوينكـ من خلال رابطها ...

لينك الموقع

https://about.me/

للمعاينة

ABOUT ME

قالب بلوجر معرب (2)

وبنفس الطريقة التى تعرفنا عليها فى تركيب القالب الاول نقوم تتبعها فى القوالب التالية جميعها .. 

** ملحوظـة
لمن لم يرى الموضوع السابق فـ هذا رابطه قالب بلوجر معرب (1)

قالب (2)

للمعاينة

للتحميل

قالب بلوجر معرب (1)

تحميل قالب / استايل بلوجر OrganicBlog المعرب

قالب / استايل OrganicBlog المعرب لبلوجر blogger: قالب / استايل بلوجر أزرق خفيف وبرتقالي بخلفية زرقاء وعمود للإضافات على اليسار وبدون أعمدة فوتر.

تفعيل السلايدر :

أضف الكود التالي من عناصر الصفحة في أداة Featured Posts :

كود:

<!-- Featured Content Slider Started -->
<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>
<div class='fp-slides'>

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqZZAYWME6K6U8CnGZ-KcT8F8cnXmQ2JWVbM725bmK5WJZ9eoPvTjmm3XJqf_LwjsxfrmfLIwV-cp2o6wzf_8gVUsX7duGGZQTHILGwPB56yGMpFP16SUWGhJSOQGhT2XnrR69K5fHRd6l/s1600/1.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>عنوان الموضوع الأول</a>
</h3>
<p>
أكتب هنا وصف الموضوع الأول، هذا القالب من تعريب معهد خبراء بلوجر : http://www.bloggerexp.com/
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>

<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 1 Code End -->
<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQr8lt25gubEuG_gJcFEggkZrdnxXYQViSEm2Rvw3bUoFxjP42SUoxybDUu31RB4w5FFpwnzloyjUcdFksvnFfTgOeUytbaYNfMXx4GlXA64mFNEu5yZvHs-GILoneMj5xYA8K5bqV-Ez/s1600/2.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>عنوان الموضوع الثاني</a>
</h3>

<p>
أكتب هنا وصف الموضوع الثاني، هذا القالب من تعريب معهد خبراء بلوجر : http://www.bloggerexp.com/
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 2 Code End -->
<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWv78-sy_jZXeG6I42tWhE6_bsmE3rLp_v8nZJtV3DWKjFg007lZyhEZXs2RL94JKbqLOdP8PockFiEYkNKZh0dGD3gUTsCFxRpQnQQjw21wv2C9qtQ0nG7Zv1sseCs0KzlmDV03raYAD3/s1600/3.jpg"/></a>
</div>
<div class='fp-content-wrap'>

<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>عنوان الموضوع الثالث</a>
</h3>
<p>
أكتب هنا وصف الموضوع الثالث، هذا القالب من تعريب معهد خبراء بلوجر : http://www.bloggerexp.com/
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 3 Code End -->
<!-- Slide 4 Code Start -->

<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQhWUA84S_2PLLggGf_Uzz60ZWum7JTYqMkaNpeacZLRbo1osDCK0EMHKcm95le2vVaWvA3cqYGvM7SZ4tthXhG-7SFFz0cvU1Rim-BtNQ0of1frCd9ca_Mf83upEgiBwTKhU9HH1wL9I8/s1600/4.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>عنوان الموضوع الرابع</a>
</h3>
<p>
أكتب هنا وصف الموضوع الرابع، هذا القالب من تعريب معهد خبراء بلوجر : http://www.bloggerexp.com/
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>

</div>
</div>
</div>
<!-- Slide 4 Code End -->
<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFiF7L6kmHpsuU8BZDqHHTIScPF-3k4EbGOJl5ZIcxj4EDOZIlI4Gae0zjymDScq_qjsSvIO8Pi5kOxwQjwcd8u7PkUzUkTxdnrkK-XbS6w1yc20UVkn-Tpz3DBbY61ObxlpeJUrnpJgAE/s1600/5.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>عنوان الموضوع الخامس</a>
</h3>
<p>
أكتب هنا وصف الموضوع الخامس، هذا القالب من تعريب معهد خبراء بلوجر : http://www.bloggerexp.com/
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 5 Code End -->
</div>
<div class='fp-nav'>
<span class='fp-pager'/>
</span></div>
</div>
</div>
<div style='clear:both;'/>
<!-- Featured Content Slider End --></div>

غير كل ما عُلِمَ ب:

الأزرق إلى رابط الموضوع
الأحمر إلى رابط الصورة
الأخضر إلى عنوان الموضوع
البنفسجي إلى وصف أو ملخص للموضوع

لإضافة أزرار المواقع الاجتماعية :
الصق الكود لتالي في أداة Social icons :

كود:

<a href='http://twitter.com/'   rel="nofollow" target='_blank'><img alt='twitter'   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFI4FHyoQuw9MNuO_DhO6DLJfiaZn_QsbMe8RYigRToiLxeFKeXCGS6rFdAuh5dueYm3XuCGUGgtpKKhpbGCases1DdBhiKZ6RfE7LnrpIs0OZRaqlMJewwpTkGVCD3akPVA5BwRqWW_8/s1600/twitter.png"   title='twitter'/></a><a href='http://facebook.com/'   rel="nofollow" target='_blank'><img alt='facebook'   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzqRb5rrH0vtod-uh9_c1gm-4v2XPzjMq0wX6zCymC5b0Z5jJfoeUm1eMI7vfYwcV-K98ceEA14GsF_GI5b0UFTh81m_YVruKyfVW3V-yC6f8gtFHfowbHQd0Ms80RNEF1_INL_V3_1fo/s1600/facebook.png"   title='facebook'/></a><a href='https://plus.google.com/'   rel="nofollow" target='_blank'><img alt='google plus'   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdWijuom1SPdLsvP2rkwZyWQRJm-teKrulhVQd5OwnJMsuNoC7KiFPEDp6ZvRI7S2pP-bvTF334R_x5dzgcNgecw9saBYJM4awR9L1jXCpOmkt4-0SWWe1FOEBGuikAhybpAeSoJDm0L4/s1600/gplus.png"   title='google plus'/></a><a  href='http://www.linkedin.com/'  rel="nofollow" target='_blank'><img  alt='linkedin'   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip-MDXv-AtSe18b36FuXPBHencZglsZ5DuqbePRnoyiYft9z-fp3pyrc5hICVv_TfxH5ZxYh8RUQyF3pGpDsqewBf30RyyzHoQur_3GBHIbsVoEMV7xwjSBntAiRzm_HPZ7kN2NplC0BA/s1600/linkedin.png"   title='linkedin'/></a><a href='http://feedburner.com'   rel="nofollow" target='_blank'><img alt='rss feed'   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs5o0Kve6E1RGj5Yu45XCtWXlpV24NFQcxWjZ7knXHS_u8uKZuCzyNCstuVjREFsjcIdaN5S578RiY915NcIZtfyH3tL2a5TATqAyaS7dXDPBDjTkKJRga4X8fBl7n9Bn426Ccv7buqJE/s1600/rss.png"   title='rss feed'/></a><a href='mailto:your@email.com'   rel="nofollow" target='_blank'><img alt='email'   src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZkVR4MymOxDj9EisoCK80v_QaU6sDspzCrNeOmtMBGFe8BkaOdYwOWGbLAXA3-RY0DNkNkFT1tBVP5oRJKRYcqaQuB-cP4RGugSh_8u7C4p96vXWbBv9i6nIoU0pDBBg6uLAgseFIoQ/s1600/email.png"   title='email'/></a>

باسوورد فك الضغط : www.bloggerexp.com

معاينة القالب - تحميل القالب

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

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

ملحوظة هامة ..:قبل اي تغيير فى المدونة قم بفتح مربع html قم بنسخ القالب كاملا فى ملف على الجهاز الخاص بكـ حتى تستطع الرجوع اليه ان لم تفلح معكـ التغييرات التى تحاول القيام بها .. 

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

2/  انقر على قالب ثم تحرير  html

3/  قم بالضغط من الكيبورد على زر الكنترول مع حرف الـ f لفتح مربع البحث ثم انسخ هذا الكود بالتظليل بطريقة الـ copy & past

 <div class='comments' id='comments'>

وعند ايجاده ضع تحته مباشرة الكود التالي بنفس الطريقة  copy & past 

وسوف تجده مكرر  ..... ضع تحت كل واحدة الكود التالي  حتى الانتهاء 
4/ قم بحفظ النموذج ثم معاينة وشاهد التغييرات التى حدثت

div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWps0FSeEG6JP7Zbb3I8Mvf3r7fI_aNSO3hgJzmUDKqim4ypDHdJoyul_U3IkFADSFfCRDzpLgjp-coau-epPqbS_-HSg50S0EOS_zTusw3nNCMBNQ9L_9LY_Q3KbNshZH5MNzYwKKMOk/s1600/FACEBOOK.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div><div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfvlICfuQs_qis2jcDzqRb-WfZ4i1xJZ9hed6ATeu-YF67PnRsfCMzVva8yyYPmT-SSdlfv4vrd8ql1YJ5zwlDa52-6_boTm4AEqAMRvQaBplOe5bSXuYCMqQFaN94ppAXnGUDFCNpgWk/s1600/BLOGGER.png'/> <data:post.numComments/> التعليقات</div><div class='clear'/></div><div class='comakauttafb-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments color='dark' expr:href='data:post.url' num_posts='10'width='680'/></b:if></div><div class='comments comakauttafb-page' id='blogger-comments-page'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='additions.blogger' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comakauttafb-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}</script><style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-right:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>