اضافة آخر المواضيع في مدونتك على شكل شريط متحرك علوي قم باضافة هذا الشريط في مدونتك

لتجعل الزائر يتصفح اخر اخبار مواضيع مدونتك و بشكل متحرك من اليسار الى اليمين

شريط متحرك يضم اخر مواضيع المدونة.

إضافة أزرار الشبكات الاٍجتماعية بتاثير CSS بشكل احترافي لمدونات بلوجر

اقدم لكم اليوم اضافة مميزة جدا السرعة في الاداء , الاضافة عبارة عن ازرار الشبكات الاٍجتماعية

تحتوي على أزرار فيسبوك وتويتر و جوجل بلس واليوتيوب واشتراكات او خلاصات المدونة.

 مع تأثيرات Css  المطورة و تأثيرات متحركة بشكل احترافي. 
 عمل الضافة عند تمرير مؤشر الماوس على احد ازرار الاضافة

يتحرك الزر بشكل مميز مع لونه الخاص و عند اٍزالة المؤشر يقوم بالعودة  اٍلى حاله الاول .

 اضافة خفيفة جدا و جدابة من حيث شكلها و طريقة استخدامها عبر المواقع الاجتماعيه .

مميزات الاظافة

اظافة خفيفة جدا. 

تأثيرات متحركة بشكل احترافي

متوافقة مع جميع الاصدارات.

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

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

شرح تركيب الاضافة

اذهب الى لوحة التحكم ثم الى تخطيط  ثم قم بإضافة أداة جديدة جافا سكريبت

HTML/JavaScript.

 

 اسخ هذا الكود الموجود  ثم الصقه في الاداة  : 

<!--CSS-Social Network-Widget By zoomarabic.blogspot.com-->
<link href='https://googledrive.com/host/0B0w6bpKSwOKUZzdaMXpSQWhIZkk/ ' rel='stylesheet'/>
<ul id="Zoomarabic-SNS">
<li ><a href="http://www.facebook.com/zoomarab" target="_blank" class="icon fb">فيس بوك</a><span>تابعنا على الفيس بوك</span>
</li>
<li ><a href="http://twitter.com/zoomarab" target="_blank" class="icon twit" >تويتر</a><span>تابعنا على تويثر</span>
</li>
<li ><a href="https://plus.google.com/102313743095320940932/"target="_blank" class="icon google" >جوجل</a><span>تابعنا على  جوجل </span>
</li>
<li ><a href="http://www.youtube.com/user/zoomarab" target="_blank" class="icon ytube">اليوتوب</a><span>تابعنا على اليوتوب</span>
</li>
<li ><a href="http://feeds.feedburner.com/zoomarabic" target="_blank" class="icon rss" >خلاصة</a><span>الاشتراك عبر الخلاصة</span>
</li>
</ul>
<!--CSS-Social Network-Widget By zoomarabic.blogspot.com-->

قم باستبدال هذه الروابط  بالروابط الخــاصة بك في الصفحات الاجتماعية

صفحتك على الفايسبوك
   http://www.facebook.com/zoomarab
صفحتك على تويتر
    http://twitter.com/zoomarab
صفحتك على جوجل بلس
    https://plus.google.com/102313743095320940932/
 صفحتك على اليوتوب
   http://www.youtube.com/user/zoomarab
خلاصة مواضيع مدونتك
      http://feeds.feedburner.com/zoomarabic
 
 قم بحفظ الاداة ثم قم بالذهاب الى موقعك لرؤية تأثير الاضافة المميزة

الى هنا انتهينا اعزائي الكرام مبروك عليكم الهدية

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

لا تنسى ا أن تقوم بالانضمام الى المتابعين لتكون صديقا لنا ولمدونتنا 

مع تحياتي و شكرااا  

.اذا كان هناك استفسار او اقتراح يمكنكم التواصل معنا عبر الردود

 جميع الحقوق محفوظة

المصدر : زووم العربية

إضافة, أزرار, مواقع, اٍجتماعية, بتاثير, ,CSS,شكل, احترافي,ترايدنت,اتقان,خبراء بلوجر,
,لشبكات ,الاٍجتماعية, بتاثير, CSS ,مدونات ,بلوجر,widgetsocial,networking ,buttons ,css, 2014

إضافة كود اضافة اليكسا لمدونتك أو موقعك على مستوى العالم وعلى مستوى دولتك

إضافة كود اضافة اليكسا لمدونتك أو موقعك على مستوى العالم  وعلى مستوى دولتك الكود متوافق مع كل القوالب

اضافة المواضيع الاكثر مشاهدة بالصور المصغرة

 اهلا و سهلا اعزائي الكرام 

اقدم لكم اليوم اضافة المواضيع الاكثر مشاهدة بالصورالمصغرة
اي اضافة المشاركات الشائعة بالصور جنيا الى جنب

اضافة المشاركة الشعبية هي التي يمكن من خلالها عرض مقتطف من مشاركاتك ذو شعبية

  الأكثر مشاهدة جنبا إلى جنب مع صورة مصغرة بناء على احصائيات تحليلات الخاص بك. 

في هذه الاضافة تعديلات بسيطة في عرض المشاركات شعبية و ذلك بعرض الصور المصغرة من صور المقال.  

هذهالاضافة مميزة وخاصة لأولئك الذين يملكون مدونات معرض التصوير الفوتوغرافي ،

  و المدونات التي تحتوي على مواضيع أكثر حول الصور.

    

شرح تركيب الاضافة

الدخول إلى لوحة التحكم الخاصة بك على بلوجر

اذهب إلى تخطيط >> إضافة أداة جديدة >> حدد أداة المشاركات الشائعة

تأكد من تحقق الصورة المصغرة فقط.

 

قم حفظ الاداة وحفظ الترتيب.

الان قم بالذهاب إلى قالب >> تحرير HTML >> توسيع القالب

ابحث عن ]]></b:skin>  وضع رمز CSS التالي قبل او فوق  ]]></b:skin>

.PopularPosts .widget-content ul li {background:#FFF repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
    .PopularPosts ul{padding:5px 0}
    .PopularPosts .item-thumbnail img{width:50px;height:50px;padding:11px;margin:0}
    .PopularPosts .item-content{position:relative;float:left;margin:0}
    .PopularPosts .item-title a{font-size:11px;color:#fff;display:block;padding:0 5px;float:left;width:122px}
    .PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
    .PopularPosts .item-thumbnail{float:left;margin:3px 1px 7px 10px;border:1px solid #ccc;overflow: hidden}
.PopularPosts .item-title{display:none;}

يمكنك تعديل حجم الصور حسب رغبتك

width:50px;height:50px

احفظ عملك وقم بعرض النتيجة

الى هنا انتهينا 

تحياتي و شكرا

اقدم لكم اداة رائعة يمكن من خلالها و بسهولة  التوفير على الزائر البحث في المدونة 

اضافة أداة البحث في المدونة زر البحث يتيح الى زائرك البحث عن موضوع أو قسم معين دون تعب

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

اهلا و سهلا اعزائي الكرام أقدم لكم

اضافة رائعة لتحسين نتائج مدونتك لأفضل وايضا تحسين مضهرها

هذه الاضافة تجعل تعليق مدونتك تبدو أفضل ونظيفة،من حيث دمج تعليقات الفيس بوك و تعليقات بلوجر 

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

كما أنت متأكد من أن هناك بعض الزوار  الذين قاموا بتسجيل الدخول إلى حسابات الفيسبوك،

 لذلك هم أيضا سوف يكون من الأسهل أن يضيفوا تعليقاتهم عبر الفيس بوك

شرح تركيب الاضافة

1. الدخول إلى لوحة التحكم الخاصة بك على بلوجر

2. تصميم أو تخطيط >> تحرير HTML >>

تحقق من اخد نسخة احتياطية من القالب  

قم ب توسيع القالب ثم ابحث عن هذا الرمز

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

  

قم باضافة هذا الكود أسفلة مباشرة

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> تعليقات الفيس بوك
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> تعليقات بلوجر
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

 الآن نبحث عن رمز </head>  ثم ضع هذا الكود مباشرة قبل لأو فوق </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='رقم المعرف' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>

الآن، قم بإضافة التعليمة البرمجية CSS ابحث عن هذا الرمز ]]></b:skin>

 
ووضع هذا الرمز قبله أو فوقه مباشرة

 .comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: right; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

قم بحفظ القالب وروح اعرض النتيجة

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

 

طريقة اضافة أيقونة ' أر أس أس ' Rss الخاصة بالتغدية بجانب الأقسام 

اهلا و سهلا اعزائي الكرام 

اقدم لكم اليوم طريقة اضافة أيقونات Rss الخاصة بالتغدية بجانب الأقسام 

هذه الاضافة الجميلة تعطي شكلا مميزا لمدونتك وتساعدك على ارشفة مدونتك

شرح طريقة تركيب 

      لاتنسى اخد نسخة احتياطية للقالب

تسجيل الدخول الى لوحة التحكم بلوجر

ثم الى تخطيط أوتصميم ولا تنسى اخد نسخة احتياطية للقالب

ثم ادهب  الى تحرير html ثم تحقق من توسيع القالب

ابحث عن الكود التالي الدي بدايته هكدا

<b:loop values='data:labels' var='label'>

ثم قم بمعانة الكود بالكامل ثم قم بحدفه

<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> <span dir='ltr'/> </li> </b:loop>

عند حدف الكود السابق استبدله بهدا الكود الموجود

<b:loop values='data:labels' var='label'> <li> <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a> <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> <span dir='ltr'/> </li> </b:loop>

ثم احفظ القالب و قم بعرض النتيجة

الى هنا انتهينا اعزائي الكرام

تحياتي و شكراا

اضافة, أيقونات, Rss ,الخاصة, بالتغدية, بجانب, الأقسام , أر أس أس
how,to,add,label,rss,feed,link,button

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

شرح كيفية إضافة المواضيع المشابهة او المشاركات ذات الصلة في مدونتك على بلوجر 

How To Add Related Posts Widget To Blogger

اهلا و سهلا اعزائي 

اقم لكم اليوم شرح مفيد جدا لأصحاب مدونات بلوجر 

كيفية إضافة المواضيع المشابهة

 او المشاركات ذات الصلة في مدونتك على بلوجر 

هده الاظافة تقوم بجمع كُل المواضيع المشابهة للتدوينة و تضعها اسفلها تلقائيا.
هده الاضافة مميزة بحيث تجعل العديد من الزوار 
يكونوا على اتصال بالموقع الخاص بك 

 لفترات أطول من الوقت عندما يرون هده المواضيع

 او المشاركات ذات الصلة من الفائدة.هده الاظافة الانيقة تغنيك عن الاضافات الاخرى

شرح بسيط جداا

 قم بالتوجه لعناصر صفحة مدونتك ثم ادخل إلى تحرير كود القالب 

 ثم اضغط على توسيع القالب و ابحث عن الكود التالي

 </head>

ثم قم بوضع هذا الكود (بعده) أسفل منه مباشرة

<!--Zoomarabic-Related-Posts-Starts-->
    <style>
    #related-posts {
    float : left;
    width : 540px;
    margin-top:20px;
    margin-left : 5px;
    margin-bottom:20px;
    font : 11px Verdana;
    margin-bottom:10px;
    }
    #related-posts .widget {
    list-style-type : none;
    margin : 5px 0 5px 0;
    padding : 0;
    }
    #related-posts .widget h2, #related-posts h2 {
    color : #940f04;
    font-size : 20px;
    font-weight : normal;
    margin : 5px 7px 0;
    padding : 0 0 5px;
    }
    #related-posts a {
    color : #054474;
    font-size : 11px;
    text-decoration : none;
    }
    #related-posts a:hover {
    color : #054474;
    text-decoration : none;
    }
    #related-posts ul {
    border : medium none;
    margin : 10px;
    padding : 0;
    }
    #related-posts ul li {
    display : block;
    background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3mOouhmP97tmySYexkgegtUGa16ed7SWaQPAINm462y0VaYI2FKEi_wi2jt1BV2SqM-kIa9m6DTcujlpPWvEYDwSLG1UP_AtrL1ibaWU4D0tyctFbOKE5NJMZvYT7qs4wAqha7Mgv1cgw/s1600/13.png&quot;) no-repeat 0 0;
    margin : 0;
    padding-top : 0;
    padding-right : 0;
    padding-bottom : 1px;
    padding-left : 16px;
    margin-bottom : 5px;
    line-height : 2em;
    border-bottom:1px dotted #cccccc;
    }
  
    </style>
    <script src='https://zoomarabic-bloggercode.googlecode.com/svn/related-post.js' type='text/javascript'/>
    <!--Zoomarabic-Related-Posts-End-->

 

  الان قم بالبحث عن الكود التالي

<data:post.body/>

و قم بوضع اسفل منه مباشرة هذا الكود

  <!--zoomarabic-related-posts-star-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <font face='Arial' size='3'><b>Related Posts: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
    </script></div></b:if>
 <!--zoomarabic-related-posts-end-->

الكدود باللون الاحمريدل على عدد المواضيع او المشاركات

يمكنك تغيير رقم 5 الى اي عدد تريد : مثال 7

 

max-results=7

قم بحفظ القالب و هنيئا لك الإضافة الى هنا انتهينا من الشرح

شاركونا بأفكاركم و ارائكم و لا تنسوا الردود فتعليقاتكم تهمنا

تحياتي و شكراا

كود (HTML) لاضافة ملف الفلاش الى المدونة او الموقع و المنتديات

 كود وضع ملف فلاش في مدونة بلوجر او موقع او غير ذالك


.
الموضوع هو اضافة عبارة عن كود اتش تي ام ال ( html ) الذي يمكننا من خلاله وضع بنر او تصميم او ...

داخل اضافة html/javascript.

قم بنسخ الكود و الصفه

<embed type="application/x-shockwave-flash" src="رابط الفلاش"
pluginspage="http://www.macromedia.com/go/getflashplayer"
height="101" width="400"></embed>

لا تنسى وضع ملف الفلاش في المكان المناسب

غير كلمة ( رابط الفلاش ) برابط الفلاش الذي تريد نشر

كما يمكنكم تغيير الابعاد في هذا الكود حسب الرغبة.

WIDTH : 400

HEIGHT : 101

الى هنا انتهينا اعزائي الرام

بالتوفيق 

كيفية اضافة اخر المواضيع او احدث المشاركات لمدونتك على بلوجر

Recent Posts widget With Titles for blogger

اهلا و سهلا 

اقدم لكم كيفية اظافة اداة
شرح خاص للمبتدئين

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

 اضافة احدث المشاركات لمدونتك على بلوجر

 

شرح بسيط جدا

شرح  +  اضافة اخر المواضيع

Recent Posts With Titles

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

 اضافة احدث المشاركات لمدونتك على بلوجر

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



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

شرح تركيب الاضافة

نذهب الي ادارة المدونة ثم نذهب الي التخطيط

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

 HTML/JavaScript

انسخ هدا الكود الموجود اسفل ثم قم باضافته في الاداة جافا اسكربت

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fzoomarab&amp;width=292&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>

 غير zoomarab

بإسم صفحتك على الفايسبوك

تحياتي و شكراا

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

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

اهلا و سهلا بكم اعزائي اكرام

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

او مدونتك في بلوجر 

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

عن طريق اظافة اداة جديدة جافا اسكربت

شرح تركيب الاضافة

نذهب الي لوحة تحكم المدونة ثم نذهب الي التخطيط

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

  HTML/JavaScript

  ننسخ الكود التالي و نضع داخل الصندوق الخاص بالاداة :

<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"><script type="text/javascript">fanbox_init("zoomarab");</script type="text></div id="twitterfanbox">

استبدل كلمة zoomarab باسم حسابك على تويتر

هنا شرح خاص للمبتدئين

من هنا

الى هنا انتهينا اعزائي اكرام

تحياتي و شكراا

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

اقدم لكم اضافةالإشتراك فى اليوتيوب على موقعك او مدونتك

الاضافة عبارة عن كود صغير تضعه في موقعك او مدونتك

عن طريق اضافة  اداة جديدة جافا اسكربت

شرح تركيب الاضافة

نذهب الي لوحة تحكم المدونة ثم نذهب الي التخطيط

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

  HTML/JavaScript

  ننسخ الكود التالي و نضع داخل الصندوق الخاص بالاداة :

<iframe src=http://www.youtube.com/subscribe_widget?p=zoomarabic style="overflow: hidden; height: 105px; width: 250px; border: 0;" scrolling="no" frameborder="0"></iframe>

  غير zoomarabic بإسم قناتك على اليوتيوب 

الى هنا انتهينا اعزائي الكرام

تحياتي و شكراا

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

اهلا و سهلا اعزائي 

اقم لكم اليوم شرح مفيد جدا لأصحاب المواقع  و اصحاب مدونات بلوجر 

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

add Translate Google Widgets Blogger

الشرح بسيط جدا

شرح تركيب الاضافة

تسجيل الدخول إلى لوحة تحكم Blogger، انتقل إلى "التخطيط"

  "إضافة أداة"  من القائمة اختر "HTML / جافا سكريبت"

  
  HTML/JavaScript

  ننسخ الكود التالي ثم قم بلصقه داخل الصندوق الخاص بالاداة :

<div style="text-align:center;"><a href='http://www.zoomarabic.blogspot.com' style='display:none;'>blogger</a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8');return false;" title="American"><img style="cursor:pointer; cursor:hand;" alt="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw9qKhIle0MSk2L9hvZw1TvvtFyGajFCD0ayvg1UEDgH2fExQmf48JgDGwABvkKk3zzzxEOwpBl49-5xs6i2PI1_t9xGzZopBJ3SBIUDpsouEnkaqV3J7MpZzvP0r754WHn_pY3UyoziY/s1600/USA.png" title="Translate this page to American"/></a><a target="_blank" rel="nofollow"
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;"title="English"><img style="cursor:pointer; cursor:hand;" alt="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTDCjiZYTBAVKNCNZsSNe57Kb1f0-6gLPqg09KPjJaKriDbsNq7QM5R2G2mutvjzS7hNH8tp_pCT8Q1RXKCux9H95LAG4ZMcfWQfEWfai8hBgjvqufH5eu1YjwRuzbE8VIRRgGt0u9zNo/s1600/England2.png" title="Translate this page to English"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8');
return false;"><img style="cursor:pointer; cursor:hand;" alt="espa?ol" src="http://2.bp.blogspot.com/-
d3qraf867nI/T17gJzjC97I/AAAAAAAAAuo/qP95gCklqds/s1600/Espagne.png" title="traducir esta p?gina al espa?ol"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8');
return false;"><img style="cursor:pointer; cursor:hand;" alt="Italiano" src="http://3.bp.blogspot.com/-
c7mxCXZ5ijs/T17gWj11tlI/AAAAAAAAAuw/TBoPjfb18Wk/s1600/Italie.png" title="Traduci questa pagina in Italiano"/></a><a href='http://www.theblogueur.blogspot.com' style='display:none;'>blogger</a><a target="_blank" rel="nofollow" onclick="window.open
('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;"><img
style="cursor:pointer; cursor:hand;" alt="deutsch" src="http://1.bp.blogspot.com/-6u-
zhJEYfhM/T17gj6pkELI/AAAAAAAAAu4/2HSEX1vD1ow/s1600/Allemagne.png" title="diese Seite auf deutsch"/></img
style="cursor:pointer;></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return
false;"><img style="cursor:pointer; cursor:hand;" alt="Português" src="http://3.bp.blogspot.com/-
mwl0YzXNFW0/T17gw692FMI/AAAAAAAAAvA/lzYaqk0Nd3A/s1600/Portugal.png" title="Traduzir esta p?gina em Português"/></a><a target="_blank"
rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cda&hl=fr&ie=UTF8');
return false;"><img style="cursor:pointer; cursor:hand;" alt="
Overs?t denne side til dansk" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA7DiS7kNQQuDpS_NDH0TpmqMkA6y8DdsdDsDyNFQ3RK8yaAASzf6zW7tsxg2b0jzSAuKQr7OIMeTfFesC_eA17duvwiJkE_Lybb5yD_hqcs__q7o7U9uUIj7_glSV8TVKqm_I6p3jGLk/s1600/Danemark.png" title="Dansk"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent
(location.href)+'&langpair=fr%7Csv&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="?vers?tt webbplatsen p? svenska" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3RtrjZcdAd-R_0p3R1PlxTTj1ccHM3YZGIUSd5VKTjeS6jXhUbufqbOT0k2wMfD6g-Yz3GWJ3ijGJnABXkU3BkZT6l4uldkwWjQ_pfIIegmWgUTjon_h6EjWGxSw2x3v-iCAUI-MzsbU/s1600/Suede.png" title="?vers?tt webbplatsen p?
svenska"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent (location.href)+'&langpair=fr%7Car&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="العربية"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmfULjVXjq5Xp3neX5xSQNPaUeOAY5bEyLvmjSnFDcXspyPorcUA_E6DZCGuwfzvku1pMq7zjYQEn518nMrK-WXBffKNsQrJJ3Kp72emb2k6MjwrsefXSlgKCL7ADAKDYlJFZg0gtLW74/s1600/Arabie.png" title="ترجمة هذه الصفحة إلى العربية"/></a><a target="_blank"
rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-
CN&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="??" src="http://2.bp.blogspot.com/-
VpTjATuPgZU/T17hlzFWTZI/AAAAAAAAAvg/iLvSWxYOjGk/s1600/Chine.png" title="???????"/></a><a target="_blank" rel="nofollow" onclick="window.open
('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;"><img
style="cursor:pointer; cursor:hand;" alt="???????" src="http://3.bp.blogspot.com/-
UUwuHlnUpm4/T17h0opaTSI/AAAAAAAAAvo/hYRlO1Z8XkM/s1600/Russie.png" title="????????? ??? ???????? ?? ???????"/></img
style="cursor:pointer;></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8');
return false;"><img style="cursor:pointer; cursor:hand;" alt="???" src="http://3.bp.blogspot.com/-hM2dEI7-bHo/T17iA7QQrcI/AAAAAAAAAvw/kyz-
KDecwk8/s1600/Japon.png" title="????????????"/></a><a href='http://www.theblogueur.blogspot.com.com' style='display:none;'>blogger</a><a
target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr
%7Cko&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="???" src="http://1.bp.blogspot.com/-4VbNli-Uc-
I/T17iYqJLvuI/AAAAAAAAAv4/o05A6DOFsPM/s1600/Core.png" title="? ??? ??? ??"/><a target="_blank" rel="nofollow" onclick="window.open
('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csr&hl=fr&ie=UTF8'); return false;" title="English"><img
style="cursor:pointer; cursor:hand;" alt="??????" src="http://3.bp.blogspot.com/-
LRwP70twJZw/T17imnZfSQI/AAAAAAAAAwA/WSvhcEd2ti0/s1600/Serbie.png" title="
????????? ???? ???? ?? ???????"/></img
style="cursor:pointer;></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?
u='+encodeURIComponent(location.href)+'&langpair=fr%7Cnl&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;"
alt="Nederlands" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpP9rKr9sCMmvw0rwlVL3tNEm-4v00uKJ0tqiY2cBpPUe7f7hnpNu5KXYhIhnJ4fHB11kAZ1p2tLZcn0peNS2MXflboVC2nP_DGfonTmVLCDnkTfby3xlVecDhohelae7iieoG04E9QCM/s1600/PaysBas.png" title="Vertaal deze pagina in
het Nederlands"/><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent
(location.href)+'&langpair=fr%7Cfi&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Suomen"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7LsEJGhyo-mOawmh3KCcFQMhPaGhPwLLbiWBDkHOEkR9yRZzEjUnaV6RaZOPNb2awfj-TCdnB-3FeH3g7jmm87a1K5tDU9q12sMYcERrv5XL7qDSCITBYs4vDfMRRcAiHXfMjRghy-Q/s1600/Finland.png" title="K??nn? t?m? sivu osaksi
Suomen"/></a></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent
(location.href)+'&langpair=fr%7Ctr&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Türkçe" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0OFpUBlQ8evMf9BtHFZxnL13rc2PQ72H9MFeZ8pjiRK0H_RW6-m5dX_mgMd_6HSks97cB45HtRubLUBGxWwBXjJE0FZORE3yQl4d9XK0vCg3jIUfleJ9OgMQ2XN6xLuVmImTci4WNdgo/s1600/Turkey.png" title="Cevirisini Bu sayfa türk"/></a><a
target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr
%7Cpl&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Polska" src="http://2.bp.blogspot.com/-
F762Q3NSIgk/T17jaHMN4qI/AAAAAAAAAwg/OmUHGStqoBk/s1600/Poland.png" title="Przet&#322;umacz t&#281; stron&#281; na j&#281;zyk Polski"/><div
style="font-size: x-small; text-align: center;"><a href="http://zoomarabic.blogspot.com/2012/07/add-translate-google-to-blogger.html" target="_blank">The </a><a href="http://www.zoomarabic.blogspot.com/" target="_blank">zoomarabic</a></div
style="font-size:></a
target="_blank"></a
target="_blank"></div>

 
الى هنا انتهينا اعزائي الكرام 
 

تحياتي و شكراا

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

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

مرحبا عزيزي الكريم في عالم تطوير المواقع و المدونات

اقدم لك اليوم اظافة رائعة و مهمة لتطوير موقعك 

هذه الاظافة عبارة عن كود لمعرفة كم عدد نسبة زوار الموقع يوميا 

 و يسرني أن اقدم لكم 4 اشكال

 اختاروا منها الي أعجبكم

الإضافة 1 

  

 

<script id="_waui2q">var _wau = _wau || []; _wau.push(["classic", "zj9bqnswipkq", "i2q"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/classic.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

الإضافة 2 

 

<script id="_waus13">var _wau = _wau || []; _wau.push(["small", "zj9bqnswipkq", "s13"]);

(function() {var s=document.createElement("script"); s.async=true;

s.src="http://widgets.amung.us/small.js";

document.getElementsByTagName("head")[0].appendChild(s);

})();</script>

الإضافة 3 

<script id="_wau73i">var _wau = _wau || [];
_wau.push(["tab", "zj9bqnswipkq", "73i", "left-middle"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

الإضافة 4

<script id="_wau6kq">var _wau = _wau || [];
_wau.push(["colored", "zj9bqnswipkq", "6kq", "ffc20e000000"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/colored.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

قم بنسخ الكود وضعه في أي مكان في موقعك أو مدونتك

و سيظهر عدد الزوار المتصلين أونلاين

الى هنا انتهينا اي استفسار او مساعدة فلا تتردد أخي  نحن في الخدمة و شكرا