47
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="http://4.bp.blogspot.com/-pzM3IebaPHg/T3BF_Cp5ChI/AAAAAAAABTA/uPlhRvqJF2Y/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="http://2.bp.blogspot.com/-DoXgccAh568/T3BGBaBhUUI/AAAAAAAABTY/apMnhTjbnnU/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="http://1.bp.blogspot.com/-08OfKvSFgp8/T3BF_ifkYhI/AAAAAAAABTI/H-tCpPulBME/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="http://2.bp.blogspot.com/-92lVWafnEt0/T3BGAWfGPKI/AAAAAAAABTQ/r61lpGWJqew/s1600/DrRo2.com-subscribe-icon.png"/>
         </div>
        </div>
       </div>
      </div>
      <center/>
      <a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://lh3.googleusercontent.com/-6r0Z0Nh4mjE/T6wLjVKJLwI/AAAAAAAABSo/k8v-Fiz1l_4/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/"><img alt="Blogger widget" src="https://lh3.googleusercontent.com/-6r0Z0Nh4mjE/T6wLjVKJLwI/AAAAAAAABSo/k8v-Fiz1l_4/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/"><img alt="Blogger widget" src="https://lh3.googleusercontent.com/-6r0Z0Nh4mjE/T6wLjVKJLwI/AAAAAAAABSo/k8v-Fiz1l_4/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://lh4.googleusercontent.com/-NcIKY_o6Mtw/T6wWiUga8bI/AAAAAAAABT8/p9JbUceixMs/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://lh3.googleusercontent.com/-NU-QMcSodZU/T6wWmwh3bQI/AAAAAAAABUM/thzmTAe0IAI/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://lh3.googleusercontent.com/-5kzHW4FMNsw/T6wWjEwWJ9I/AAAAAAAABUE/zkQWcbZDM7o/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://lh6.googleusercontent.com/-nEI7DMe3EwI/T6wWn7Q6DlI/AAAAAAAABUU/n_LE3C0KIhk/s66/rss-47x66.png" />
         </div>
        </div>
       </div>
      </div>
      <center/>
      <a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://lh3.googleusercontent.com/-6r0Z0Nh4mjE/T6wLjVKJLwI/AAAAAAAABSo/k8v-Fiz1l_4/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://lh4.googleusercontent.com/-rD2MHOVU78U/T6wckX5GOII/AAAAAAAABUk/DKYffh9vOnU/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://lh5.googleusercontent.com/-AEaVFkcfMCI/T6wcl7-h1BI/AAAAAAAABU0/3NqO4daXo1M/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://lh6.googleusercontent.com/-t08ZyMzTjFc/T6wc290OfSI/AAAAAAAABU8/B5FeITzKcuk/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://lh3.googleusercontent.com/-1UeWcg0c_80/T6wck2OT_UI/AAAAAAAABUs/eknV-xuulJs/s60/feed_cloud.png" />
         </div>
        </div>
       </div>
      </div>
      <center/>
      <a href="http://conda3ianllkhir.blogspot.com/"><img alt="Blogger widget" src="https://lh3.googleusercontent.com/-6r0Z0Nh4mjE/T6wLjVKJLwI/AAAAAAAABSo/k8v-Fiz1l_4/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>

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

      مواضيع ذات صلة

      47 التعليقات:

      ليلى الصباحى.. lolocat يقول...

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

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

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

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

      Dr.R.o يقول...

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

      ليلى الصباحى.. lolocat يقول...

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

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

      http://llolocat.blogspot.com/

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

      Dr.R.o يقول...

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

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

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

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

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

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

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

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

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

      ليلى الصباحى.. lolocat يقول...

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

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

      ناجح سلهب التميمي يقول...

      السلام عليكم

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

      منتدى كاتم الاحزان يقول...

      السلام عليكم
      اخى ممكن طلب بسرعة الله يعطيك العافية
      انا مش عارف اعدل فى الكود ممكن بعدازنك تعديلى انت
      دة رابط صفحتى للفيس بوك
      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

      Dr.R.o يقول...

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

      بسام يقول...

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

      ؟ يقول...

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

      ashraf يقول...

      ام يحيى محتاج تواقيع فلاشيه اسلاميه للاعضاء ممكن 8 تواقيع شوفى حضرتك التكلفه كام حتى ارسل لكى الاسماء
      تنويه يمنع راوبط التحويل لمدونتك فى التواقيع مثلما تم فى عرض للبنر ؟؟؟
      لن اقوم بدفع التكاليف الا بعد الاطلاع على التواقيع ؟؟
      ااحترماتي
      ادمن فورفيوتشر

      Dr.R.o يقول...

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

      أخى الكريم
      ashraf
      أعتذر عن التصميم لإنشغالى الشديد هذه الفترة

      غير معرف يقول...

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

      Dr.R.o يقول...

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

      seratal7abibalmostafa يقول...

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

      مصطفى الدروي يقول...

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

      Mohamed ashraf يقول...

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

      Dr.R.o يقول...

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

      egysr.com يقول...

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

      flashtechno يقول...

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

      عند طلب

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

      Dr.R.o يقول...

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

      flashtechno يقول...

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

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

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

      و هذه صورتها

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

      Dr.R.o يقول...

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

      OSMON OSSAMA يقول...

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

      مدونة هيا يقول...

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

      عبد الغني أيوسف يقول...

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

      Dr.R.o يقول...

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

      محمد يقول...

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

      Dr.R.o يقول...

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

      الدليل العربي للكمبيوتر والأنترنت يقول...

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

      ahmed mohamed يقول...

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

      Dr.R.o يقول...

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

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

      ahmed fawzy يقول...

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

      Dr R.O يقول...

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

      ahmed fawzy يقول...

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

      ahmed fawzy يقول...

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

      ضوء القمر يقول...

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

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

      Dr R.O يقول...

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

      زاد الرحيل يقول...

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

      زاد الرحيل يقول...

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

      angelina deadly يقول...

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

      hazem tharwat يقول...

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

      ahmad omar يقول...

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

      وشكرا

      hassouni noureddine يقول...

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

      Ramzi Alshaabi يقول...

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

      Dr R.O يقول...

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

      Ramzi Alshaabi يقول...

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

      إرسال تعليق

      يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق
      أعتذر عن الرد على طلبات التصميم لضيق الوقت أو التبادل الإعلانى

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

      Blogger Widgets
       
      سياسة الخصوصية
      كن داعيا للخير © 2013 | عودة الى الاعلى
      Designed by Chica Blogger /تعريب وتطوير - مدونة فوتوشوب للعرب