دليل المدون

2012-05-10

4 نوافذ متحركة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والإشتراك بالخلاصات لمدونات بلوجر

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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

4 نوافذ منبثقة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والإشتراك بالخلاصات لمدونات بلوجر 

إضافة رائعة لمدونتك خصوصاً إذا كان لا يوجد مكان بمدونتك لإضافات المواقع الإجتماعية الهامة التى تزيد عدد الزوار للموقع
يمكنك إخفاؤهم وإظهارهم بمرور الماوس عليهم بتقنية jQuery slide out hover effect


تتكون الإضافة من 4 نوافذ منبثقة للمواقع الإجتماعية  4×1 وهى
  1. صندوق الفيس بوك العائم  Popup facebook like box
  2. آخر التويتات على موقع تويتر recent tweets
  3. زر جوجل بلس +1 Google +1 button
  4. الإشتراك بالقائمة البريدية لمتابعة خلاصات الموقع feedburner email subscription

خطوات تركيب السكريبت بمدونات بلوجر:

    1. الذهاب إلى لوحة التحكم
    2. تخطيط أو تصميم
    3. عناصر الصفحة
    4. أضف أداة
    5. اختار Html/Javascript
       ثم إنسخ الكود التالى كاملاً وألصقه 
      <style>
img,a {
    border: 0;
}

#on {
    visibility: visible;
}

#off {
    visibility: hidden;
}

#facebook_div {
    width: 196px;
    height: 340px;
    overflow: hidden;
}

#twitter_div {
    width: 246px;
    height: 250px;
    overflow: hidden;
}

#google_plus_div {
    width: 152px;
    height: 97px;
    overflow: hidden;
    margin-left: 50px;
    margin-top: 10px;
}

#knfeedburner_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: -4px;
}

#kakinetwork_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
}/* right side style */#facebook_right {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    right: -200px;
}

#facebook_right img {
    position: absolute;
    top: -2px;
    left: -35px;
}

#facebook_right iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    left: -2px;
    top: -3px;
}

#twitter_right {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 250px;
    position: fixed;
    right: -250px;
}

#twitter_right_img {
    position: absolute;
    top: -2px;
    left: -35px;
    border: 0;
}

#google_plus_right {
    z-index: 10003;
    background-color: #F2F2F2;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right: 2px solid #0056a0;
    border-left: hidden;
    width: 152px;
    height: 97px;
    position: fixed;
    right: -154px;
}

#google_plus_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#feedburner_right {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-right: 2px solid #5b5b5b;
    border-left: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;
}

#feedburner_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#kakinetwork_right {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_right img {
    position: absolute;
    top: -2px;
    left: -101px;
}/* left side style */#facebook_left {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    left: -200px;
}

#facebook_left img {
    position: absolute;
    top: -2px;
    right: -35px;
}

#facebook_left iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    right: -2px;
    top: -3px;
}

#twitter_left {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    left: -250px;
}

#twitter_left_img {
    position: absolute;
    top: -2px;
    right: -35px;
    border: 0;
}

#google_plus_left {
    z-index: 10003;
    background-color: #006ec9;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-left: 2px solid #0056a0;
    border-right: hidden;
    width: 152px;
    height: 97px;
    position: fixed;
    left: -154px;
}

#google_plus_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#feedburner_left {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    border-right: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    left: -303px;
}

#feedburner_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#kakinetwork_left {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_left img {
    position: absolute;
    top: -2px;
    right: -101px;
}

.box-title1 {
    border: 1px solid #ddd;
/*border-radius*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
/*box-shadow*/
    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    box-shadow: 5px 5px 5px #CCCCCC;
    padding: 10px;
    margin: 10px 0;
}

.enteryouremail {
    background: #fff !important;
    border: 1px solid #d2d2d2;
    padding: 0px 8px 0px 8px;
    color: #a19999;
    font-size: 12px;
    height: 25px;
    width: 165px;
/*border-radius*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px;
}

.submitbutton {
    background: #F2F2F2;
    border: 1px solid #F66303;
/*box-shadow*/
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
    font: bold 12px Arial, sans-serif;
    color: #000000;
    height: 25px;
    padding: 0 12px 0 12px;
    margin: 0 0 0 5px;
/*border-radius*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script>
<div id="on">
 <div id="facebook_right" style="top: 18%;">
  <div id="facebook_div">
   <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWK-X_CIZTq4uUqHFBIVCRKkig9NkazA_uNNlcd2kpo2oGZ5HOvg7yg4bGXhB-aqNEmo04zeDuahL1O1nMlUOAgx3sr3vsohajkwaFG9PwWscJOuJ68rSTDdg7nNlU32GXSg3zarMUMRY/s1600/DrRo2.com-facebook-icon.png" alt=""/>
   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true">
   </iframe>
  </div>
 </div>
</div>
<div id="on">
 <div id="twitter_right" style="top: 35%;">
  <div id="twitter_div">
   <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcD5ERxXzEJs40kUB5Mn61XjGRXcM5cCUJyp7gKYlY7AGk5WSBdDOm_fLXHf1mtotPLBY9r2tEqahBdxXIX6HOWfjBPl1dM3k_DCIFiJBWDS4l3a50E7JJvX7Lmzenj297740AV7btnmg/s1600/DrRo2.com-twitter-icon.png"/>
      <script type="text/javascript">
document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=1,1,3,236,550,f4f4f4,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script>Created by: <a href="http://twitterforweb.com" target="_blank">twitter website widget</a></div>
   <script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('DrRo2').start();</script>
  </div>
 </div>

<div id="on">
 <div id="google_plus_right" style="top: 52%;">
  <div id="google_plus_div">
   <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIpi7vkQOwC68eehzboCrtDnMif9waJhORXMQoBi-MiFOIneCKMQl3_cco_h7Lh5hsbPkqoN_Jrkgp1Aw1iNK2r1M3i2SDeWa9H4WIfm7o1aa1KosjEiggodolfTW0iROG8iWfJzgkcQY/s1600/DrRo2.com-google-plus-icon.png"/>
   <div style="float:left;margin:10px 10px 10px 0;">
    <g:plusone size="tall" expr:href="data:post.url"></g:plusone>
   </div>
  </div>
 </div>
 <div id="on">
  <div id="feedburner_right" style=" top: 69%;">
   <div id="knfeedburner_div">
    <center>
    <h4 style="color:#F66303;">You can also receive Free Email Updates:</h4>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/avwdc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
     <input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text"/><input value="blogspot/avWDc" name="uri" type="hidden"/><input value="Submit" class="submitbutton" type="submit"/>
    </form>
    </center><img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRlpClfAcVAbhT_nCr7nBvpTy2dAHsoli8VxROJ1G5ux40sFrUI6lXitClnEziqHPrzSsos9Tyf64ytWnvX4KvtwyebfbChQtGln-Y-xvPLgwD7O7mUh-AmPyZXhs9SoIaxOQ_7NJi8Vg/s1600/DrRo2.com-subscribe-icon.png"/>
   </div>
  </div>
 </div>
</div>
<center/>
<a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT61IL7cDq0PavKjR0boorRHD1Cb8mdC-yIxym2TGcDv7SzEKXwaDFrDZMoRWxM41HONz0zdx3cVtAHTfZR84_SLxZmUy3A28fITUy6uaKnGREKhkgGNAXmAvJIhH1quJApq8kNjCTWS4b/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
<center/></center></center>
</div>
<center/>
<a href="http://conda3ianllkhir.blogspot.com/"rel="nofollow" target="_blank"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT61IL7cDq0PavKjR0boorRHD1Cb8mdC-yIxym2TGcDv7SzEKXwaDFrDZMoRWxM41HONz0zdx3cVtAHTfZR84_SLxZmUy3A28fITUy6uaKnGREKhkgGNAXmAvJIhH1quJApq8kNjCTWS4b/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
<center/></center></center>

        للتعديل على الكود إستخدم البحث بالكيبورد Ctrl+F

      إستبدل designsblog   بإسم المستخدم الخاص بصفحتك على الفيس بوك facebook fanpage username
      إستبدل  DrRo2  بإسم المستخدم الخاص بحسابك على تويتر مع العلم بأنه مكرر أكثر من مرة  twitter username
      إستبدل blogspot/avWDc   بإسم المستخدم الخاص بخلاصات مدونتك مع العلم بأنه مكرر أكثر من مرة feedburner username

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

      أكواد أشكال مختلفة لأيقونات المواقع الإجتماعية بمرور الماوس عليها تظهر النوافذ المنزلقة :


      أيقونات قلوب 
      <style>
img,a {
    border: 0;
}

#on {
    visibility: visible;
}

#off {
    visibility: hidden;
}

#facebook_div {
    width: 196px;
    height: 340px;
    overflow: hidden;
}

#twitter_div {
    width: 246px;
    height: 250px;
    overflow: hidden;
}

#google_plus_div {
    width: 152px;
    height: 97px;
    overflow: hidden;
    margin-left: 50px;
    margin-top: 10px;
}

#knfeedburner_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: -4px;
}

#kakinetwork_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
}/* right side style */#facebook_right {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    right: -200px;
}

#facebook_right img {
    position: absolute;
    top: -2px;
    left: -35px;
}

#facebook_right iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    left: -2px;
    top: -3px;
}

#twitter_right {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 250px;
    position: fixed;
    right: -250px;
}

#twitter_right_img {
    position: absolute;
    top: -2px;
    left: -35px;
    border: 0;
}

#google_plus_right {
    z-index: 10003;
    background-color: #F2F2F2;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right: 2px solid #0056a0;
    border-left: 2px solid #0056a0;
    width: 152px;
    height: 97px;
    position: fixed;
    right: -154px;
}

#google_plus_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#feedburner_right {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-right: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;
}

#feedburner_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#kakinetwork_right {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_right img {
    position: absolute;
    top: -2px;
    left: -101px;
}/* left side style */#facebook_left {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    left: -200px;
}

#facebook_left img {
    position: absolute;
    top: -2px;
    right: -35px;
}

#facebook_left iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    right: -2px;
    top: -3px;
}

#twitter_left {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    left: -250px;
}

#twitter_left_img {
    position: absolute;
    top: -2px;
    right: -35px;
    border: 0;
}

#google_plus_left {
    z-index: 10003;
    background-color: #006ec9;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-left: 2px solid #0056a0;
    border-right: hidden;
    width: 152px;
    height: 97px;
    position: fixed;
    left: -154px;
}

#google_plus_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#feedburner_left {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    border-right: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    left: -303px;
}

#feedburner_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#kakinetwork_left {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_left img {
    position: absolute;
    top: -2px;
    right: -101px;
}

.box-title1 {
    border: 1px solid #ddd;
/*border-radius*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
/*box-shadow*/
    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    box-shadow: 5px 5px 5px #CCCCCC;
    padding: 10px;
    margin: 10px 0;
}

.enteryouremail {
    background: #fff !important;
    border: 1px solid #d2d2d2;
    padding: 0px 8px 0px 8px;
    color: #a19999;
    font-size: 12px;
    height: 25px;
    width: 165px;
/*border-radius*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px;
}

.submitbutton {
    background: #F2F2F2;
    border: 1px solid #F66303;
/*box-shadow*/
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
    font: bold 12px Arial, sans-serif;
    color: #000000;
    height: 25px;
    padding: 0 12px 0 12px;
    margin: 0 0 0 5px;
/*border-radius*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script>
<div id="on">
 
<div id="facebook_right" style="top: 18%;">
  
<div id="facebook_div">
   <img style="top: -13px; left: -67px;" src="http://download.mrkzy.com/e/1012_md_13366738281.png" alt="" />
   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true" frameborder="0" scrolling="no">
   </iframe>
  </div>
 </div>
</div>
<div id="on">
 
<div id="twitter_right" style="top: 35%;">
  
<div id="twitter_div">
   <img style="top: -8px; left: -67px;" id="twitter_right_img" src="http://download.mrkzy.com/e/1012_md_13366738293.png" />
   
<script type="text/javascript">
document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=1,1,3,236,550,f4f4f4,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script>Created by: <a href="http://twitterforweb.com" target="_blank">twitter website widget</a></div>
   
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('DrRo2').start();</script>
  </div>
 </div>

<div id="on">
 
<div id="google_plus_right" style="top: 52%;">
  
<div id="google_plus_div">
   <img style="top: -5px; left: -67px;" id="google_plus_right_img" src="http://download.mrkzy.com/e/1012_md_13366738282.png" />
   
<div style="float:left;margin:10px 10px 10px 0;">
    <g:plusone size="tall" expr:href="data:post.url"></g:plusone>
   </div>
  </div>
 </div>
 
<div id="on">
  
<div id="feedburner_right" style=" top: 69%;">
   
<div id="knfeedburner_div">
    <center>
    
<h4 style="color:#F66303;">أدخل البريد الإلكترونى ليصلك الجديد</h4>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/avwdc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
     <input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'enter your email here...';}" onfocus="if (this.value == 'enter your email here...') {this.value = '';}" type="text" /><input value="blogspot/avWDc" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" />
    </form>
    </center><img style="top: 5px; left: -66px;" id="feedburner_right_img" src="http://download.mrkzy.com/e/1012_md_13366739821.png" />
   </div>
  </div>
 </div>
</div>
<center/>
<a href="http://www.condaianllkhir.com/"rel="nofollow" target="_blank"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT61IL7cDq0PavKjR0boorRHD1Cb8mdC-yIxym2TGcDv7SzEKXwaDFrDZMoRWxM41HONz0zdx3cVtAHTfZR84_SLxZmUy3A28fITUy6uaKnGREKhkgGNAXmAvJIhH1quJApq8kNjCTWS4b/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
<center/></center></center>


      <style>
img,a {
    border: 0;
}

#on {
    visibility: visible;
}

#off {
    visibility: hidden;
}

#facebook_div {
    width: 196px;
    height: 340px;
    overflow: hidden;
}

#twitter_div {
    width: 246px;
    height: 353px;
    overflow: hidden;
}

#google_plus_div {
    width: 152px;
    height: 97px;
    overflow: hidden;
    margin-left: 50px;
    margin-top: 10px;
}

#knfeedburner_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: -4px;
}

#kakinetwork_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
}/* right side style */#facebook_right {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    right: -200px;
}

#facebook_right img {
    position: absolute;
    top: -2px;
    left: -35px;
}

#facebook_right iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    left: -2px;
    top: -3px;
}

#twitter_right {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    right: -250px;
}

#twitter_right_img {
    position: absolute;
    top: -2px;
    left: -35px;
    border: 0;
}

#google_plus_right {
    z-index: 10003;
    background-color: #F2F2F2;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right: 2px solid #0056a0;
    border-left: 2px solid #0056a0;
    width: 152px;
    height: 97px;
    position: fixed;
    right: -154px;
}

#google_plus_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#feedburner_right {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-right: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;
}

#feedburner_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#kakinetwork_right {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_right img {
    position: absolute;
    top: -2px;
    left: -101px;
}/* left side style */#facebook_left {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    left: -200px;
}

#facebook_left img {
    position: absolute;
    top: -2px;
    right: -35px;
}

#facebook_left iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    right: -2px;
    top: -3px;
}

#twitter_left {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    left: -250px;
}

#twitter_left_img {
    position: absolute;
    top: -2px;
    right: -35px;
    border: 0;
}

#google_plus_left {
    z-index: 10003;
    background-color: #006ec9;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-left: 2px solid #0056a0;
    border-right: hidden;
    width: 152px;
    height: 97px;
    position: fixed;
    left: -154px;
}

#google_plus_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#feedburner_left {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    border-right: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    left: -303px;
}

#feedburner_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#kakinetwork_left {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_left img {
    position: absolute;
    top: -2px;
    right: -101px;
}

.box-title1 {
    border: 1px solid #ddd;
/*border-radius*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
/*box-shadow*/
    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    box-shadow: 5px 5px 5px #CCCCCC;
    padding: 10px;
    margin: 10px 0;
}

.enteryouremail {
    background: #fff !important;
    border: 1px solid #d2d2d2;
    padding: 0px 8px 0px 8px;
    color: #a19999;
    font-size: 12px;
    height: 25px;
    width: 165px;
/*border-radius*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px;
}

.submitbutton {
    background: #F2F2F2;
    border: 1px solid #F66303;
/*box-shadow*/
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
    font: bold 12px Arial, sans-serif;
    color: #000000;
    height: 25px;
    padding: 0 12px 0 12px;
    margin: 0 0 0 5px;
/*border-radius*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script>
<div id="on">
 
<div id="facebook_right" style="top: 18%;">
  
<div id="facebook_div">
   <img style="top: 10px; left: -44px; width: 42px; height: 61px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT_l8HGInifa6nWVWV3eBKvHlrMw024XnU7dnm7Eym-FgYkWzeVVtLX8kCJeNvOJhQSUpmAuxVrzLsQOe3NVz82RaYyz-vrVjUZmytQr5Qanx0tIvhX0aHCcdAxHyjrX191yy7PttB2DfH/s66/facebook-47x66.png" alt="" />
   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true" frameborder="0" scrolling="no">
   </iframe>
  </div>
 </div>
</div>
<div id="on">
 
<div id="twitter_right" style="top: 35%;">
  
<div id="twitter_div">
   <img style="top: 14px; left: -44px; width: 42px; height: 62px;" id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEv-QwHtxLa6OfR116N3LRJPqfeAj6Gc6xXgZPW72olI87QOn4nTaAGB6C2vmEVO8MpfU29EnK8NLLtDik9WoUB4EdJuiK8WIELBSbYSKir9EvGa8-Fxpv62r7-PLrO8oNfujJn2RRcPA5/s66/tumblr-47x66.png" />
   
<script type="text/javascript">
document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=1,1,3,236,550,f4f4f4,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script>Created by: <a href="http://twitterforweb.com" target="_blank">twitter website widget</a></div>
   
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('DrRo2').start();</script>
  </div>
 </div>

<div id="on">
 
<div id="google_plus_right" style="top: 52%;">
  
<div id="google_plus_div">
   <img style="top: 11px; left: -41px; width: 42px; height: 61px;" id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWeKxIYZvYJhHpEoNPK6a9OO1fSJzNn-MqLLLVRy74Oea_GX7gpqDteLOk1Cq7AAk3VI2jR3Yg9LnDBbcBFl1ZjnZuLWZUpbqMFkJ9gwTww4UI4ptqIeGEmFgozN7rhF5U5e7vvjrSfQKO/s66/googleplus-47x66.png" />
   
<div style="float:left;margin:10px 10px 10px 0;">
    <g:plusone size="tall" expr:href="data:post.url"></g:plusone>
   </div>
  </div>
 </div>
 
<div id="on">
  
<div id="feedburner_right" style=" top: 69%;">
   
<div id="knfeedburner_div">
    <center>
    
<h4 style="color:#F66303;">أدخل البريد الإلكترونى ليصلك الجديد</h4>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/avwdc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
     <input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'enter your email here...';}" onfocus="if (this.value == 'enter your email here...') {this.value = '';}" type="text" /><input value="blogspot/avWDc" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" />
    </form>
    </center><img style="top: 17px; left: -42px; width: 42px; height: 61px;" id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgspsklN6ICU80sf6dg-aaB7NA64TMK1ioanrvBu6ziII-aipmLd_NmkPv2isNW2FFd_Gnub7C66eCrKU8hhwFP2mIUwjpvNcdFAPdHWZBMIuUnB2HYho6L05AMbR8dnS1T4T1dR5vSstHF/s66/rss-47x66.png" />
   </div>
  </div>
 </div>
</div>
<center/>
<a href="http://conda3ianllkhir.blogspot.com/"rel="nofollow" target="_blank"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT61IL7cDq0PavKjR0boorRHD1Cb8mdC-yIxym2TGcDv7SzEKXwaDFrDZMoRWxM41HONz0zdx3cVtAHTfZR84_SLxZmUy3A28fITUy6uaKnGREKhkgGNAXmAvJIhH1quJApq8kNjCTWS4b/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
<center/></center></center>

      أيقونات سحابية


      <style>
img,a {
    border: 0;
}

#on {
    visibility: visible;
}

#off {
    visibility: hidden;
}

#facebook_div {
    width: 196px;
    height: 340px;
    overflow: hidden;
}

#twitter_div {
    width: 246px;
    height: 353px;
    overflow: hidden;
}

#google_plus_div {
    width: 152px;
    height: 97px;
    overflow: hidden;
    margin-left: 50px;
    margin-top: 10px;
}

#knfeedburner_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: -4px;
}

#kakinetwork_div {
    width: 300px;
    height: 97px;
    overflow: hidden;
}/* right side style */#facebook_right {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    right: -200px;
}

#facebook_right img {
    position: absolute;
    top: -2px;
    left: -35px;
}

#facebook_right iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    left: -2px;
    top: -3px;
}

#twitter_right {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    right: -250px;
}

#twitter_right_img {
    position: absolute;
    top: -2px;
    left: -35px;
    border: 0;
}

#google_plus_right {
    z-index: 10003;
    background-color: #F2F2F2;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right: 2px solid #0056a0;
    border-left: 2px solid #0056a0;
    width: 152px;
    height: 97px;
    position: fixed;
    right: -154px;
}

#google_plus_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#feedburner_right {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-right: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    width: 300px;
    height: 97px;
    position: fixed;
    right: -303px;
}

#feedburner_right_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}

#kakinetwork_right {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_right img {
    position: absolute;
    top: -2px;
    left: -101px;
}/* left side style */#facebook_left {
    z-index: 10005;
    border: 2px solid #3c95d9;
    background-color: #fff;
    width: 196px;
    height: 353px;
    position: fixed;
    left: -200px;
}

#facebook_left img {
    position: absolute;
    top: -2px;
    right: -35px;
}

#facebook_left iframe {
    border: 0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    right: -2px;
    top: -3px;
}

#twitter_left {
    z-index: 10004;
    border: 2px solid #6CC5FF;
    background-color: #6CC5FF;
    width: 246px;
    height: 353px;
    position: fixed;
    left: -250px;
}

#twitter_left_img {
    position: absolute;
    top: -2px;
    right: -35px;
    border: 0;
}

#google_plus_left {
    z-index: 10003;
    background-color: #006ec9;
    border: 2px solid #006ec9;
    border-top: 2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-left: 2px solid #0056a0;
    border-right: hidden;
    width: 152px;
    height: 97px;
    position: fixed;
    left: -154px;
}

#google_plus_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#feedburner_left {
    z-index: 10003;
    background-color: #fefefe;
    border: 2px solid #5b5b5b;
    border-top: 2px solid #5b5b5b;
    border-bottom: 2px solid #5b5b5b;
    border-left: 2px solid #5b5b5b;
    border-right: hidden;
    width: 300px;
    height: 97px;
    position: fixed;
    left: -303px;
}

#feedburner_left_img {
    position: absolute;
    top: -2px;
    right: -33px;
    border: 0;
}

#kakinetwork_left {
    z-index: 10003;
    border: 2px solid #303030;
    background-color: #fff;
    width: 300px;
    height: 97px;
    position: fixed;
}

#kakinetwork_left img {
    position: absolute;
    top: -2px;
    right: -101px;
}

.box-title1 {
    border: 1px solid #ddd;
/*border-radius*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
/*box-shadow*/
    -webkit-box-shadow: 5px 5px 5px #CCCCCC;
    -moz-box-shadow: 5px 5px 5px #CCCCCC;
    box-shadow: 5px 5px 5px #CCCCCC;
    padding: 10px;
    margin: 10px 0;
}

.enteryouremail {
    background: #fff !important;
    border: 1px solid #d2d2d2;
    padding: 0px 8px 0px 8px;
    color: #a19999;
    font-size: 12px;
    height: 25px;
    width: 165px;
/*border-radius*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px;
}

.submitbutton {
    background: #F2F2F2;
    border: 1px solid #F66303;
/*box-shadow*/
    -webkit-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
    font: bold 12px Arial, sans-serif;
    color: #000000;
    height: 25px;
    padding: 0 12px 0 12px;
    margin: 0 0 0 5px;
/*border-radius*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script>
<div id="on">
 
<div id="facebook_right" style="top: 18%;">
  
<div id="facebook_div">
   <img style="top: -13px; left: -67px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9BzbAhw_uKtCzEllYEeExLQEkWezC7qLP7-vSlbDNktOgoKnlxKkRq_nAsZr84-XbmjOJxCGoxQ_OK7aZx_9Mf4oidtYs3JuIgU3yEHafhMpSt8evIMSJX6otemJTY2ZM-dgF3kz5Jhrn/s60/facebook_cloud.png" alt="" />
   <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true" frameborder="0" scrolling="no">
   </iframe>
  </div>
 </div>
</div>
<div id="on">
 
<div id="twitter_right" style="top: 35%;">
  
<div id="twitter_div">
   <img style="top: -8px; left: -67px;" id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxVuMXcofAac1SHdBXMFinG2K5TBSlPF4yEezpSb7xPS2lm29piftcj9TGTqmQv07HK1nPSuQMMal5SiRVy0L9yIIJHNRzXihAmpcdE3vsEFTEQbPEcX2uUyKwPjavWmQ6Y1IdKIZTZs6c/s60/twitter_cloud.png" />
   
<script type="text/javascript">
document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=DrRo2&settings=1,1,3,236,550,f4f4f4,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script>Created by: <a href="http://twitterforweb.com" target="_blank">twitter website widget</a></div>
   
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('DrRo2').start();</script>
  </div>
 </div>

<div id="on">
 
<div id="google_plus_right" style="top: 52%;">
  
<div id="google_plus_div">
   <img style="top: -5px; left: -67px;" id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh7EkdF09753D9iULor-hUV90RAe_ZcPvvHuPVRdBR5BSbARhHuBCQWcxkwO9cplVWp5ydzBaby-Jm6SqrGtebGY4cAMSS2oPCIatELIXzKwq3-MqbQJz3PxcK-sXNvSp0mhsT6lsU9s8b/s60/google.png" />
   
<div style="float:left;margin:10px 10px 10px 0;">
    <g:plusone size="tall" expr:href="data:post.url"></g:plusone>
   </div>
  </div>
 </div>
 
<div id="on">
  
<div id="feedburner_right" style=" top: 69%;">
   
<div id="knfeedburner_div">
    <center>
    
<h4 style="color:#F66303;">أدخل البريد الإلكترونى ليصلك الجديد</h4>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/avwdc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
     <input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'enter your email here...';}" onfocus="if (this.value == 'enter your email here...') {this.value = '';}" type="text" /><input value="blogspot/avWDc" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" />
    </form>
    </center><img style="top: 5px; left: -66px;" id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhq5lxyIvq1C7N6qbmfG7K6zOZg8JBrznMxQ93_mG9CefzY0THHH6DmJuvmcpLweeQ5blLdFonsEBTGc6OToTjA-xffdg7jNB8aNr0KV3JJqdw5kI_q7cIQapVBUvKlJD04jyGt9sbO41z/s60/feed_cloud.png" />
   </div>
  </div>
 </div>
</div>
<center/>
<a href="http://conda3ianllkhir.blogspot.com/"rel="nofollow" target="_blank"><img alt="Blogger widget" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT61IL7cDq0PavKjR0boorRHD1Cb8mdC-yIxym2TGcDv7SzEKXwaDFrDZMoRWxM41HONz0zdx3cVtAHTfZR84_SLxZmUy3A28fITUy6uaKnGREKhkgGNAXmAvJIhH1quJApq8kNjCTWS4b/s89/%25D8%25A8%25D8%25A7%25D8%25AF%25D8%25AC%2520%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9%2520%25D9%2584%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" title="Blogger widget" /></a>
<center/></center></center>

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

      بقلم Dr.Rasha Omran

      مطورة تطبيقات الهاتف ، سفيرة ببرنامج Women Techmakers التابع لجوجل ، أهتم بالمحتوى الرقمى وأحببت أن أدون كل ما تعلمته فى هذا الموقع للإفادة فى أعمال هادفة

      1:15 م
      , , , ,

      هناك 50 تعليقًا

      1. ليلى الصباحى.. lolocat10‏/5‏/2012، 3:27 م

        رائع جدا وجميل جزاك الله خيرا اختى
        كنت ابحث عنها من ايام رأيتها فى احدى المدونات ... بارك الله فيك

        لكن اختى لو تفضلت بتمييز الاسم الذى يتم تغييره بلون اخر لتيسير الامر اذا سمحتى

        وسوف انتظر ردك ان شاء الله تعالى

        جزاك الله خيرا
        تحياتى لك

        ردحذف
      2. Dr Rasha Omran11‏/5‏/2012، 6:17 ص

        وجزاك كل خير أختى
        إستخدمى الكيبورد Ctrl+F فى البحث عن الإسم وهو سوف يتلون بلون آخر ثم تقومى بإستبداله بالإسم الخاص بك

        ردحذف
      3. ليلى الصباحى.. lolocat11‏/5‏/2012، 7:57 ص

        السلام عليكم اختى الكريمة

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

        http://llolocat.blogspot.com/

        كذلك زر جوجل لا يظهر بالاداة ولا اعرف اين الخطأ عندى ارجو المساعدة اذا سمحتى واعتذر لك لكثرة الازعاج
        بارك الله فيك

        ردحذف
      4. Dr Rasha Omran11‏/5‏/2012، 10:12 ص

        بالنسبة لعمل إسم لصفحتك على الفيس بوك فإتبع الخطوات
        والطريقة هي كالتالي :

        1- الدحول الى حسابك

        2- الدخول على الرابط التالي :

        http://www.facebook.com/username/

        3- كتابة اسم صفحتك
        ملاحظة :
        تأكد من صحة البيانات عند اخال اسم الصفحة حيث انها الفرصة الوحيدة لك لوضع اسم لصفحتك او مجموعتك

        أما بالنسبة لزر جوجل
        فإبحثى عن هذا الكود

        #google_plus_div {
        width: 152px;
        height: 97px;
        overflow: hidden;
        margin-left: 50px;
        margin-top: 10px;

        وغيرى قيمالأرقام الموجودة بالكود

        حتى يظهر زر جوجل فأحيانا يختلف من قالب لآخر

        ردحذف
      5. ليلى الصباحى.. lolocat11‏/5‏/2012، 4:40 م

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

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

        ردحذف
      6. ناجح سلهب التميمي12‏/5‏/2012، 10:47 ص

        السلام عليكم

        جزاك الله خيرآ Dr.R.o على هذة التدوينة الرائعة لقدطبقت هذة الاضافة الى مدونتي http://najehs.blogspot.com/
        وانا من متابعي مدونتك يوميا لما فيها من تدوينات رائعة

        ردحذف
      7. منتدى كاتم الاحزان4‏/6‏/2012، 2:10 ص

        السلام عليكم
        اخى ممكن طلب بسرعة الله يعطيك العافية
        انا مش عارف اعدل فى الكود ممكن بعدازنك تعديلى انت
        دة رابط صفحتى للفيس بوك
        https://www.facebook.com/pages/%D9%85%D9%86%D8%AA%D8%AF%D9%89-%D8%A7%D8%A8%D9%88%D9%85%D8%B9%D8%AA%D8%B2/273105832765935

        ردحذف
      8. Dr Rasha Omran9‏/6‏/2012، 2:49 ص

        منتدى كاتم الاحزان
        شكرا لمتابعتك
        أعتذر بشدة عن التصميم للإنشغال الشديد

        ردحذف
      9. Bassam Husain15‏/6‏/2012، 11:10 ص

        الأضافة حلوة لكنها تتعارض مع السلايدر شو http://wahah2000.blogspot.com/
        الرجاء حل مشكلتي

        ردحذف
      10. ؟19‏/6‏/2012، 2:14 م

        الكود لايعمل وبعد الاذن من حضرتك ام يحيى والتعديل عليه مع طرحه للمبرمج كنتار لانه سيقوم بتعديله ..ااحترماتي

        ردحذف
      11. غير معرف4‏/7‏/2012، 4:51 ص

        كيف اضيف تابع جديد المواضيع الى هذا المنتدى فهو يختلف عن ما في الشرح علماً اني لا اعرف كيف افعل يتم ارسال المواضيع الجديدة مثل منتداكم ارجو الاجابة
        رابط المنتدى
        http://islam22.forumarabia.com

        ردحذف
      12. Dr Rasha Omran4‏/7‏/2012، 3:39 م

        للأسف ليس لدى خبرة بالمنتديات

        ردحذف
      13. seratal7abibalmostafa13‏/7‏/2012، 2:42 م

        السلام عليكم
        أزاى ألغى ال subscribe من قائمه الاربعه المنبسقه لأنها فيها مشكله عندى ومش عاوزة تتحل

        ردحذف
      14. DrouiPhop28‏/7‏/2012، 9:20 م

        السلام اعليكم شكرا على مجهودكم .. جزاااااااااااكم الله خير . الموقع ناجح بادن الله

        ردحذف
      15. Unknown10‏/8‏/2012، 7:56 ص

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

        ردحذف
      16. Dr Rasha Omran10‏/8‏/2012، 8:41 ص

        شكرا لمتابعتك
        تعارض الاكواد السبب بالمشكلة الحل أن تغير السلايد شو

        ردحذف
      17. egysr.com16‏/8‏/2012، 11:34 م

        لو انا عاوز الكود يبقى فى الشمال زى عندك كده مش ف اليمين اعمل ايه

        ردحذف
      18. flashtechno18‏/8‏/2012، 1:48 م

        شكرا على الإضافة الرائعة

        عند طلب

        أريد كود الإضافة الظاهرة في يمين المدونة للفيس بوك و جوجل وتويتر

        ردحذف
      19. Dr Rasha Omran18‏/8‏/2012، 3:30 م

        flashtechno
        شكرا على متابعتك
        لإدراج الإضافة جهة اليسار إضغط على الزر فى آخر الموضوع مع مراعاة تعديل الروابط بما يناسب مدونتك كما شرحت ببداية الموضوع

        ردحذف
      20. flashtechno18‏/8‏/2012، 6:18 م

        أشكرك جزيلا على ردك

        لكن لم يكن قصدي الإضافة المشروحة في هذا الموضوع التي تظهر في اليسار

        انما التي تظهر في اليمين بشكل عائم

        و هذه صورتها

        http://im12.gulfup.com/2012-08-19/1345339055761.png

        ردحذف
      21. Dr Rasha Omran22‏/8‏/2012، 1:35 م

        لقد أعددت موضوع لهذه الإضافة يمكنك متابعته على الرابط التالى
        http://conda3ianllkhir.blogspot.com/2012/08/like-tweet-google-plus.html

        ردحذف
      22. Unknown7‏/10‏/2012، 9:04 ص

        مدونة تستحق الشكر
        http://ta3lemblog.blogspot.com
        http://tempblogger-arabic.blogspot.com

        ردحذف
      23. مدونة هيا28‏/11‏/2012، 8:51 ص

        شكرا لك اخي على الاضافة الجميله

        ردحذف
      24. غير معرف29‏/11‏/2012، 5:11 ص

        السلام عليكم ورحمة الله و بركاته
        بارك الله فيك
        ممكن اعرف كيف اعملها في اليسار و جزاك الله خيرا

        ردحذف
      25. Dr Rasha Omran29‏/11‏/2012، 6:08 ص

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

        ردحذف
      26. محمد30‏/12‏/2012، 5:27 م

        شكراا لك اخي
        تم وضع الاضافة على اليسار لكن الصور لم تظهر
        فاضطررت الى تغييرها _ وتم بنجاح
        تم التنفيد هنا http://elkanoon.blogspot.com/

        ردحذف
      27. Dr Rasha Omran31‏/12‏/2012، 6:09 ص

        شكرا لمتابعتك
        تم تحديث الإضافة وتجديد الروابط

        ردحذف
      28. الدليل العربي للكمبيوتر والأنترنت31‏/12‏/2012، 1:32 م

        والله رائع هذه الإظافة
        شكرا لك على مجهوداتك القيمة
        بالتوفيق
        الدليل العربي للكمبيوتر والأنترنت

        ردحذف
      29. غير معرف28‏/1‏/2013، 3:17 ص

        انا ضفت الكود من المدونة ولكن عندما وضع الكود وافتح المدونة خاصتى تصبح الشاشى بيضاء وانا وضعت فى مدونتى القالب البنى فماذا افعل

        ردحذف
      30. Dr Rasha Omran9‏/2‏/2013، 11:35 ص

        الدليل العربي للكمبيوتر والأنترنت
        ahmed mohamed

        أشكركم لمتابعتكم
        بالنسبة لمشكلة القالب ممكن توضيح أكثر للمشكلة

        ردحذف
      31. Unknown22‏/2‏/2013، 1:16 م

        الكود تمام وشغال وزى ووالورد ولاكن اخر حاجة تبع الفيد بيرن لما بدخل الميل بتظهرلى رساله
        The feed does not have subscriptions by email enabled
        لما بجرب باى ايميل ياريت تساعدونى علشان اعرف اشغالها

        ردحذف
      32. Dr Rasha Omran23‏/2‏/2013، 1:21 ص

        تأكد أنك تضيف رابط الخلاصات الخاص بك صحيح

        ردحذف
      33. Unknown26‏/3‏/2013، 9:40 م

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

        ردحذف
      34. Unknown26‏/3‏/2013، 10:39 م

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

        ردحذف
      35. Unknown15‏/5‏/2013، 7:40 ص

        السلام عليكم
        انا ركبتها وشغاله تمام بس بعد تغير
        designsblog بإسم المستخدم الخاص بصفحتك على الفيس بوك facebook fanpage username

        تظهر الصفحة بيضاء ارجو منك الحل
        ويعطيك الف عافية
        وشكرا

        ردحذف
      36. Dr Rasha Omran16‏/5‏/2013، 6:40 ص

        @ ضوء القمر
        استبدل designsblog بالـ username الموجود برابط صفحة الفيس بوك أعلى المتصفح

        ردحذف
      37. Unknown6‏/6‏/2013، 9:19 ص

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

        ردحذف
      38. Unknown6‏/6‏/2013، 9:32 ص

        شكرا لك تمت الاضاافة بارك الله فيك

        ردحذف
      39. bibka deadly20‏/6‏/2013، 1:50 م

        لماذا كل موضوع يعجبني اجي اطبق بي لازم ربطكم اكون سبب في المشكل افيدنا ولو بموضوع واحد .........:p.

        ردحذف
      40. Unknown9‏/7‏/2013، 12:31 ص

        لو سكحتى انا مش راضى يظهر عندى غير الفيس بس
        ممكن تسعدينى
        http://fekra20.blogspot.com/

        ردحذف
      41. ahmad omar20‏/7‏/2013، 2:59 ص

        ممكن الكود بس للفيس بوك لوحده ؟؟!!!!

        وشكرا

        ردحذف
      42. احتراف الكمبيوتر29‏/7‏/2013، 12:01 م

        الأضافة حلوة لكنها تتعارض مع السلايدر شوhttp://gustarab.blogspot.com/
        الرجاء حل مشكل

        ردحذف
      43. Unknown4‏/9‏/2013، 1:06 م

        السلام عليكم بارك الله فيك لكل ماتقدمية لنا في عالم التدوين,الأضافة فعلا جميلة وتم تجربتها بنجاح,ولكني لاحظت بعد فترة من الزمن ان النافذة الخاصة بتيوتر لم تعد تظهر وتظهر محلها صفحة زرقاء فما هو هو الحل ياترى افيدونا افادكم الله.

        ردحذف
      44. Dr Rasha Omran16‏/12‏/2013، 12:03 م

        تم تحديث الإضافة وتعمل جيدا الآن

        ردحذف
      45. Unknown26‏/12‏/2013، 10:13 ص

        شكرا جزيلا لك تم اضافتها بنجاح

        ردحذف
      46. Unknown25‏/2‏/2015، 8:52 ص

        انا ضبط معايا كلوا ما عدا تويتر ما ضبط مش عارف ليه

        ردحذف
      47. Unknown25‏/2‏/2015، 8:59 ص

        انا اشكرك وجزاك الله خيرا علي هذا الموضوع ولاكن لا ذلالت مشكله تويتر مستمره وتظهر شاشه زرقاء فقط

        ردحذف
      48. Dr Rasha Omran25‏/2‏/2015، 3:06 م

        @ معلومه علي الماشي
        تم تحديث الاكواد طبقا لتغييرات تويتر واذا استمرت المشكلة يمكنك الاطلاع على هذا الموضوع
        كيف تضيف أدوات تويتر الرسمية

        ردحذف
      49. mohamed maher20‏/4‏/2015، 6:06 ص

        ماهو حل مشكلة تويتر

        ردحذف
      50. Admin16‏/4‏/2016، 7:00 ص

        شكرا جزيلا لك

        ردحذف

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

      الاشتراك في: تعليقات الرسالة (Atom)
      Privacy-Policy | إعلن لدينا
      جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

      تصميم كن مدون